##// END OF EJS Templates
Added style for mark buttons in PG theme.
neko259 -
r243:e89d248e default
parent child Browse files
Show More
@@ -1,308 +1,317 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 {
70 .navigation_panel, .tag_info {
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, .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 }
142 }
143
143
144 .form-submit {
144 .form-submit {
145 border-bottom: 2px solid #ddd;
145 border-bottom: 2px solid #ddd;
146 margin-bottom: .5em;
146 margin-bottom: .5em;
147 padding-bottom: .5em;
147 padding-bottom: .5em;
148 }
148 }
149
149
150 .form-title {
150 .form-title {
151 font-weight: bold;
151 font-weight: bold;
152 }
152 }
153
153
154 input[type="submit"] {
154 input[type="submit"] {
155 background: #fff;
155 background: #fff;
156 border: solid 1px #000;
156 border: solid 1px #000;
157 color: #000;
157 color: #000;
158 }
158 }
159
159
160 blockquote {
160 blockquote {
161 border-left: solid 2px;
161 border-left: solid 2px;
162 padding-left: 5px;
162 padding-left: 5px;
163 color: #B1FB17;
163 color: #B1FB17;
164 margin: 0;
164 margin: 0;
165 }
165 }
166
166
167 .post > .image {
167 .post > .image {
168 float: left;
168 float: left;
169 margin: 0 1ex .5ex 0;
169 margin: 0 1ex .5ex 0;
170 min-width: 1px;
170 min-width: 1px;
171 text-align: center;
171 text-align: center;
172 display: table-row;
172 display: table-row;
173
173
174 height: 150px;
174 height: 150px;
175 }
175 }
176
176
177 .post > .metadata {
177 .post > .metadata {
178 clear: left;
178 clear: left;
179 }
179 }
180
180
181 .get {
181 .get {
182 font-weight: bold;
182 font-weight: bold;
183 color: #d55;
183 color: #d55;
184 }
184 }
185
185
186 * {
186 * {
187 text-decoration: none;
187 text-decoration: none;
188 }
188 }
189
189
190 .dead_post {
190 .dead_post {
191 background-color: #ecc;
191 background-color: #ecc;
192 }
192 }
193
193
194 .quote {
194 .quote {
195 color: #080;
195 color: #080;
196 font-style: italic;
196 font-style: italic;
197 }
197 }
198
198
199 .spoiler {
199 .spoiler {
200 background: white;
200 background: white;
201 color: white;
201 color: white;
202 }
202 }
203
203
204 .spoiler:hover {
204 .spoiler:hover {
205 color: black;
205 color: black;
206 }
206 }
207
207
208 .comment {
208 .comment {
209 color: #8B6914;
209 color: #8B6914;
210 font-style: italic;
210 font-style: italic;
211 }
211 }
212
212
213 a:hover {
213 a:hover {
214 text-decoration: underline;
214 text-decoration: underline;
215 }
215 }
216
216
217 .last-replies {
217 .last-replies {
218 margin-left: 3ex;
218 margin-left: 3ex;
219 }
219 }
220
220
221 .thread {
221 .thread {
222 margin-bottom: 3ex;
222 margin-bottom: 3ex;
223 }
223 }
224
224
225 .post:target {
225 .post:target {
226 border: solid 2px black;
226 border: solid 2px black;
227 }
227 }
228
228
229 pre{
229 pre{
230 white-space:pre-wrap
230 white-space:pre-wrap
231 }
231 }
232
232
233 li {
233 li {
234 list-style-position: inside;
234 list-style-position: inside;
235 }
235 }
236
236
237 .fancybox-skin {
237 .fancybox-skin {
238 position: relative;
238 position: relative;
239 background-color: #fff;
239 background-color: #fff;
240 color: #ddd;
240 color: #ddd;
241 text-shadow: none;
241 text-shadow: none;
242 }
242 }
243
243
244 .fancybox-image {
244 .fancybox-image {
245 border: 1px solid black;
245 border: 1px solid black;
246 }
246 }
247
247
248 .image-mode-tab {
248 .image-mode-tab {
249 display: table;
249 display: table;
250 margin: 5px;
250 margin: 5px;
251 padding: 5px;
251 padding: 5px;
252 background: rgb(221, 221, 221);
252 background: rgb(221, 221, 221);
253 border: 1px solid rgb(204, 204, 204);
253 border: 1px solid rgb(204, 204, 204);
254 border-radius: 5px 5px 5px 5px;
254 border-radius: 5px 5px 5px 5px;
255 }
255 }
256
256
257 .image-mode-tab > label {
257 .image-mode-tab > label {
258 margin: 0 1ex;
258 margin: 0 1ex;
259 }
259 }
260
260
261 .image-mode-tab > label > input {
261 .image-mode-tab > label > input {
262 margin-right: .5ex;
262 margin-right: .5ex;
263 }
263 }
264
264
265 #posts-table {
265 #posts-table {
266 margin: 5px;
266 margin: 5px;
267 }
267 }
268
268
269 .tag_info {
269 .tag_info {
270 display: table;
270 display: table;
271 }
271 }
272
272
273 .tag_info > h2 {
273 .tag_info > h2 {
274 margin: 0;
274 margin: 0;
275 }
275 }
276
276
277 .moderator_info {
277 .moderator_info {
278 color: #e99d41;
278 color: #e99d41;
279 border: dashed 1px;
279 border: dashed 1px;
280 padding: 3px;
280 padding: 3px;
281 }
281 }
282
282
283 .refmap {
283 .refmap {
284 font-size: 0.9em;
284 font-size: 0.9em;
285 color: #444;
285 color: #444;
286 margin-top: 1em;
286 margin-top: 1em;
287 }
287 }
288
288
289 input[type="submit"]:hover {
289 input[type="submit"]:hover {
290 background: #ccc;
290 background: #ccc;
291 }
291 }
292
292
293
293
294 .fav {
294 .fav {
295 color: rgb(255, 102, 0);
295 color: rgb(255, 102, 0);
296 }
296 }
297
297
298 .not_fav {
298 .not_fav {
299 color: #555;
299 color: #555;
300 }
300 }
301
301
302 .role {
302 .role {
303 text-decoration: underline;
303 text-decoration: underline;
304 }
304 }
305
305
306 .form-email {
306 .form-email {
307 display: none;
307 display: none;
308 }
308 }
309
310 .mark_btn {
311 padding: 2px 4px;
312 border: 1px solid;
313 }
314
315 .mark_btn:hover {
316 background: #ccc;
317 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now