##// END OF EJS Templates
Removed duplication borders in the post list
neko259 -
r667:327aa75a default
parent child Browse files
Show More
@@ -1,407 +1,419 b''
1 html {
1 html {
2 background: #555;
2 background: #555;
3 color: #ffffff;
3 color: #ffffff;
4 }
4 }
5
5
6 body {
6 body {
7 margin: 0;
7 margin: 0;
8 }
8 }
9
9
10 #admin_panel {
10 #admin_panel {
11 background: #FF0000;
11 background: #FF0000;
12 color: #00FF00
12 color: #00FF00
13 }
13 }
14
14
15 .input_field {
15 .input_field {
16
16
17 }
17 }
18
18
19 .input_field_name {
19 .input_field_name {
20
20
21 }
21 }
22
22
23 .input_field_error {
23 .input_field_error {
24 color: #FF0000;
24 color: #FF0000;
25 }
25 }
26
26
27 .title {
27 .title {
28 font-weight: bold;
28 font-weight: bold;
29 color: #ffcc00;
29 color: #ffcc00;
30 font-size: 2ex;
30 font-size: 2ex;
31 }
31 }
32
32
33 .link, a {
33 .link, a {
34 color: #afdcec;
34 color: #afdcec;
35 }
35 }
36
36
37 .block {
37 .block {
38 display: inline-block;
38 display: inline-block;
39 vertical-align: top;
39 vertical-align: top;
40 }
40 }
41
41
42 .tag {
42 .tag {
43 /*color: #F5FFC9;*/
43 /*color: #F5FFC9;*/
44 color: #FFD37D;
44 color: #FFD37D;
45 /*color: #b4cfec;*/
45 /*color: #b4cfec;*/
46 }
46 }
47
47
48 .post_id {
48 .post_id {
49 color: #fff380;
49 color: #fff380;
50 }
50 }
51
51
52 .post, .dead_post, .archive_post, #posts-table {
52 .post, .dead_post, .archive_post, #posts-table {
53 background: #333;
53 background: #333;
54 padding: 10px;
54 padding: 10px;
55 clear: left;
55 clear: left;
56 word-wrap: break-word;
56 word-wrap: break-word;
57 border-top: 1px solid #777;
57 border-top: 1px solid #777;
58 border-bottom: 1px solid #777;
58 border-bottom: 1px solid #777;
59 }
59 }
60
60
61 .post + .post {
62 border-top: none;
63 }
64
65 .dead_post + .dead_post {
66 border-top: none;
67 }
68
69 .archive_post + .archive_post {
70 border-top: none;
71 }
72
61 .metadata {
73 .metadata {
62 padding-top: 5px;
74 padding-top: 5px;
63 margin-top: 10px;
75 margin-top: 10px;
64 border-top: solid 1px #666;
76 border-top: solid 1px #666;
65 color: #ddd;
77 color: #ddd;
66 }
78 }
67
79
68 .navigation_panel, .tag_info {
80 .navigation_panel, .tag_info {
69 background: #444;
81 background: #444;
70 margin-bottom: 5px;
82 margin-bottom: 5px;
71 margin-top: 5px;
83 margin-top: 5px;
72 padding: 10px;
84 padding: 10px;
73 border-bottom: solid 1px #888;
85 border-bottom: solid 1px #888;
74 border-top: solid 1px #888;
86 border-top: solid 1px #888;
75 color: #eee;
87 color: #eee;
76 }
88 }
77
89
78 .navigation_panel .link {
90 .navigation_panel .link {
79 border-right: 1px solid #fff;
91 border-right: 1px solid #fff;
80 font-weight: bold;
92 font-weight: bold;
81 margin-right: 1ex;
93 margin-right: 1ex;
82 padding-right: 1ex;
94 padding-right: 1ex;
83 }
95 }
84 .navigation_panel .link:last-child {
96 .navigation_panel .link:last-child {
85 border-left: 1px solid #fff;
97 border-left: 1px solid #fff;
86 border-right: none;
98 border-right: none;
87 float: right;
99 float: right;
88 margin-left: 1ex;
100 margin-left: 1ex;
89 margin-right: 0;
101 margin-right: 0;
90 padding-left: 1ex;
102 padding-left: 1ex;
91 padding-right: 0;
103 padding-right: 0;
92 }
104 }
93
105
94 .navigation_panel::after, .post::after {
106 .navigation_panel::after, .post::after {
95 clear: both;
107 clear: both;
96 content: ".";
108 content: ".";
97 display: block;
109 display: block;
98 height: 0;
110 height: 0;
99 line-height: 0;
111 line-height: 0;
100 visibility: hidden;
112 visibility: hidden;
101 }
113 }
102
114
103 p {
115 p {
104 margin-top: .5em;
116 margin-top: .5em;
105 margin-bottom: .5em;
117 margin-bottom: .5em;
106 }
118 }
107
119
108 .post-form-w {
120 .post-form-w {
109 background: #333344;
121 background: #333344;
110 border-top: solid 1px #888;
122 border-top: solid 1px #888;
111 border-bottom: solid 1px #888;
123 border-bottom: solid 1px #888;
112 color: #fff;
124 color: #fff;
113 padding: 10px;
125 padding: 10px;
114 margin-bottom: 5px;
126 margin-bottom: 5px;
115 margin-top: 5px;
127 margin-top: 5px;
116 }
128 }
117
129
118 .form-row {
130 .form-row {
119 display: table-row;
131 display: table-row;
120 }
132 }
121
133
122 .form-label, .form-input, .form-errors {
134 .form-label, .form-input, .form-errors {
123 display: table-cell;
135 display: table-cell;
124 }
136 }
125
137
126 .form-label {
138 .form-label {
127 padding: .25em 1ex .25em 0;
139 padding: .25em 1ex .25em 0;
128 vertical-align: top;
140 vertical-align: top;
129 }
141 }
130
142
131 .form-input {
143 .form-input {
132 padding: .25em 0;
144 padding: .25em 0;
133 }
145 }
134
146
135 .form-errors {
147 .form-errors {
136 font-weight: bolder;
148 font-weight: bolder;
137 vertical-align: middle;
149 vertical-align: middle;
138 }
150 }
139
151
140 .post-form input, .post-form textarea {
152 .post-form input, .post-form textarea {
141 background: #333;
153 background: #333;
142 color: #fff;
154 color: #fff;
143 border: solid 1px;
155 border: solid 1px;
144 padding: 0;
156 padding: 0;
145 width: 100%;
157 width: 100%;
146 font: medium sans;
158 font: medium sans;
147 }
159 }
148
160
149 .form-submit {
161 .form-submit {
150 display: table;
162 display: table;
151 margin-bottom: 1ex;
163 margin-bottom: 1ex;
152 }
164 }
153
165
154 .form-title {
166 .form-title {
155 font-weight: bold;
167 font-weight: bold;
156 font-size: 2.5ex;
168 font-size: 2.5ex;
157 text-decoration: underline;
169 text-decoration: underline;
158 }
170 }
159
171
160 input[type="submit"] {
172 input[type="submit"] {
161 background: #222;
173 background: #222;
162 border: solid 2px #fff;
174 border: solid 2px #fff;
163 color: #fff;
175 color: #fff;
164 padding: 0.5ex;
176 padding: 0.5ex;
165 }
177 }
166
178
167 input[type="submit"]:hover {
179 input[type="submit"]:hover {
168 background: #060;
180 background: #060;
169 }
181 }
170
182
171 blockquote {
183 blockquote {
172 border-left: solid 2px;
184 border-left: solid 2px;
173 padding-left: 5px;
185 padding-left: 5px;
174 color: #B1FB17;
186 color: #B1FB17;
175 margin: 0;
187 margin: 0;
176 }
188 }
177
189
178 .post > .image {
190 .post > .image {
179 float: left;
191 float: left;
180 margin: 0 1ex .5ex 0;
192 margin: 0 1ex .5ex 0;
181 min-width: 1px;
193 min-width: 1px;
182 text-align: center;
194 text-align: center;
183 display: table-row;
195 display: table-row;
184 }
196 }
185
197
186 .post > .metadata {
198 .post > .metadata {
187 clear: left;
199 clear: left;
188 }
200 }
189
201
190 .get {
202 .get {
191 font-weight: bold;
203 font-weight: bold;
192 color: #d55;
204 color: #d55;
193 }
205 }
194
206
195 * {
207 * {
196 text-decoration: none;
208 text-decoration: none;
197 }
209 }
198
210
199 .dead_post {
211 .dead_post {
200 background-color: #442222;
212 background-color: #442222;
201 }
213 }
202
214
203 .archive_post {
215 .archive_post {
204 background-color: #000;
216 background-color: #000;
205 }
217 }
206
218
207 .mark_btn {
219 .mark_btn {
208 border: 1px solid;
220 border: 1px solid;
209 min-width: 2ex;
221 min-width: 2ex;
210 padding: 2px 2ex;
222 padding: 2px 2ex;
211 }
223 }
212
224
213 .mark_btn:hover {
225 .mark_btn:hover {
214 background: #555;
226 background: #555;
215 }
227 }
216
228
217 .quote {
229 .quote {
218 color: #92cf38;
230 color: #92cf38;
219 font-style: italic;
231 font-style: italic;
220 }
232 }
221
233
222 .spoiler {
234 .spoiler {
223 background: white;
235 background: white;
224 color: white;
236 color: white;
225 }
237 }
226
238
227 .spoiler:hover {
239 .spoiler:hover {
228 color: black;
240 color: black;
229 }
241 }
230
242
231 .comment {
243 .comment {
232 color: #eb2;
244 color: #eb2;
233 }
245 }
234
246
235 a:hover {
247 a:hover {
236 text-decoration: underline;
248 text-decoration: underline;
237 }
249 }
238
250
239 .last-replies {
251 .last-replies {
240 margin-left: 3ex;
252 margin-left: 3ex;
241 margin-right: 3ex;
253 margin-right: 3ex;
242 }
254 }
243
255
244 .thread {
256 .thread {
245 margin-bottom: 3ex;
257 margin-bottom: 3ex;
246 margin-top: 1ex;
258 margin-top: 1ex;
247 }
259 }
248
260
249 .post:target {
261 .post:target {
250 border: solid 2px white;
262 border: solid 2px white;
251 }
263 }
252
264
253 pre{
265 pre{
254 white-space:pre-wrap
266 white-space:pre-wrap
255 }
267 }
256
268
257 li {
269 li {
258 list-style-position: inside;
270 list-style-position: inside;
259 }
271 }
260
272
261 .fancybox-skin {
273 .fancybox-skin {
262 position: relative;
274 position: relative;
263 background-color: #fff;
275 background-color: #fff;
264 color: #ddd;
276 color: #ddd;
265 text-shadow: none;
277 text-shadow: none;
266 }
278 }
267
279
268 .fancybox-image {
280 .fancybox-image {
269 border: 1px solid black;
281 border: 1px solid black;
270 }
282 }
271
283
272 .image-mode-tab {
284 .image-mode-tab {
273 background: #444;
285 background: #444;
274 color: #eee;
286 color: #eee;
275 margin-top: 5px;
287 margin-top: 5px;
276 padding: 5px;
288 padding: 5px;
277 border-top: 1px solid #888;
289 border-top: 1px solid #888;
278 border-bottom: 1px solid #888;
290 border-bottom: 1px solid #888;
279 }
291 }
280
292
281 .image-mode-tab > label {
293 .image-mode-tab > label {
282 margin: 0 1ex;
294 margin: 0 1ex;
283 }
295 }
284
296
285 .image-mode-tab > label > input {
297 .image-mode-tab > label > input {
286 margin-right: .5ex;
298 margin-right: .5ex;
287 }
299 }
288
300
289 #posts-table {
301 #posts-table {
290 margin-top: 5px;
302 margin-top: 5px;
291 margin-bottom: 5px;
303 margin-bottom: 5px;
292 }
304 }
293
305
294 .tag_info > h2 {
306 .tag_info > h2 {
295 margin: 0;
307 margin: 0;
296 }
308 }
297
309
298 .post-info {
310 .post-info {
299 color: #ddd;
311 color: #ddd;
300 }
312 }
301
313
302 .moderator_info {
314 .moderator_info {
303 color: #e99d41;
315 color: #e99d41;
304 float: right;
316 float: right;
305 font-weight: bold;
317 font-weight: bold;
306 }
318 }
307
319
308 .refmap {
320 .refmap {
309 font-size: 0.9em;
321 font-size: 0.9em;
310 color: #ccc;
322 color: #ccc;
311 margin-top: 1em;
323 margin-top: 1em;
312 }
324 }
313
325
314 .fav {
326 .fav {
315 color: yellow;
327 color: yellow;
316 }
328 }
317
329
318 .not_fav {
330 .not_fav {
319 color: #ccc;
331 color: #ccc;
320 }
332 }
321
333
322 .role {
334 .role {
323 text-decoration: underline;
335 text-decoration: underline;
324 }
336 }
325
337
326 .form-email {
338 .form-email {
327 display: none;
339 display: none;
328 }
340 }
329
341
330 .footer {
342 .footer {
331 margin: 5px;
343 margin: 5px;
332 }
344 }
333
345
334 .bar-value {
346 .bar-value {
335 background: rgba(50, 55, 164, 0.45);
347 background: rgba(50, 55, 164, 0.45);
336 font-size: 0.9em;
348 font-size: 0.9em;
337 height: 1.5em;
349 height: 1.5em;
338 }
350 }
339
351
340 .bar-bg {
352 .bar-bg {
341 position: relative;
353 position: relative;
342 border-top: solid 1px #888;
354 border-top: solid 1px #888;
343 border-bottom: solid 1px #888;
355 border-bottom: solid 1px #888;
344 margin-top: 5px;
356 margin-top: 5px;
345 overflow: hidden;
357 overflow: hidden;
346 }
358 }
347
359
348 .bar-text {
360 .bar-text {
349 padding: 2px;
361 padding: 2px;
350 position: absolute;
362 position: absolute;
351 left: 0;
363 left: 0;
352 top: 0;
364 top: 0;
353 }
365 }
354
366
355 .page_link {
367 .page_link {
356 display: table;
368 display: table;
357 background: #444;
369 background: #444;
358 margin: 5px;
370 margin: 5px;
359 border: solid 1px #888;
371 border: solid 1px #888;
360 padding: 5px;
372 padding: 5px;
361 font-weight: bolder;
373 font-weight: bolder;
362 color: #eee;
374 color: #eee;
363 }
375 }
364
376
365 .skipped_replies {
377 .skipped_replies {
366 margin: 5px;
378 margin: 5px;
367 }
379 }
368
380
369 .current_page {
381 .current_page {
370 border: solid 1px #afdcec;
382 border: solid 1px #afdcec;
371 padding: 2px;
383 padding: 2px;
372 }
384 }
373
385
374 .current_mode {
386 .current_mode {
375 font-weight: bold;
387 font-weight: bold;
376 }
388 }
377
389
378 .gallery_image {
390 .gallery_image {
379 border: solid 1px;
391 border: solid 1px;
380 padding: 0.5ex;
392 padding: 0.5ex;
381 margin: 0.5ex;
393 margin: 0.5ex;
382 text-align: center;
394 text-align: center;
383 }
395 }
384
396
385 code {
397 code {
386 border: dashed 1px #ccc;
398 border: dashed 1px #ccc;
387 background: #111;
399 background: #111;
388 padding: 2px;
400 padding: 2px;
389 font-size: 1.2em;
401 font-size: 1.2em;
390 display: inline-block;
402 display: inline-block;
391 }
403 }
392
404
393 pre {
405 pre {
394 overflow: auto;
406 overflow: auto;
395 }
407 }
396
408
397 .img-full {
409 .img-full {
398 background: #222;
410 background: #222;
399 border: solid 1px white;
411 border: solid 1px white;
400 }
412 }
401
413
402 .tag_item {
414 .tag_item {
403 display: inline-block;
415 display: inline-block;
404 border: 1px dashed #666;
416 border: 1px dashed #666;
405 margin: 0.2ex;
417 margin: 0.2ex;
406 padding: 0.1ex;
418 padding: 0.1ex;
407 }
419 }
General Comments 0
You need to be logged in to leave comments. Login now