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