##// END OF EJS Templates
Minor changes to metadata style in MD theme
Pavel Ryapolov -
r349:345695ae default
parent child Browse files
Show More
@@ -1,355 +1,354 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
23
24 .title {
24 .title {
25 font-weight: bold;
25 font-weight: bold;
26 color: #ffcc00;
26 color: #ffcc00;
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: 5px;
56 padding-top: 5px;
57 margin-top: 10px;
57 margin-top: 10px;
58 border: solid 1px #666;
58 border-top: solid 1px #666;
59 font-size: 0.9em;
59 font-size: 0.9em;
60 color: #ddd;
60 color: #ddd;
61 display: table;
62 }
61 }
63
62
64 .navigation_panel, .tag_info {
63 .navigation_panel, .tag_info {
65 background: #444;
64 background: #444;
66 margin: 5px;
65 margin: 5px;
67 padding: 10px;
66 padding: 10px;
68 border: solid 1px #888;
67 border: solid 1px #888;
69 color: #eee;
68 color: #eee;
70 }
69 }
71
70
72 .navigation_panel .link {
71 .navigation_panel .link {
73 border-right: 1px solid #fff;
72 border-right: 1px solid #fff;
74 font-weight: bold;
73 font-weight: bold;
75 margin-right: 1ex;
74 margin-right: 1ex;
76 padding-right: 1ex;
75 padding-right: 1ex;
77 }
76 }
78 .navigation_panel .link:last-child {
77 .navigation_panel .link:last-child {
79 border-left: 1px solid #fff;
78 border-left: 1px solid #fff;
80 border-right: none;
79 border-right: none;
81 float: right;
80 float: right;
82 margin-left: 1ex;
81 margin-left: 1ex;
83 margin-right: 0;
82 margin-right: 0;
84 padding-left: 1ex;
83 padding-left: 1ex;
85 padding-right: 0;
84 padding-right: 0;
86 }
85 }
87
86
88 .navigation_panel::after, .post::after {
87 .navigation_panel::after, .post::after {
89 clear: both;
88 clear: both;
90 content: ".";
89 content: ".";
91 display: block;
90 display: block;
92 height: 0;
91 height: 0;
93 line-height: 0;
92 line-height: 0;
94 visibility: hidden;
93 visibility: hidden;
95 }
94 }
96
95
97 p {
96 p {
98 margin-top: .5em;
97 margin-top: .5em;
99 margin-bottom: .5em;
98 margin-bottom: .5em;
100 }
99 }
101
100
102 .post-form-w {
101 .post-form-w {
103 display: table;
102 display: table;
104 background: #333344;
103 background: #333344;
105 border: solid 1px #888;
104 border: solid 1px #888;
106 color: #fff;
105 color: #fff;
107 padding: 10px;
106 padding: 10px;
108 margin: 5;
107 margin: 5;
109 }
108 }
110
109
111 .form-row {
110 .form-row {
112 display: table-row;
111 display: table-row;
113 }
112 }
114
113
115 .form-label, .form-input, .form-errors {
114 .form-label, .form-input, .form-errors {
116 display: table-cell;
115 display: table-cell;
117 }
116 }
118
117
119 .form-label {
118 .form-label {
120 padding: .25em 1ex .25em 0;
119 padding: .25em 1ex .25em 0;
121 vertical-align: top;
120 vertical-align: top;
122 }
121 }
123
122
124 .form-input {
123 .form-input {
125 padding: .25em 0;
124 padding: .25em 0;
126 }
125 }
127
126
128 .form-errors {
127 .form-errors {
129 padding-left: 1ex;
128 padding-left: 1ex;
130 font-weight: bold;
129 font-weight: bold;
131 vertical-align: middle;
130 vertical-align: middle;
132 }
131 }
133
132
134 .post-form input, .post-form textarea {
133 .post-form input, .post-form textarea {
135 background: #333;
134 background: #333;
136 color: #fff;
135 color: #fff;
137 border: solid 1px;
136 border: solid 1px;
138 padding: 0;
137 padding: 0;
139 width: 100%;
138 width: 100%;
140 font: medium sans;
139 font: medium sans;
141 }
140 }
142
141
143 .form-submit {
142 .form-submit {
144 border-bottom: 2px solid #ddd;
143 border-bottom: 2px solid #ddd;
145 margin-bottom: .5em;
144 margin-bottom: .5em;
146 padding-bottom: .5em;
145 padding-bottom: .5em;
147 }
146 }
148
147
149 .form-title {
148 .form-title {
150 font-weight: bold;
149 font-weight: bold;
151 font-size: 2.5ex;
150 font-size: 2.5ex;
152 text-decoration: underline;
151 text-decoration: underline;
153 }
152 }
154
153
155 input[type="submit"] {
154 input[type="submit"] {
156 background: #222;
155 background: #222;
157 border: solid 1px #fff;
156 border: solid 1px #fff;
158 color: #fff;
157 color: #fff;
159 }
158 }
160
159
161 blockquote {
160 blockquote {
162 border-left: solid 2px;
161 border-left: solid 2px;
163 padding-left: 5px;
162 padding-left: 5px;
164 color: #B1FB17;
163 color: #B1FB17;
165 margin: 0;
164 margin: 0;
166 }
165 }
167
166
168 .post > .image {
167 .post > .image {
169 float: left;
168 float: left;
170 margin: 0 1ex .5ex 0;
169 margin: 0 1ex .5ex 0;
171 min-width: 1px;
170 min-width: 1px;
172 text-align: center;
171 text-align: center;
173 display: table-row;
172 display: table-row;
174
173
175 height: 150px;
174 height: 150px;
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 padding: 2px 4px;
195 padding: 2px 4px;
197 border: 1px solid;
196 border: 1px solid;
198 }
197 }
199
198
200 .mark_btn:hover {
199 .mark_btn:hover {
201 background: #555;
200 background: #555;
202 }
201 }
203
202
204 .quote {
203 .quote {
205 color: #92cf38;
204 color: #92cf38;
206 font-style: italic;
205 font-style: italic;
207 }
206 }
208
207
209 .spoiler {
208 .spoiler {
210 background: white;
209 background: white;
211 color: white;
210 color: white;
212 }
211 }
213
212
214 .spoiler:hover {
213 .spoiler:hover {
215 color: black;
214 color: black;
216 }
215 }
217
216
218 .comment {
217 .comment {
219 color: #eb2;
218 color: #eb2;
220 font-style: italic;
219 font-style: italic;
221 }
220 }
222
221
223 a:hover {
222 a:hover {
224 text-decoration: underline;
223 text-decoration: underline;
225 }
224 }
226
225
227 .last-replies {
226 .last-replies {
228 margin-left: 3ex;
227 margin-left: 3ex;
229 }
228 }
230
229
231 .thread {
230 .thread {
232 margin-bottom: 3ex;
231 margin-bottom: 3ex;
233 }
232 }
234
233
235 .post:target {
234 .post:target {
236 border: solid 2px white;
235 border: solid 2px white;
237 }
236 }
238
237
239 pre{
238 pre{
240 white-space:pre-wrap
239 white-space:pre-wrap
241 }
240 }
242
241
243 li {
242 li {
244 list-style-position: inside;
243 list-style-position: inside;
245 }
244 }
246
245
247 .fancybox-skin {
246 .fancybox-skin {
248 position: relative;
247 position: relative;
249 background-color: #fff;
248 background-color: #fff;
250 color: #ddd;
249 color: #ddd;
251 text-shadow: none;
250 text-shadow: none;
252 }
251 }
253
252
254 .fancybox-image {
253 .fancybox-image {
255 border: 1px solid black;
254 border: 1px solid black;
256 }
255 }
257
256
258 .image-mode-tab {
257 .image-mode-tab {
259 background: #444;
258 background: #444;
260 color: #eee;
259 color: #eee;
261 display: table;
260 display: table;
262 margin: 5px;
261 margin: 5px;
263 padding: 5px;
262 padding: 5px;
264 border: 1px solid #888;
263 border: 1px solid #888;
265 }
264 }
266
265
267 .image-mode-tab > label {
266 .image-mode-tab > label {
268 margin: 0 1ex;
267 margin: 0 1ex;
269 }
268 }
270
269
271 .image-mode-tab > label > input {
270 .image-mode-tab > label > input {
272 margin-right: .5ex;
271 margin-right: .5ex;
273 }
272 }
274
273
275 #posts-table {
274 #posts-table {
276 margin: 5px;
275 margin: 5px;
277 }
276 }
278
277
279 .tag_info {
278 .tag_info {
280 display: table;
279 display: table;
281 }
280 }
282
281
283 .tag_info > h2 {
282 .tag_info > h2 {
284 margin: 0;
283 margin: 0;
285 }
284 }
286
285
287 .post-info {
286 .post-info {
288 color: #ddd;
287 color: #ddd;
289 }
288 }
290
289
291 .moderator_info {
290 .moderator_info {
292 color: #e99d41;
291 color: #e99d41;
293 border: dashed 1px;
292 border: dashed 1px;
294 padding: 3px;
293 padding: 3px;
295 }
294 }
296
295
297 .refmap {
296 .refmap {
298 font-size: 0.9em;
297 font-size: 0.9em;
299 color: #ccc;
298 color: #ccc;
300 margin-top: 1em;
299 margin-top: 1em;
301 }
300 }
302
301
303 input[type="submit"]:hover {
302 input[type="submit"]:hover {
304 background: #555;
303 background: #555;
305 }
304 }
306
305
307 .fav {
306 .fav {
308 color: yellow;
307 color: yellow;
309 }
308 }
310
309
311 .not_fav {
310 .not_fav {
312 color: #ccc;
311 color: #ccc;
313 }
312 }
314
313
315 .role {
314 .role {
316 text-decoration: underline;
315 text-decoration: underline;
317 }
316 }
318
317
319 .form-email {
318 .form-email {
320 display: none;
319 display: none;
321 }
320 }
322
321
323 .footer {
322 .footer {
324 margin: 5px;
323 margin: 5px;
325 }
324 }
326
325
327 .bar-value {
326 .bar-value {
328 background: rgba(50, 55, 164, 0.45);
327 background: rgba(50, 55, 164, 0.45);
329 font-size: 0.9em;
328 font-size: 0.9em;
330 height: 1.5em;
329 height: 1.5em;
331 }
330 }
332
331
333 .bar-bg {
332 .bar-bg {
334 position: relative;
333 position: relative;
335 border: solid 1px #888;
334 border: solid 1px #888;
336 margin: 5px;
335 margin: 5px;
337 overflow: hidden;
336 overflow: hidden;
338 }
337 }
339
338
340 .bar-text {
339 .bar-text {
341 padding: 2px;
340 padding: 2px;
342 position: absolute;
341 position: absolute;
343 left: 0;
342 left: 0;
344 top: 0;
343 top: 0;
345 }
344 }
346
345
347 .page_link {
346 .page_link {
348 display: table;
347 display: table;
349 background: #444;
348 background: #444;
350 margin: 5px;
349 margin: 5px;
351 border: solid 1px #888;
350 border: solid 1px #888;
352 padding: 5px;
351 padding: 5px;
353 font-weight: bolder;
352 font-weight: bolder;
354 color: #eee;
353 color: #eee;
355 } No newline at end of file
354 }
General Comments 0
You need to be logged in to leave comments. Login now