##// END OF EJS Templates
Changed tag style in the tag list in MD theme
neko259 -
r1071:49dc9783 default
parent child Browse files
Show More
@@ -1,522 +1,520 b''
1 * {
1 * {
2 text-decoration: none;
2 text-decoration: none;
3 font-weight: inherit;
3 font-weight: inherit;
4 }
4 }
5
5
6 b, strong {
6 b, strong {
7 font-weight: bold;
7 font-weight: bold;
8 }
8 }
9
9
10 html {
10 html {
11 background: #555;
11 background: #555;
12 color: #ffffff;
12 color: #ffffff;
13 }
13 }
14
14
15 body {
15 body {
16 margin: 0;
16 margin: 0;
17 }
17 }
18
18
19 #admin_panel {
19 #admin_panel {
20 background: #FF0000;
20 background: #FF0000;
21 color: #00FF00
21 color: #00FF00
22 }
22 }
23
23
24 .input_field_error {
24 .input_field_error {
25 color: #FF0000;
25 color: #FF0000;
26 }
26 }
27
27
28 .title {
28 .title {
29 font-weight: bold;
29 font-weight: bold;
30 color: #ffcc00;
30 color: #ffcc00;
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: #FFD37D;
43 color: #FFD37D;
44 }
44 }
45
45
46 .post_id {
46 .post_id {
47 color: #fff380;
47 color: #fff380;
48 }
48 }
49
49
50 .post, .dead_post, .archive_post, #posts-table {
50 .post, .dead_post, .archive_post, #posts-table {
51 background: #333;
51 background: #333;
52 padding: 10px;
52 padding: 10px;
53 clear: left;
53 clear: left;
54 word-wrap: break-word;
54 word-wrap: break-word;
55 border-top: 1px solid #777;
55 border-top: 1px solid #777;
56 border-bottom: 1px solid #777;
56 border-bottom: 1px solid #777;
57 }
57 }
58
58
59 .post + .post {
59 .post + .post {
60 border-top: none;
60 border-top: none;
61 }
61 }
62
62
63 .dead_post + .dead_post {
63 .dead_post + .dead_post {
64 border-top: none;
64 border-top: none;
65 }
65 }
66
66
67 .archive_post + .archive_post {
67 .archive_post + .archive_post {
68 border-top: none;
68 border-top: none;
69 }
69 }
70
70
71 .metadata {
71 .metadata {
72 padding-top: 5px;
72 padding-top: 5px;
73 margin-top: 10px;
73 margin-top: 10px;
74 border-top: solid 1px #666;
74 border-top: solid 1px #666;
75 color: #ddd;
75 color: #ddd;
76 }
76 }
77
77
78 .navigation_panel, .tag_info {
78 .navigation_panel, .tag_info {
79 background: #222;
79 background: #222;
80 margin-bottom: 5px;
80 margin-bottom: 5px;
81 margin-top: 5px;
81 margin-top: 5px;
82 padding: 10px;
82 padding: 10px;
83 border-bottom: solid 1px #888;
83 border-bottom: solid 1px #888;
84 border-top: solid 1px #888;
84 border-top: solid 1px #888;
85 color: #eee;
85 color: #eee;
86 }
86 }
87
87
88 .navigation_panel .link:first-child {
88 .navigation_panel .link:first-child {
89 border-right: 1px solid #fff;
89 border-right: 1px solid #fff;
90 font-weight: bold;
90 font-weight: bold;
91 margin-right: 1ex;
91 margin-right: 1ex;
92 padding-right: 1ex;
92 padding-right: 1ex;
93 }
93 }
94
94
95 .navigation_panel .right-link {
95 .navigation_panel .right-link {
96 border-left: 1px solid #fff;
96 border-left: 1px solid #fff;
97 border-right: none;
97 border-right: none;
98 float: right;
98 float: right;
99 margin-left: 1ex;
99 margin-left: 1ex;
100 margin-right: 0;
100 margin-right: 0;
101 padding-left: 1ex;
101 padding-left: 1ex;
102 padding-right: 0;
102 padding-right: 0;
103 }
103 }
104
104
105 .navigation_panel .link {
105 .navigation_panel .link {
106 font-weight: bold;
106 font-weight: bold;
107 }
107 }
108
108
109 .navigation_panel::after, .post::after {
109 .navigation_panel::after, .post::after {
110 clear: both;
110 clear: both;
111 content: ".";
111 content: ".";
112 display: block;
112 display: block;
113 height: 0;
113 height: 0;
114 line-height: 0;
114 line-height: 0;
115 visibility: hidden;
115 visibility: hidden;
116 }
116 }
117
117
118 .header {
118 .header {
119 border-bottom: solid 2px #ccc;
119 border-bottom: solid 2px #ccc;
120 margin-bottom: 5px;
120 margin-bottom: 5px;
121 border-top: none;
121 border-top: none;
122 margin-top: 0;
122 margin-top: 0;
123 }
123 }
124
124
125 .footer {
125 .footer {
126 border-top: solid 2px #ccc;
126 border-top: solid 2px #ccc;
127 margin-top: 5px;
127 margin-top: 5px;
128 border-bottom: none;
128 border-bottom: none;
129 margin-bottom: 0;
129 margin-bottom: 0;
130 }
130 }
131
131
132 p, .br {
132 p, .br {
133 margin-top: .5em;
133 margin-top: .5em;
134 margin-bottom: .5em;
134 margin-bottom: .5em;
135 }
135 }
136
136
137 .post-form-w {
137 .post-form-w {
138 background: #333344;
138 background: #333344;
139 border-top: solid 1px #888;
139 border-top: solid 1px #888;
140 border-bottom: solid 1px #888;
140 border-bottom: solid 1px #888;
141 color: #fff;
141 color: #fff;
142 padding: 10px;
142 padding: 10px;
143 margin-bottom: 5px;
143 margin-bottom: 5px;
144 margin-top: 5px;
144 margin-top: 5px;
145 }
145 }
146
146
147 .form-row {
147 .form-row {
148 width: 100%;
148 width: 100%;
149 }
149 }
150
150
151 .form-label {
151 .form-label {
152 padding: .25em 1ex .25em 0;
152 padding: .25em 1ex .25em 0;
153 vertical-align: top;
153 vertical-align: top;
154 }
154 }
155
155
156 .form-input {
156 .form-input {
157 padding: .25em 0;
157 padding: .25em 0;
158 }
158 }
159
159
160 .form-errors {
160 .form-errors {
161 font-weight: bolder;
161 font-weight: bolder;
162 vertical-align: middle;
162 vertical-align: middle;
163 }
163 }
164
164
165 .post-form input:not([name="image"]), .post-form textarea {
165 .post-form input:not([name="image"]), .post-form textarea {
166 background: #333;
166 background: #333;
167 color: #fff;
167 color: #fff;
168 border: solid 1px;
168 border: solid 1px;
169 padding: 0;
169 padding: 0;
170 font: medium sans-serif;
170 font: medium sans-serif;
171 width: 100%;
171 width: 100%;
172 }
172 }
173
173
174 .post-form textarea {
174 .post-form textarea {
175 resize: vertical;
175 resize: vertical;
176 }
176 }
177
177
178 .form-submit {
178 .form-submit {
179 display: table;
179 display: table;
180 margin-bottom: 1ex;
180 margin-bottom: 1ex;
181 margin-top: 1ex;
181 margin-top: 1ex;
182 }
182 }
183
183
184 .form-title {
184 .form-title {
185 font-weight: bold;
185 font-weight: bold;
186 font-size: 2ex;
186 font-size: 2ex;
187 margin-bottom: 0.5ex;
187 margin-bottom: 0.5ex;
188 }
188 }
189
189
190 .post-form input[type="submit"], input[type="submit"] {
190 .post-form input[type="submit"], input[type="submit"] {
191 background: #222;
191 background: #222;
192 border: solid 2px #fff;
192 border: solid 2px #fff;
193 color: #fff;
193 color: #fff;
194 padding: 0.5ex;
194 padding: 0.5ex;
195 }
195 }
196
196
197 input[type="submit"]:hover {
197 input[type="submit"]:hover {
198 background: #060;
198 background: #060;
199 }
199 }
200
200
201 blockquote {
201 blockquote {
202 border-left: solid 2px;
202 border-left: solid 2px;
203 padding-left: 5px;
203 padding-left: 5px;
204 color: #B1FB17;
204 color: #B1FB17;
205 margin: 0;
205 margin: 0;
206 }
206 }
207
207
208 .post > .image {
208 .post > .image {
209 float: left;
209 float: left;
210 margin: 0 1ex .5ex 0;
210 margin: 0 1ex .5ex 0;
211 min-width: 1px;
211 min-width: 1px;
212 text-align: center;
212 text-align: center;
213 display: table-row;
213 display: table-row;
214 }
214 }
215
215
216 .post > .metadata {
216 .post > .metadata {
217 clear: left;
217 clear: left;
218 }
218 }
219
219
220 .get {
220 .get {
221 font-weight: bold;
221 font-weight: bold;
222 color: #d55;
222 color: #d55;
223 }
223 }
224
224
225 * {
225 * {
226 text-decoration: none;
226 text-decoration: none;
227 }
227 }
228
228
229 .dead_post {
229 .dead_post {
230 background-color: #442222;
230 background-color: #442222;
231 }
231 }
232
232
233 .archive_post {
233 .archive_post {
234 background-color: #000;
234 background-color: #000;
235 }
235 }
236
236
237 .mark_btn {
237 .mark_btn {
238 border: 1px solid;
238 border: 1px solid;
239 min-width: 2ex;
239 min-width: 2ex;
240 padding: 2px 2ex;
240 padding: 2px 2ex;
241 }
241 }
242
242
243 .mark_btn:hover {
243 .mark_btn:hover {
244 background: #555;
244 background: #555;
245 }
245 }
246
246
247 .quote {
247 .quote {
248 color: #92cf38;
248 color: #92cf38;
249 font-style: italic;
249 font-style: italic;
250 }
250 }
251
251
252 .multiquote {
252 .multiquote {
253 padding: 3px;
253 padding: 3px;
254 display: inline-block;
254 display: inline-block;
255 background: #222;
255 background: #222;
256 border-style: solid;
256 border-style: solid;
257 border-width: 1px 1px 1px 4px;
257 border-width: 1px 1px 1px 4px;
258 font-size: 0.9em;
258 font-size: 0.9em;
259 }
259 }
260
260
261 .spoiler {
261 .spoiler {
262 background: black;
262 background: black;
263 color: black;
263 color: black;
264 padding: 0 1ex 0 1ex;
264 padding: 0 1ex 0 1ex;
265 }
265 }
266
266
267 .spoiler:hover {
267 .spoiler:hover {
268 color: #ddd;
268 color: #ddd;
269 }
269 }
270
270
271 .comment {
271 .comment {
272 color: #eb2;
272 color: #eb2;
273 }
273 }
274
274
275 a:hover {
275 a:hover {
276 text-decoration: underline;
276 text-decoration: underline;
277 }
277 }
278
278
279 .last-replies {
279 .last-replies {
280 margin-left: 3ex;
280 margin-left: 3ex;
281 margin-right: 3ex;
281 margin-right: 3ex;
282 border-left: solid 1px #777;
282 border-left: solid 1px #777;
283 border-right: solid 1px #777;
283 border-right: solid 1px #777;
284 }
284 }
285
285
286 .last-replies > .post:first-child {
286 .last-replies > .post:first-child {
287 border-top: none;
287 border-top: none;
288 }
288 }
289
289
290 .thread {
290 .thread {
291 margin-bottom: 3ex;
291 margin-bottom: 3ex;
292 margin-top: 1ex;
292 margin-top: 1ex;
293 }
293 }
294
294
295 .post:target {
295 .post:target {
296 border: solid 2px white;
296 border: solid 2px white;
297 }
297 }
298
298
299 pre{
299 pre{
300 white-space:pre-wrap
300 white-space:pre-wrap
301 }
301 }
302
302
303 li {
303 li {
304 list-style-position: inside;
304 list-style-position: inside;
305 }
305 }
306
306
307 .fancybox-skin {
307 .fancybox-skin {
308 position: relative;
308 position: relative;
309 background-color: #fff;
309 background-color: #fff;
310 color: #ddd;
310 color: #ddd;
311 text-shadow: none;
311 text-shadow: none;
312 }
312 }
313
313
314 .fancybox-image {
314 .fancybox-image {
315 border: 1px solid black;
315 border: 1px solid black;
316 }
316 }
317
317
318 .image-mode-tab {
318 .image-mode-tab {
319 background: #444;
319 background: #444;
320 color: #eee;
320 color: #eee;
321 margin-top: 5px;
321 margin-top: 5px;
322 padding: 5px;
322 padding: 5px;
323 border-top: 1px solid #888;
323 border-top: 1px solid #888;
324 border-bottom: 1px solid #888;
324 border-bottom: 1px solid #888;
325 }
325 }
326
326
327 .image-mode-tab > label {
327 .image-mode-tab > label {
328 margin: 0 1ex;
328 margin: 0 1ex;
329 }
329 }
330
330
331 .image-mode-tab > label > input {
331 .image-mode-tab > label > input {
332 margin-right: .5ex;
332 margin-right: .5ex;
333 }
333 }
334
334
335 #posts-table {
335 #posts-table {
336 margin-top: 5px;
336 margin-top: 5px;
337 margin-bottom: 5px;
337 margin-bottom: 5px;
338 }
338 }
339
339
340 .tag_info > h2 {
340 .tag_info > h2 {
341 margin: 0;
341 margin: 0;
342 }
342 }
343
343
344 .post-info {
344 .post-info {
345 color: #ddd;
345 color: #ddd;
346 margin-bottom: 1ex;
346 margin-bottom: 1ex;
347 }
347 }
348
348
349 .moderator_info {
349 .moderator_info {
350 color: #e99d41;
350 color: #e99d41;
351 float: right;
351 float: right;
352 font-weight: bold;
352 font-weight: bold;
353 opacity: 0.4;
353 opacity: 0.4;
354 }
354 }
355
355
356 .moderator_info:hover {
356 .moderator_info:hover {
357 opacity: 1;
357 opacity: 1;
358 }
358 }
359
359
360 .refmap {
360 .refmap {
361 font-size: 0.9em;
361 font-size: 0.9em;
362 color: #ccc;
362 color: #ccc;
363 margin-top: 1em;
363 margin-top: 1em;
364 }
364 }
365
365
366 .fav {
366 .fav {
367 color: yellow;
367 color: yellow;
368 }
368 }
369
369
370 .not_fav {
370 .not_fav {
371 color: #ccc;
371 color: #ccc;
372 }
372 }
373
373
374 .role {
374 .role {
375 text-decoration: underline;
375 text-decoration: underline;
376 }
376 }
377
377
378 .form-email {
378 .form-email {
379 display: none;
379 display: none;
380 }
380 }
381
381
382 .bar-value {
382 .bar-value {
383 background: rgba(50, 55, 164, 0.45);
383 background: rgba(50, 55, 164, 0.45);
384 font-size: 0.9em;
384 font-size: 0.9em;
385 height: 1.5em;
385 height: 1.5em;
386 }
386 }
387
387
388 .bar-bg {
388 .bar-bg {
389 position: relative;
389 position: relative;
390 border-top: solid 1px #888;
390 border-top: solid 1px #888;
391 border-bottom: solid 1px #888;
391 border-bottom: solid 1px #888;
392 margin-top: 5px;
392 margin-top: 5px;
393 overflow: hidden;
393 overflow: hidden;
394 }
394 }
395
395
396 .bar-text {
396 .bar-text {
397 padding: 2px;
397 padding: 2px;
398 position: absolute;
398 position: absolute;
399 left: 0;
399 left: 0;
400 top: 0;
400 top: 0;
401 }
401 }
402
402
403 .page_link {
403 .page_link {
404 background: #444;
404 background: #444;
405 border-top: solid 1px #888;
405 border-top: solid 1px #888;
406 border-bottom: solid 1px #888;
406 border-bottom: solid 1px #888;
407 padding: 5px;
407 padding: 5px;
408 color: #eee;
408 color: #eee;
409 font-size: 2ex;
409 font-size: 2ex;
410 }
410 }
411
411
412 .skipped_replies {
412 .skipped_replies {
413 padding: 5px;
413 padding: 5px;
414 margin-left: 3ex;
414 margin-left: 3ex;
415 margin-right: 3ex;
415 margin-right: 3ex;
416 border-left: solid 1px #888;
416 border-left: solid 1px #888;
417 border-right: solid 1px #888;
417 border-right: solid 1px #888;
418 border-bottom: solid 1px #888;
418 border-bottom: solid 1px #888;
419 background: #000;
419 background: #000;
420 }
420 }
421
421
422 .current_page {
422 .current_page {
423 padding: 2px;
423 padding: 2px;
424 background-color: #afdcec;
424 background-color: #afdcec;
425 color: #000;
425 color: #000;
426 }
426 }
427
427
428 .current_mode {
428 .current_mode {
429 font-weight: bold;
429 font-weight: bold;
430 }
430 }
431
431
432 .gallery_image {
432 .gallery_image {
433 border: solid 1px;
433 border: solid 1px;
434 padding: 0.5ex;
434 padding: 0.5ex;
435 margin: 0.5ex;
435 margin: 0.5ex;
436 text-align: center;
436 text-align: center;
437 }
437 }
438
438
439 code {
439 code {
440 border: dashed 1px #ccc;
440 border: dashed 1px #ccc;
441 background: #111;
441 background: #111;
442 padding: 2px;
442 padding: 2px;
443 font-size: 1.2em;
443 font-size: 1.2em;
444 display: inline-block;
444 display: inline-block;
445 }
445 }
446
446
447 pre {
447 pre {
448 overflow: auto;
448 overflow: auto;
449 }
449 }
450
450
451 .img-full {
451 .img-full {
452 background: #222;
452 background: #222;
453 border: solid 1px white;
453 border: solid 1px white;
454 }
454 }
455
455
456 .tag_item {
456 .tag_item {
457 display: inline-block;
457 display: inline-block;
458 margin: 0.2ex;
459 padding: 0.1ex;
460 }
458 }
461
459
462 #id_models li {
460 #id_models li {
463 list-style: none;
461 list-style: none;
464 }
462 }
465
463
466 #id_q {
464 #id_q {
467 margin-left: 1ex;
465 margin-left: 1ex;
468 }
466 }
469
467
470 ul {
468 ul {
471 padding-left: 0px;
469 padding-left: 0px;
472 }
470 }
473
471
474 .quote-header {
472 .quote-header {
475 border-bottom: 2px solid #ddd;
473 border-bottom: 2px solid #ddd;
476 margin-bottom: 1ex;
474 margin-bottom: 1ex;
477 padding-bottom: .5ex;
475 padding-bottom: .5ex;
478 color: #ddd;
476 color: #ddd;
479 font-size: 1.2em;
477 font-size: 1.2em;
480 }
478 }
481
479
482 /* Reflink preview */
480 /* Reflink preview */
483 .post_preview {
481 .post_preview {
484 border-left: 1px solid #777;
482 border-left: 1px solid #777;
485 border-right: 1px solid #777;
483 border-right: 1px solid #777;
486 max-width: 600px;
484 max-width: 600px;
487 }
485 }
488
486
489 /* Code highlighter */
487 /* Code highlighter */
490 .hljs {
488 .hljs {
491 color: #fff;
489 color: #fff;
492 background: #000;
490 background: #000;
493 display: inline-block;
491 display: inline-block;
494 }
492 }
495
493
496 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
494 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
497 color: #fff;
495 color: #fff;
498 }
496 }
499
497
500 #up {
498 #up {
501 position: fixed;
499 position: fixed;
502 bottom: 5px;
500 bottom: 5px;
503 right: 5px;
501 right: 5px;
504 border: 1px solid #777;
502 border: 1px solid #777;
505 background: #000;
503 background: #000;
506 padding: 4px;
504 padding: 4px;
507 }
505 }
508
506
509 .user-cast {
507 .user-cast {
510 border: solid #ffffff 1px;
508 border: solid #ffffff 1px;
511 padding: .2ex;
509 padding: .2ex;
512 background: #152154;
510 background: #152154;
513 color: #fff;
511 color: #fff;
514 }
512 }
515
513
516 .highlight {
514 .highlight {
517 background-color: #222;
515 background-color: #222;
518 }
516 }
519
517
520 .post-button-form > button:hover {
518 .post-button-form > button:hover {
521 text-decoration: underline;
519 text-decoration: underline;
522 }
520 }
General Comments 0
You need to be logged in to leave comments. Login now