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