Show More
@@ -1,578 +1,573 b'' | |||||
1 | * { |
|
1 | * { | |
2 | text-decoration: none; |
|
2 | text-decoration: none; | |
3 | font-weight: inherit; |
|
3 | font-weight: inherit; | |
4 | } |
|
4 | } | |
5 |
|
5 | |||
6 | b, strong { |
|
6 | b, strong { | |
7 | font-weight: bold; |
|
7 | font-weight: bold; | |
8 | } |
|
8 | } | |
9 |
|
9 | |||
10 | html { |
|
10 | html { | |
11 | background: #555; |
|
11 | background: #555; | |
12 | color: #ffffff; |
|
12 | color: #ffffff; | |
13 | } |
|
13 | } | |
14 |
|
14 | |||
15 | body { |
|
15 | body { | |
16 | margin: 0; |
|
16 | margin: 0; | |
17 | } |
|
17 | } | |
18 |
|
18 | |||
19 | #admin_panel { |
|
19 | #admin_panel { | |
20 | background: #FF0000; |
|
20 | background: #FF0000; | |
21 | color: #00FF00 |
|
21 | color: #00FF00 | |
22 | } |
|
22 | } | |
23 |
|
23 | |||
24 | .input_field_error { |
|
24 | .input_field_error { | |
25 | color: #FF0000; |
|
25 | color: #FF0000; | |
26 | } |
|
26 | } | |
27 |
|
27 | |||
28 | .title { |
|
28 | .title { | |
29 | font-weight: bold; |
|
29 | font-weight: bold; | |
30 | color: #ffcc00; |
|
30 | color: #ffcc00; | |
31 | } |
|
31 | } | |
32 |
|
32 | |||
33 | .link, a { |
|
33 | .link, a { | |
34 | color: #afdcec; |
|
34 | color: #afdcec; | |
35 | } |
|
35 | } | |
36 |
|
36 | |||
37 | .block { |
|
37 | .block { | |
38 | display: inline-block; |
|
38 | display: inline-block; | |
39 | vertical-align: top; |
|
39 | vertical-align: top; | |
40 | } |
|
40 | } | |
41 |
|
41 | |||
42 | .tag { |
|
42 | .tag { | |
43 | color: #FFD37D; |
|
43 | color: #FFD37D; | |
44 | } |
|
44 | } | |
45 |
|
45 | |||
46 | .post_id { |
|
46 | .post_id { | |
47 | color: #fff380; |
|
47 | color: #fff380; | |
48 | } |
|
48 | } | |
49 |
|
49 | |||
50 | .post, .dead_post, .archive_post, #posts-table { |
|
50 | .post, .dead_post, .archive_post, #posts-table { | |
51 | background: #333; |
|
51 | background: #333; | |
52 | padding: 10px; |
|
52 | padding: 10px; | |
53 | clear: left; |
|
53 | clear: left; | |
54 | word-wrap: break-word; |
|
54 | word-wrap: break-word; | |
55 | border-top: 1px solid #777; |
|
55 | border-top: 1px solid #777; | |
56 | border-bottom: 1px solid #777; |
|
56 | border-bottom: 1px solid #777; | |
57 | } |
|
57 | } | |
58 |
|
58 | |||
59 | .post + .post { |
|
59 | .post + .post { | |
60 | border-top: none; |
|
60 | border-top: none; | |
61 | } |
|
61 | } | |
62 |
|
62 | |||
63 | .dead_post + .dead_post { |
|
63 | .dead_post + .dead_post { | |
64 | border-top: none; |
|
64 | border-top: none; | |
65 | } |
|
65 | } | |
66 |
|
66 | |||
67 | .archive_post + .archive_post { |
|
67 | .archive_post + .archive_post { | |
68 | border-top: none; |
|
68 | border-top: none; | |
69 | } |
|
69 | } | |
70 |
|
70 | |||
71 | .metadata { |
|
71 | .metadata { | |
72 | padding-top: 5px; |
|
72 | padding-top: 5px; | |
73 | margin-top: 10px; |
|
73 | margin-top: 10px; | |
74 | border-top: solid 1px #666; |
|
74 | border-top: solid 1px #666; | |
75 | color: #ddd; |
|
75 | color: #ddd; | |
76 | } |
|
76 | } | |
77 |
|
77 | |||
78 | .navigation_panel, .tag_info { |
|
78 | .navigation_panel, .tag_info { | |
79 | background: #222; |
|
79 | background: #222; | |
80 | margin-bottom: 5px; |
|
80 | margin-bottom: 5px; | |
81 | margin-top: 5px; |
|
81 | margin-top: 5px; | |
82 | padding: 10px; |
|
82 | padding: 10px; | |
83 | border-bottom: solid 1px #888; |
|
83 | border-bottom: solid 1px #888; | |
84 | border-top: solid 1px #888; |
|
84 | border-top: solid 1px #888; | |
85 | color: #eee; |
|
85 | color: #eee; | |
86 | } |
|
86 | } | |
87 |
|
87 | |||
88 | .navigation_panel .link:first-child { |
|
88 | .navigation_panel .link:first-child { | |
89 | border-right: 1px solid #fff; |
|
89 | border-right: 1px solid #fff; | |
90 | font-weight: bold; |
|
90 | font-weight: bold; | |
91 | margin-right: 1ex; |
|
91 | margin-right: 1ex; | |
92 | padding-right: 1ex; |
|
92 | padding-right: 1ex; | |
93 | } |
|
93 | } | |
94 |
|
94 | |||
95 | .navigation_panel .right-link { |
|
95 | .navigation_panel .right-link { | |
96 | border-left: 1px solid #fff; |
|
96 | border-left: 1px solid #fff; | |
97 | border-right: none; |
|
97 | border-right: none; | |
98 | float: right; |
|
98 | float: right; | |
99 | margin-left: 1ex; |
|
99 | margin-left: 1ex; | |
100 | margin-right: 0; |
|
100 | margin-right: 0; | |
101 | padding-left: 1ex; |
|
101 | padding-left: 1ex; | |
102 | padding-right: 0; |
|
102 | padding-right: 0; | |
103 | } |
|
103 | } | |
104 |
|
104 | |||
105 | .navigation_panel .link { |
|
105 | .navigation_panel .link { | |
106 | font-weight: bold; |
|
106 | font-weight: bold; | |
107 | } |
|
107 | } | |
108 |
|
108 | |||
109 | .navigation_panel::after, .post::after { |
|
109 | .navigation_panel::after, .post::after { | |
110 | clear: both; |
|
110 | clear: both; | |
111 | content: "."; |
|
111 | content: "."; | |
112 | display: block; |
|
112 | display: block; | |
113 | height: 0; |
|
113 | height: 0; | |
114 | line-height: 0; |
|
114 | line-height: 0; | |
115 | visibility: hidden; |
|
115 | visibility: hidden; | |
116 | } |
|
116 | } | |
117 |
|
117 | |||
118 | .tag_info { |
|
118 | .tag_info { | |
119 | text-align: center; |
|
119 | text-align: center; | |
120 | } |
|
120 | } | |
121 |
|
121 | |||
122 | .tag_info > .tag-text-data { |
|
122 | .tag_info > .tag-text-data { | |
123 | text-align: left; |
|
123 | text-align: left; | |
124 | max-width: 30em; |
|
124 | max-width: 30em; | |
125 | } |
|
125 | } | |
126 |
|
126 | |||
127 | .header { |
|
127 | .header { | |
128 | border-bottom: solid 2px #ccc; |
|
128 | border-bottom: solid 2px #ccc; | |
129 | margin-bottom: 5px; |
|
129 | margin-bottom: 5px; | |
130 | border-top: none; |
|
130 | border-top: none; | |
131 | margin-top: 0; |
|
131 | margin-top: 0; | |
132 | } |
|
132 | } | |
133 |
|
133 | |||
134 | .footer { |
|
134 | .footer { | |
135 | border-top: solid 2px #ccc; |
|
135 | border-top: solid 2px #ccc; | |
136 | margin-top: 5px; |
|
136 | margin-top: 5px; | |
137 | border-bottom: none; |
|
137 | border-bottom: none; | |
138 | margin-bottom: 0; |
|
138 | margin-bottom: 0; | |
139 | } |
|
139 | } | |
140 |
|
140 | |||
141 | p, .br { |
|
141 | p, .br { | |
142 | margin-top: .5em; |
|
142 | margin-top: .5em; | |
143 | margin-bottom: .5em; |
|
143 | margin-bottom: .5em; | |
144 | } |
|
144 | } | |
145 |
|
145 | |||
146 | .post-form-w { |
|
146 | .post-form-w { | |
147 | background: #333344; |
|
147 | background: #333344; | |
148 | border-top: solid 1px #888; |
|
148 | border-top: solid 1px #888; | |
149 | border-bottom: solid 1px #888; |
|
149 | border-bottom: solid 1px #888; | |
150 | color: #fff; |
|
150 | color: #fff; | |
151 | padding: 10px; |
|
151 | padding: 10px; | |
152 | margin-bottom: 5px; |
|
152 | margin-bottom: 5px; | |
153 | margin-top: 5px; |
|
153 | margin-top: 5px; | |
154 | } |
|
154 | } | |
155 |
|
155 | |||
156 | .form-row { |
|
156 | .form-row { | |
157 | width: 100%; |
|
157 | width: 100%; | |
158 | display: table-row; |
|
158 | display: table-row; | |
159 | } |
|
159 | } | |
160 |
|
160 | |||
161 | .form-label { |
|
161 | .form-label { | |
162 | padding: .25em 1ex .25em 0; |
|
162 | padding: .25em 1ex .25em 0; | |
163 | vertical-align: top; |
|
163 | vertical-align: top; | |
164 | display: table-cell; |
|
164 | display: table-cell; | |
165 | } |
|
165 | } | |
166 |
|
166 | |||
167 | .form-input { |
|
167 | .form-input { | |
168 | padding: .25em 0; |
|
168 | padding: .25em 0; | |
169 | width: 100%; |
|
169 | width: 100%; | |
170 | display: table-cell; |
|
170 | display: table-cell; | |
171 | } |
|
171 | } | |
172 |
|
172 | |||
173 | .form-errors { |
|
173 | .form-errors { | |
174 | font-weight: bolder; |
|
174 | font-weight: bolder; | |
175 | vertical-align: middle; |
|
175 | vertical-align: middle; | |
176 | display: table-cell; |
|
176 | display: table-cell; | |
177 | } |
|
177 | } | |
178 |
|
178 | |||
179 | .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { |
|
179 | .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { | |
180 | background: #333; |
|
180 | background: #333; | |
181 | color: #fff; |
|
181 | color: #fff; | |
182 | border: solid 1px; |
|
182 | border: solid 1px; | |
183 | padding: 0; |
|
183 | padding: 0; | |
184 | font: medium sans-serif; |
|
184 | font: medium sans-serif; | |
185 | width: 100%; |
|
185 | width: 100%; | |
186 | } |
|
186 | } | |
187 |
|
187 | |||
188 | .post-form textarea { |
|
188 | .post-form textarea { | |
189 | resize: vertical; |
|
189 | resize: vertical; | |
190 | } |
|
190 | } | |
191 |
|
191 | |||
192 | .form-submit { |
|
192 | .form-submit { | |
193 | display: table; |
|
193 | display: table; | |
194 | margin-bottom: 1ex; |
|
194 | margin-bottom: 1ex; | |
195 | margin-top: 1ex; |
|
195 | margin-top: 1ex; | |
196 | } |
|
196 | } | |
197 |
|
197 | |||
198 | .form-title { |
|
198 | .form-title { | |
199 | font-weight: bold; |
|
199 | font-weight: bold; | |
200 | font-size: 2ex; |
|
200 | font-size: 2ex; | |
201 | margin-bottom: 0.5ex; |
|
201 | margin-bottom: 0.5ex; | |
202 | } |
|
202 | } | |
203 |
|
203 | |||
204 | input[type="submit"], button { |
|
204 | input[type="submit"], button { | |
205 | background: #222; |
|
205 | background: #222; | |
206 | border: solid 2px #fff; |
|
206 | border: solid 2px #fff; | |
207 | color: #fff; |
|
207 | color: #fff; | |
208 | padding: 0.5ex; |
|
208 | padding: 0.5ex; | |
209 | margin-right: 0.5ex; |
|
209 | margin-right: 0.5ex; | |
210 | } |
|
210 | } | |
211 |
|
211 | |||
212 | input[type="submit"]:hover { |
|
212 | input[type="submit"]:hover { | |
213 | background: #060; |
|
213 | background: #060; | |
214 | } |
|
214 | } | |
215 |
|
215 | |||
216 | .form-submit > button:hover { |
|
216 | .form-submit > button:hover { | |
217 | background: #006; |
|
217 | background: #006; | |
218 | } |
|
218 | } | |
219 |
|
219 | |||
220 | blockquote { |
|
220 | blockquote { | |
221 | border-left: solid 2px; |
|
221 | border-left: solid 2px; | |
222 | padding-left: 5px; |
|
222 | padding-left: 5px; | |
223 | color: #B1FB17; |
|
223 | color: #B1FB17; | |
224 | margin: 0; |
|
224 | margin: 0; | |
225 | } |
|
225 | } | |
226 |
|
226 | |||
227 | .post > .image { |
|
227 | .post > .image { | |
228 | float: left; |
|
228 | float: left; | |
229 | margin: 0 1ex .5ex 0; |
|
229 | margin: 0 1ex .5ex 0; | |
230 | min-width: 1px; |
|
230 | min-width: 1px; | |
231 | text-align: center; |
|
231 | text-align: center; | |
232 | display: table-row; |
|
232 | display: table-row; | |
233 | } |
|
233 | } | |
234 |
|
234 | |||
235 | .post > .metadata { |
|
235 | .post > .metadata { | |
236 | clear: left; |
|
236 | clear: left; | |
237 | } |
|
237 | } | |
238 |
|
238 | |||
239 | .get { |
|
239 | .get { | |
240 | font-weight: bold; |
|
240 | font-weight: bold; | |
241 | color: #d55; |
|
241 | color: #d55; | |
242 | } |
|
242 | } | |
243 |
|
243 | |||
244 | * { |
|
244 | * { | |
245 | text-decoration: none; |
|
245 | text-decoration: none; | |
246 | } |
|
246 | } | |
247 |
|
247 | |||
248 | .dead_post > .post-info { |
|
248 | .dead_post > .post-info { | |
249 | font-style: italic; |
|
249 | font-style: italic; | |
250 | } |
|
250 | } | |
251 |
|
251 | |||
252 | .archive_post > .post-info { |
|
252 | .archive_post > .post-info { | |
253 | text-decoration: line-through; |
|
253 | text-decoration: line-through; | |
254 | } |
|
254 | } | |
255 |
|
255 | |||
256 | .mark_btn { |
|
256 | .mark_btn { | |
257 | border: 1px solid; |
|
257 | border: 1px solid; | |
258 | padding: 2px 2ex; |
|
258 | padding: 2px 2ex; | |
259 | display: inline-block; |
|
259 | display: inline-block; | |
260 | margin: 0 5px 4px 0; |
|
260 | margin: 0 5px 4px 0; | |
261 | } |
|
261 | } | |
262 |
|
262 | |||
263 | .mark_btn:hover { |
|
263 | .mark_btn:hover { | |
264 | background: #555; |
|
264 | background: #555; | |
265 | } |
|
265 | } | |
266 |
|
266 | |||
267 | .quote { |
|
267 | .quote { | |
268 | color: #92cf38; |
|
268 | color: #92cf38; | |
269 | font-style: italic; |
|
269 | font-style: italic; | |
270 | } |
|
270 | } | |
271 |
|
271 | |||
272 | .multiquote { |
|
272 | .multiquote { | |
273 | padding: 3px; |
|
273 | padding: 3px; | |
274 | display: inline-block; |
|
274 | display: inline-block; | |
275 | background: #222; |
|
275 | background: #222; | |
276 | border-style: solid; |
|
276 | border-style: solid; | |
277 | border-width: 1px 1px 1px 4px; |
|
277 | border-width: 1px 1px 1px 4px; | |
278 | font-size: 0.9em; |
|
278 | font-size: 0.9em; | |
279 | } |
|
279 | } | |
280 |
|
280 | |||
281 | .spoiler { |
|
281 | .spoiler { | |
282 | background: black; |
|
282 | background: black; | |
283 | color: black; |
|
283 | color: black; | |
284 | } |
|
284 | } | |
285 |
|
285 | |||
286 | .spoiler:hover { |
|
286 | .spoiler:hover { | |
287 | color: #ddd; |
|
287 | color: #ddd; | |
288 | } |
|
288 | } | |
289 |
|
289 | |||
290 | .comment { |
|
290 | .comment { | |
291 | color: #eb2; |
|
291 | color: #eb2; | |
292 | } |
|
292 | } | |
293 |
|
293 | |||
294 | a:hover { |
|
294 | a:hover { | |
295 | text-decoration: underline; |
|
295 | text-decoration: underline; | |
296 | } |
|
296 | } | |
297 |
|
297 | |||
298 | .last-replies { |
|
298 | .last-replies { | |
299 | margin-left: 3ex; |
|
299 | margin-left: 3ex; | |
300 | margin-right: 3ex; |
|
300 | margin-right: 3ex; | |
301 | border-left: solid 1px #777; |
|
301 | border-left: solid 1px #777; | |
302 | border-right: solid 1px #777; |
|
302 | border-right: solid 1px #777; | |
303 | } |
|
303 | } | |
304 |
|
304 | |||
305 | .last-replies > .post:first-child { |
|
305 | .last-replies > .post:first-child { | |
306 | border-top: none; |
|
306 | border-top: none; | |
307 | } |
|
307 | } | |
308 |
|
308 | |||
309 | .thread { |
|
309 | .thread { | |
310 | margin-bottom: 3ex; |
|
310 | margin-bottom: 3ex; | |
311 | margin-top: 1ex; |
|
311 | margin-top: 1ex; | |
312 | } |
|
312 | } | |
313 |
|
313 | |||
314 | .post:target { |
|
314 | .post:target { | |
315 | border: solid 2px white; |
|
315 | border: solid 2px white; | |
316 | } |
|
316 | } | |
317 |
|
317 | |||
318 | pre{ |
|
318 | pre{ | |
319 | white-space:pre-wrap |
|
319 | white-space:pre-wrap | |
320 | } |
|
320 | } | |
321 |
|
321 | |||
322 | li { |
|
322 | li { | |
323 | list-style-position: inside; |
|
323 | list-style-position: inside; | |
324 | } |
|
324 | } | |
325 |
|
325 | |||
326 | .fancybox-skin { |
|
326 | .fancybox-skin { | |
327 | position: relative; |
|
327 | position: relative; | |
328 | background-color: #fff; |
|
328 | background-color: #fff; | |
329 | color: #ddd; |
|
329 | color: #ddd; | |
330 | text-shadow: none; |
|
330 | text-shadow: none; | |
331 | } |
|
331 | } | |
332 |
|
332 | |||
333 | .fancybox-image { |
|
333 | .fancybox-image { | |
334 | border: 1px solid black; |
|
334 | border: 1px solid black; | |
335 | } |
|
335 | } | |
336 |
|
336 | |||
337 | .image-mode-tab { |
|
337 | .image-mode-tab { | |
338 | background: #444; |
|
338 | background: #444; | |
339 | color: #eee; |
|
339 | color: #eee; | |
340 | margin-top: 5px; |
|
340 | margin-top: 5px; | |
341 | padding: 5px; |
|
341 | padding: 5px; | |
342 | border-top: 1px solid #888; |
|
342 | border-top: 1px solid #888; | |
343 | border-bottom: 1px solid #888; |
|
343 | border-bottom: 1px solid #888; | |
344 | } |
|
344 | } | |
345 |
|
345 | |||
346 | .image-mode-tab > label { |
|
346 | .image-mode-tab > label { | |
347 | margin: 0 1ex; |
|
347 | margin: 0 1ex; | |
348 | } |
|
348 | } | |
349 |
|
349 | |||
350 | .image-mode-tab > label > input { |
|
350 | .image-mode-tab > label > input { | |
351 | margin-right: .5ex; |
|
351 | margin-right: .5ex; | |
352 | } |
|
352 | } | |
353 |
|
353 | |||
354 | #posts-table { |
|
354 | #posts-table { | |
355 | margin-top: 5px; |
|
355 | margin-top: 5px; | |
356 | margin-bottom: 5px; |
|
356 | margin-bottom: 5px; | |
357 | } |
|
357 | } | |
358 |
|
358 | |||
359 | .tag_info > h2 { |
|
359 | .tag_info > h2 { | |
360 | margin: 0; |
|
360 | margin: 0; | |
361 | } |
|
361 | } | |
362 |
|
362 | |||
363 | .post-info { |
|
363 | .post-info { | |
364 | color: #ddd; |
|
364 | color: #ddd; | |
365 | margin-bottom: 1ex; |
|
365 | margin-bottom: 1ex; | |
366 | } |
|
366 | } | |
367 |
|
367 | |||
368 | .moderator_info { |
|
368 | .moderator_info { | |
369 | color: #e99d41; |
|
369 | color: #e99d41; | |
370 | opacity: 0.4; |
|
370 | opacity: 0.4; | |
371 | } |
|
371 | } | |
372 |
|
372 | |||
373 | .moderator_info:hover { |
|
373 | .moderator_info:hover { | |
374 | opacity: 1; |
|
374 | opacity: 1; | |
375 | } |
|
375 | } | |
376 |
|
376 | |||
377 | .refmap { |
|
377 | .refmap { | |
378 | font-size: 0.9em; |
|
378 | font-size: 0.9em; | |
379 | color: #ccc; |
|
379 | color: #ccc; | |
380 | margin-top: 1em; |
|
380 | margin-top: 1em; | |
381 | } |
|
381 | } | |
382 |
|
382 | |||
383 | .fav { |
|
383 | .fav { | |
384 | color: yellow; |
|
384 | color: yellow; | |
385 | } |
|
385 | } | |
386 |
|
386 | |||
387 | .not_fav { |
|
387 | .not_fav { | |
388 | color: #ccc; |
|
388 | color: #ccc; | |
389 | } |
|
389 | } | |
390 |
|
390 | |||
391 | .form-email { |
|
391 | .form-email { | |
392 | display: none; |
|
392 | display: none; | |
393 | } |
|
393 | } | |
394 |
|
394 | |||
395 | .bar-value { |
|
395 | .bar-value { | |
396 | background: rgba(50, 55, 164, 0.45); |
|
396 | background: rgba(50, 55, 164, 0.45); | |
397 | font-size: 0.9em; |
|
397 | font-size: 0.9em; | |
398 | height: 1.5em; |
|
398 | height: 1.5em; | |
399 | } |
|
399 | } | |
400 |
|
400 | |||
401 | .bar-bg { |
|
401 | .bar-bg { | |
402 | position: relative; |
|
402 | position: relative; | |
403 | border-top: solid 1px #888; |
|
403 | border-top: solid 1px #888; | |
404 | border-bottom: solid 1px #888; |
|
404 | border-bottom: solid 1px #888; | |
405 | margin-top: 5px; |
|
405 | margin-top: 5px; | |
406 | overflow: hidden; |
|
406 | overflow: hidden; | |
407 | } |
|
407 | } | |
408 |
|
408 | |||
409 | .bar-text { |
|
409 | .bar-text { | |
410 | padding: 2px; |
|
410 | padding: 2px; | |
411 | position: absolute; |
|
411 | position: absolute; | |
412 | left: 0; |
|
412 | left: 0; | |
413 | top: 0; |
|
413 | top: 0; | |
414 | } |
|
414 | } | |
415 |
|
415 | |||
416 | .page_link { |
|
416 | .page_link { | |
417 | background: #444; |
|
417 | background: #444; | |
418 | border-top: solid 1px #888; |
|
418 | border-top: solid 1px #888; | |
419 | border-bottom: solid 1px #888; |
|
419 | border-bottom: solid 1px #888; | |
420 | padding: 5px; |
|
420 | padding: 5px; | |
421 | color: #eee; |
|
421 | color: #eee; | |
422 | font-size: 2ex; |
|
422 | font-size: 2ex; | |
423 | margin-top: .5ex; |
|
423 | margin-top: .5ex; | |
424 | margin-bottom: .5ex; |
|
424 | margin-bottom: .5ex; | |
425 | } |
|
425 | } | |
426 |
|
426 | |||
427 | .skipped_replies { |
|
427 | .skipped_replies { | |
428 | padding: 5px; |
|
428 | padding: 5px; | |
429 | margin-left: 3ex; |
|
429 | margin-left: 3ex; | |
430 | margin-right: 3ex; |
|
430 | margin-right: 3ex; | |
431 | border-left: solid 1px #888; |
|
431 | border-left: solid 1px #888; | |
432 | border-right: solid 1px #888; |
|
432 | border-right: solid 1px #888; | |
433 | border-bottom: solid 1px #888; |
|
433 | border-bottom: solid 1px #888; | |
434 | background: #000; |
|
434 | background: #000; | |
435 | } |
|
435 | } | |
436 |
|
436 | |||
437 | .current_page { |
|
437 | .current_page { | |
438 | padding: 2px; |
|
438 | padding: 2px; | |
439 | background-color: #afdcec; |
|
439 | background-color: #afdcec; | |
440 | color: #000; |
|
440 | color: #000; | |
441 | } |
|
441 | } | |
442 |
|
442 | |||
443 | .current_mode { |
|
443 | .current_mode { | |
444 | font-weight: bold; |
|
444 | font-weight: bold; | |
445 | } |
|
445 | } | |
446 |
|
446 | |||
447 | .gallery_image { |
|
447 | .gallery_image { | |
448 | border: solid 1px; |
|
448 | border: solid 1px; | |
449 | margin: 0.5ex; |
|
449 | margin: 0.5ex; | |
450 | text-align: center; |
|
450 | text-align: center; | |
451 | padding: 1ex; |
|
451 | padding: 1ex; | |
452 | } |
|
452 | } | |
453 |
|
453 | |||
454 | code { |
|
454 | code { | |
455 | border: dashed 1px #ccc; |
|
455 | border: dashed 1px #ccc; | |
456 | background: #111; |
|
456 | background: #111; | |
457 | padding: 2px; |
|
457 | padding: 2px; | |
458 | font-size: 1.2em; |
|
458 | font-size: 1.2em; | |
459 | display: inline-block; |
|
459 | display: inline-block; | |
460 | } |
|
460 | } | |
461 |
|
461 | |||
462 | pre { |
|
462 | pre { | |
463 | overflow: auto; |
|
463 | overflow: auto; | |
464 | } |
|
464 | } | |
465 |
|
465 | |||
466 | .img-full { |
|
466 | .img-full { | |
467 | background: #222; |
|
467 | background: #222; | |
468 | border: solid 1px white; |
|
468 | border: solid 1px white; | |
469 | } |
|
469 | } | |
470 |
|
470 | |||
471 | .tag_item { |
|
471 | .tag_item { | |
472 | display: inline-block; |
|
472 | display: inline-block; | |
473 | } |
|
473 | } | |
474 |
|
474 | |||
475 | #id_models li { |
|
475 | #id_models li { | |
476 | list-style: none; |
|
476 | list-style: none; | |
477 | } |
|
477 | } | |
478 |
|
478 | |||
479 | #id_q { |
|
479 | #id_q { | |
480 | margin-left: 1ex; |
|
480 | margin-left: 1ex; | |
481 | } |
|
481 | } | |
482 |
|
482 | |||
483 | ul { |
|
483 | ul { | |
484 | padding-left: 0px; |
|
484 | padding-left: 0px; | |
485 | } |
|
485 | } | |
486 |
|
486 | |||
487 | .quote-header { |
|
487 | .quote-header { | |
488 | border-bottom: 2px solid #ddd; |
|
488 | border-bottom: 2px solid #ddd; | |
489 | margin-bottom: 1ex; |
|
489 | margin-bottom: 1ex; | |
490 | padding-bottom: .5ex; |
|
490 | padding-bottom: .5ex; | |
491 | color: #ddd; |
|
491 | color: #ddd; | |
492 | font-size: 1.2em; |
|
492 | font-size: 1.2em; | |
493 | } |
|
493 | } | |
494 |
|
494 | |||
495 | .global-id { |
|
495 | .global-id { | |
496 | font-weight: bolder; |
|
496 | font-weight: bolder; | |
497 | opacity: .5; |
|
497 | opacity: .5; | |
498 | } |
|
498 | } | |
499 |
|
499 | |||
500 | /* Post */ |
|
|||
501 | .post > .message, .post > .image { |
|
|||
502 | padding-left: 1em; |
|
|||
503 | } |
|
|||
504 |
|
||||
505 | /* Reflink preview */ |
|
500 | /* Reflink preview */ | |
506 | .post_preview { |
|
501 | .post_preview { | |
507 | border-left: 1px solid #777; |
|
502 | border-left: 1px solid #777; | |
508 | border-right: 1px solid #777; |
|
503 | border-right: 1px solid #777; | |
509 | max-width: 600px; |
|
504 | max-width: 600px; | |
510 | } |
|
505 | } | |
511 |
|
506 | |||
512 | /* Code highlighter */ |
|
507 | /* Code highlighter */ | |
513 | .hljs { |
|
508 | .hljs { | |
514 | color: #fff; |
|
509 | color: #fff; | |
515 | background: #000; |
|
510 | background: #000; | |
516 | display: inline-block; |
|
511 | display: inline-block; | |
517 | } |
|
512 | } | |
518 |
|
513 | |||
519 | .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { |
|
514 | .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | |
520 | color: #fff; |
|
515 | color: #fff; | |
521 | } |
|
516 | } | |
522 |
|
517 | |||
523 | #up { |
|
518 | #up { | |
524 | position: fixed; |
|
519 | position: fixed; | |
525 | bottom: 5px; |
|
520 | bottom: 5px; | |
526 | right: 5px; |
|
521 | right: 5px; | |
527 | border: 1px solid #777; |
|
522 | border: 1px solid #777; | |
528 | background: #000; |
|
523 | background: #000; | |
529 | padding: 4px; |
|
524 | padding: 4px; | |
530 | opacity: 0.3; |
|
525 | opacity: 0.3; | |
531 | } |
|
526 | } | |
532 |
|
527 | |||
533 | #up:hover { |
|
528 | #up:hover { | |
534 | opacity: 1; |
|
529 | opacity: 1; | |
535 | } |
|
530 | } | |
536 |
|
531 | |||
537 | .user-cast { |
|
532 | .user-cast { | |
538 | border: solid #ffffff 1px; |
|
533 | border: solid #ffffff 1px; | |
539 | padding: .2ex; |
|
534 | padding: .2ex; | |
540 | background: #152154; |
|
535 | background: #152154; | |
541 | color: #fff; |
|
536 | color: #fff; | |
542 | } |
|
537 | } | |
543 |
|
538 | |||
544 | .highlight { |
|
539 | .highlight { | |
545 | background: #222; |
|
540 | background: #222; | |
546 | } |
|
541 | } | |
547 |
|
542 | |||
548 | .post-button-form > button:hover { |
|
543 | .post-button-form > button:hover { | |
549 | text-decoration: underline; |
|
544 | text-decoration: underline; | |
550 | } |
|
545 | } | |
551 |
|
546 | |||
552 | .tree_reply > .post { |
|
547 | .tree_reply > .post { | |
553 | margin-top: 1ex; |
|
548 | margin-top: 1ex; | |
554 | border-left: solid 1px #777; |
|
549 | border-left: solid 1px #777; | |
555 | padding-right: 0; |
|
550 | padding-right: 0; | |
556 | } |
|
551 | } | |
557 |
|
552 | |||
558 | #preview-text { |
|
553 | #preview-text { | |
559 | border: solid 1px white; |
|
554 | border: solid 1px white; | |
560 | margin: 1ex 0 1ex 0; |
|
555 | margin: 1ex 0 1ex 0; | |
561 | padding: 1ex; |
|
556 | padding: 1ex; | |
562 | } |
|
557 | } | |
563 |
|
558 | |||
564 | .image-metadata { |
|
559 | .image-metadata { | |
565 | font-size: 0.9em; |
|
560 | font-size: 0.9em; | |
566 | } |
|
561 | } | |
567 |
|
562 | |||
568 | .tripcode { |
|
563 | .tripcode { | |
569 | color: white; |
|
564 | color: white; | |
570 | } |
|
565 | } | |
571 |
|
566 | |||
572 | #fav-panel { |
|
567 | #fav-panel { | |
573 | border: 1px solid white; |
|
568 | border: 1px solid white; | |
574 | } |
|
569 | } | |
575 |
|
570 | |||
576 | .post-blink { |
|
571 | .post-blink { | |
577 | background-color: #000; |
|
572 | background-color: #000; | |
578 | } |
|
573 | } |
@@ -1,109 +1,107 b'' | |||||
1 | {% load i18n %} |
|
1 | {% load i18n %} | |
2 | {% load board %} |
|
2 | {% load board %} | |
3 |
|
3 | |||
4 | {% get_current_language as LANGUAGE_CODE %} |
|
4 | {% get_current_language as LANGUAGE_CODE %} | |
5 |
|
5 | |||
6 | <div class="{{ css_class }}" id="{{ post.id }}" data-uid="{{ post.uid }}" {% if tree_depth %}style="margin-left: {{ tree_depth }}em;"{% endif %}> |
|
6 | <div class="{{ css_class }}" id="{{ post.id }}" data-uid="{{ post.uid }}" {% if tree_depth %}style="margin-left: {{ tree_depth }}em;"{% endif %}> | |
7 | <div class="post-info"> |
|
7 | <div class="post-info"> | |
8 | <a class="post_id" href="{{ post.get_absolute_url }}">#{{ post.get_absolute_id }}</a> |
|
8 | <a class="post_id" href="{{ post.get_absolute_url }}">#{{ post.get_absolute_id }}</a> | |
9 | <span class="title">{{ post.title }}</span> |
|
9 | <span class="title">{{ post.title }}</span> | |
10 | <span class="pub_time"><time datetime="{{ post.pub_time|date:'c' }}">{{ post.pub_time }}</time></span> |
|
10 | <span class="pub_time"><time datetime="{{ post.pub_time|date:'c' }}">{{ post.pub_time }}</time></span> | |
11 | {% if post.tripcode %} |
|
11 | {% if post.tripcode %} | |
12 | / |
|
12 | / | |
13 | {% with tripcode=post.get_tripcode %} |
|
13 | {% with tripcode=post.get_tripcode %} | |
14 | <a href="{% url 'feed' %}?tripcode={{ tripcode.get_full_text }}" |
|
14 | <a href="{% url 'feed' %}?tripcode={{ tripcode.get_full_text }}" | |
15 | class="tripcode" title="{{ tripcode.get_full_text }}" |
|
15 | class="tripcode" title="{{ tripcode.get_full_text }}" | |
16 | style="border: solid 2px #{{ tripcode.get_color }}; border-left: solid 1ex #{{ tripcode.get_color }};">{{ tripcode.get_short_text }}</a> |
|
16 | style="border: solid 2px #{{ tripcode.get_color }}; border-left: solid 1ex #{{ tripcode.get_color }};">{{ tripcode.get_short_text }}</a> | |
17 | {% endwith %} |
|
17 | {% endwith %} | |
18 | {% endif %} |
|
18 | {% endif %} | |
19 | {% comment %} |
|
19 | {% comment %} | |
20 | Thread death time needs to be shown only if the thread is alredy archived |
|
20 | Thread death time needs to be shown only if the thread is alredy archived | |
21 | and this is an opening post (thread death time) or a post for popup |
|
21 | and this is an opening post (thread death time) or a post for popup | |
22 | (we don't see OP here so we show the death time in the post itself). |
|
22 | (we don't see OP here so we show the death time in the post itself). | |
23 | {% endcomment %} |
|
23 | {% endcomment %} | |
24 | {% if thread.is_archived %} |
|
24 | {% if thread.is_archived %} | |
25 | {% if is_opening %} |
|
25 | {% if is_opening %} | |
26 | β <time datetime="{{ thread.bump_time|date:'c' }}">{{ thread.bump_time }}</time> |
|
26 | β <time datetime="{{ thread.bump_time|date:'c' }}">{{ thread.bump_time }}</time> | |
27 | {% endif %} |
|
27 | {% endif %} | |
28 | {% endif %} |
|
28 | {% endif %} | |
29 | {% if is_opening %} |
|
29 | {% if is_opening %} | |
30 | {% if need_open_link %} |
|
30 | {% if need_open_link %} | |
31 | {% if thread.is_archived %} |
|
31 | {% if thread.is_archived %} | |
32 | <a class="link" href="{% url 'thread' post.id %}">{% trans "Open" %}</a> |
|
32 | <a class="link" href="{% url 'thread' post.id %}">{% trans "Open" %}</a> | |
33 | {% else %} |
|
33 | {% else %} | |
34 | <a class="link" href="{% url 'thread' post.id %}#form">{% trans "Reply" %}</a> |
|
34 | <a class="link" href="{% url 'thread' post.id %}#form">{% trans "Reply" %}</a> | |
35 | {% endif %} |
|
35 | {% endif %} | |
36 | {% endif %} |
|
36 | {% endif %} | |
37 | {% else %} |
|
37 | {% else %} | |
38 | {% if need_op_data %} |
|
38 | {% if need_op_data %} | |
39 | {% with thread.get_opening_post as op %} |
|
39 | {% with thread.get_opening_post as op %} | |
40 | {% trans " in " %}{{ op.get_link_view|safe }} <span class="title">{{ op.get_title_or_text }}</span> |
|
40 | {% trans " in " %}{{ op.get_link_view|safe }} <span class="title">{{ op.get_title_or_text }}</span> | |
41 | {% endwith %} |
|
41 | {% endwith %} | |
42 | {% endif %} |
|
42 | {% endif %} | |
43 | {% endif %} |
|
43 | {% endif %} | |
44 | {% if reply_link and not thread.is_archived %} |
|
44 | {% if reply_link and not thread.is_archived %} | |
45 | <a href="#form" onclick="addQuickReply('{{ post.id }}'); return false;">{% trans 'Reply' %}</a> |
|
45 | <a href="#form" onclick="addQuickReply('{{ post.id }}'); return false;">{% trans 'Reply' %}</a> | |
46 | {% endif %} |
|
46 | {% endif %} | |
47 |
|
47 | |||
48 | {% if post.global_id %} |
|
|||
49 | <a class="global-id" href="{% url 'post_sync_data' post.id %}"> [RAW] </a> |
|
|||
50 | {% endif %} |
|
|||
51 |
|
||||
52 | {% if perms.boards.change_post or perms.boards.delete_post or perms.boards.change_thread or perms_boards.delete_thread %} |
|
48 | {% if perms.boards.change_post or perms.boards.delete_post or perms.boards.change_thread or perms_boards.delete_thread %} | |
53 | <span class="moderator_info"> |
|
49 | <span class="moderator_info"> | |
54 | {% if perms.boards.change_post or perms.boards.delete_post %} |
|
50 | {% if perms.boards.change_post or perms.boards.delete_post %} | |
55 | | <a href="{% url 'admin:boards_post_change' post.id %}">{% trans 'Edit' %}</a> |
|
51 | | <a href="{% url 'admin:boards_post_change' post.id %}">{% trans 'Edit' %}</a> | |
56 | {% endif %} |
|
52 | {% endif %} | |
57 | {% if perms.boards.change_thread or perms_boards.delete_thread %} |
|
53 | {% if perms.boards.change_thread or perms_boards.delete_thread %} | |
58 | {% if is_opening %} |
|
54 | {% if is_opening %} | |
59 | | <a href="{% url 'admin:boards_thread_change' thread.id %}">{% trans 'Edit thread' %}</a> |
|
55 | | <a href="{% url 'admin:boards_thread_change' thread.id %}">{% trans 'Edit thread' %}</a> | |
60 | {% endif %} |
|
56 | {% endif %} | |
61 | {% endif %} |
|
57 | {% endif %} | |
62 | </form> |
|
58 | {% if post.global_id %} | |
|
59 | | <a href="{% url 'post_sync_data' post.id %}">RAW</a> | |||
|
60 | {% endif %} | |||
63 | </span> |
|
61 | </span> | |
64 | {% endif %} |
|
62 | {% endif %} | |
65 | </div> |
|
63 | </div> | |
66 | {% comment %} |
|
64 | {% comment %} | |
67 | Post images. Currently only 1 image can be posted and shown, but post model |
|
65 | Post images. Currently only 1 image can be posted and shown, but post model | |
68 | supports multiple. |
|
66 | supports multiple. | |
69 | {% endcomment %} |
|
67 | {% endcomment %} | |
70 | {% for image in post.images.all %} |
|
68 | {% for image in post.images.all %} | |
71 | {{ image.get_view|safe }} |
|
69 | {{ image.get_view|safe }} | |
72 | {% endfor %} |
|
70 | {% endfor %} | |
73 | {% for file in post.attachments.all %} |
|
71 | {% for file in post.attachments.all %} | |
74 | {{ file.get_view|safe }} |
|
72 | {{ file.get_view|safe }} | |
75 | {% endfor %} |
|
73 | {% endfor %} | |
76 | {% comment %} |
|
74 | {% comment %} | |
77 | Post message (text) |
|
75 | Post message (text) | |
78 | {% endcomment %} |
|
76 | {% endcomment %} | |
79 | <div class="message"> |
|
77 | <div class="message"> | |
80 | {% autoescape off %} |
|
78 | {% autoescape off %} | |
81 | {% if truncated %} |
|
79 | {% if truncated %} | |
82 | {{ post.get_text|truncatewords_html:50 }} |
|
80 | {{ post.get_text|truncatewords_html:50 }} | |
83 | {% else %} |
|
81 | {% else %} | |
84 | {{ post.get_text }} |
|
82 | {{ post.get_text }} | |
85 | {% endif %} |
|
83 | {% endif %} | |
86 | {% endautoescape %} |
|
84 | {% endautoescape %} | |
87 | </div> |
|
85 | </div> | |
88 | {% if post.is_referenced %} |
|
86 | {% if post.is_referenced %} | |
89 | {% if not mode_tree %} |
|
87 | {% if not mode_tree %} | |
90 | <div class="refmap"> |
|
88 | <div class="refmap"> | |
91 | {% trans "Replies" %}: {{ post.refmap|safe }} |
|
89 | {% trans "Replies" %}: {{ post.refmap|safe }} | |
92 | </div> |
|
90 | </div> | |
93 | {% endif %} |
|
91 | {% endif %} | |
94 | {% endif %} |
|
92 | {% endif %} | |
95 | {% comment %} |
|
93 | {% comment %} | |
96 | Thread metadata: counters, tags etc |
|
94 | Thread metadata: counters, tags etc | |
97 | {% endcomment %} |
|
95 | {% endcomment %} | |
98 | {% if is_opening %} |
|
96 | {% if is_opening %} | |
99 | <div class="metadata"> |
|
97 | <div class="metadata"> | |
100 | {% if is_opening and need_open_link %} |
|
98 | {% if is_opening and need_open_link %} | |
101 | {% blocktrans count count=thread.get_reply_count %}{{ count }} message{% plural %}{{ count }} messages{% endblocktrans %}, |
|
99 | {% blocktrans count count=thread.get_reply_count %}{{ count }} message{% plural %}{{ count }} messages{% endblocktrans %}, | |
102 | {% blocktrans count count=thread.get_images_count %}{{ count }} image{% plural %}{{ count }} images{% endblocktrans %}. |
|
100 | {% blocktrans count count=thread.get_images_count %}{{ count }} image{% plural %}{{ count }} images{% endblocktrans %}. | |
103 | {% endif %} |
|
101 | {% endif %} | |
104 | <span class="tags"> |
|
102 | <span class="tags"> | |
105 | {{ thread.get_tag_url_list|safe }} |
|
103 | {{ thread.get_tag_url_list|safe }} | |
106 | </span> |
|
104 | </span> | |
107 | </div> |
|
105 | </div> | |
108 | {% endif %} |
|
106 | {% endif %} | |
109 | </div> |
|
107 | </div> |
General Comments 0
You need to be logged in to leave comments.
Login now