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