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