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