##// END OF EJS Templates
Style changes in the tag view page
neko259 -
r1617:bbd92ab2 default
parent child Browse files
Show More
@@ -1,583 +1,584 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-text-data > h2 {
360 margin: 0;
360 margin: 0;
361 font-size: 2.5em;
361 }
362 }
362
363
363 .post-info {
364 .post-info {
364 color: #ddd;
365 color: #ddd;
365 margin-bottom: 1ex;
366 margin-bottom: 1ex;
366 }
367 }
367
368
368 .moderator_info {
369 .moderator_info {
369 color: #e99d41;
370 color: #e99d41;
370 opacity: 0.4;
371 opacity: 0.4;
371 }
372 }
372
373
373 .moderator_info:hover {
374 .moderator_info:hover {
374 opacity: 1;
375 opacity: 1;
375 }
376 }
376
377
377 .refmap {
378 .refmap {
378 font-size: 0.9em;
379 font-size: 0.9em;
379 color: #ccc;
380 color: #ccc;
380 margin-top: 1em;
381 margin-top: 1em;
381 }
382 }
382
383
383 .fav {
384 .fav {
384 color: yellow;
385 color: yellow;
385 }
386 }
386
387
387 .not_fav {
388 .not_fav {
388 color: #ccc;
389 color: #ccc;
389 }
390 }
390
391
391 .form-email {
392 .form-email {
392 display: none;
393 display: none;
393 }
394 }
394
395
395 .bar-value {
396 .bar-value {
396 background: rgba(50, 55, 164, 0.45);
397 background: rgba(50, 55, 164, 0.45);
397 font-size: 0.9em;
398 font-size: 0.9em;
398 height: 1.5em;
399 height: 1.5em;
399 }
400 }
400
401
401 .bar-bg {
402 .bar-bg {
402 position: relative;
403 position: relative;
403 border-top: solid 1px #888;
404 border-top: solid 1px #888;
404 border-bottom: solid 1px #888;
405 border-bottom: solid 1px #888;
405 margin-top: 5px;
406 margin-top: 5px;
406 overflow: hidden;
407 overflow: hidden;
407 }
408 }
408
409
409 .bar-text {
410 .bar-text {
410 padding: 2px;
411 padding: 2px;
411 position: absolute;
412 position: absolute;
412 left: 0;
413 left: 0;
413 top: 0;
414 top: 0;
414 }
415 }
415
416
416 .page_link {
417 .page_link {
417 background: #444;
418 background: #444;
418 border-top: solid 1px #888;
419 border-top: solid 1px #888;
419 border-bottom: solid 1px #888;
420 border-bottom: solid 1px #888;
420 padding: 5px;
421 padding: 5px;
421 color: #eee;
422 color: #eee;
422 font-size: 2ex;
423 font-size: 2ex;
423 margin-top: .5ex;
424 margin-top: .5ex;
424 margin-bottom: .5ex;
425 margin-bottom: .5ex;
425 }
426 }
426
427
427 .skipped_replies {
428 .skipped_replies {
428 padding: 5px;
429 padding: 5px;
429 margin-left: 3ex;
430 margin-left: 3ex;
430 margin-right: 3ex;
431 margin-right: 3ex;
431 border-left: solid 1px #888;
432 border-left: solid 1px #888;
432 border-right: solid 1px #888;
433 border-right: solid 1px #888;
433 border-bottom: solid 1px #888;
434 border-bottom: solid 1px #888;
434 background: #000;
435 background: #000;
435 }
436 }
436
437
437 .current_page {
438 .current_page {
438 padding: 2px;
439 padding: 2px;
439 background-color: #afdcec;
440 background-color: #afdcec;
440 color: #000;
441 color: #000;
441 }
442 }
442
443
443 .current_mode {
444 .current_mode {
444 font-weight: bold;
445 font-weight: bold;
445 }
446 }
446
447
447 .gallery_image {
448 .gallery_image {
448 border: solid 1px;
449 border: solid 1px;
449 margin: 0.5ex;
450 margin: 0.5ex;
450 text-align: center;
451 text-align: center;
451 padding: 1ex;
452 padding: 1ex;
452 }
453 }
453
454
454 code {
455 code {
455 border: dashed 1px #ccc;
456 border: dashed 1px #ccc;
456 background: #111;
457 background: #111;
457 padding: 2px;
458 padding: 2px;
458 font-size: 1.2em;
459 font-size: 1.2em;
459 display: inline-block;
460 display: inline-block;
460 }
461 }
461
462
462 pre {
463 pre {
463 overflow: auto;
464 overflow: auto;
464 }
465 }
465
466
466 .img-full {
467 .img-full {
467 background: #222;
468 background: #222;
468 border: solid 1px white;
469 border: solid 1px white;
469 }
470 }
470
471
471 .tag_item {
472 .tag_item {
472 display: inline-block;
473 display: inline-block;
473 }
474 }
474
475
475 #id_models li {
476 #id_models li {
476 list-style: none;
477 list-style: none;
477 }
478 }
478
479
479 #id_q {
480 #id_q {
480 margin-left: 1ex;
481 margin-left: 1ex;
481 }
482 }
482
483
483 ul {
484 ul {
484 padding-left: 0px;
485 padding-left: 0px;
485 }
486 }
486
487
487 .quote-header {
488 .quote-header {
488 border-bottom: 2px solid #ddd;
489 border-bottom: 2px solid #ddd;
489 margin-bottom: 1ex;
490 margin-bottom: 1ex;
490 padding-bottom: .5ex;
491 padding-bottom: .5ex;
491 color: #ddd;
492 color: #ddd;
492 font-size: 1.2em;
493 font-size: 1.2em;
493 }
494 }
494
495
495 .global-id {
496 .global-id {
496 font-weight: bolder;
497 font-weight: bolder;
497 opacity: .5;
498 opacity: .5;
498 }
499 }
499
500
500 /* Reflink preview */
501 /* Reflink preview */
501 .post_preview {
502 .post_preview {
502 border-left: 1px solid #777;
503 border-left: 1px solid #777;
503 border-right: 1px solid #777;
504 border-right: 1px solid #777;
504 max-width: 600px;
505 max-width: 600px;
505 }
506 }
506
507
507 /* Code highlighter */
508 /* Code highlighter */
508 .hljs {
509 .hljs {
509 color: #fff;
510 color: #fff;
510 background: #000;
511 background: #000;
511 display: inline-block;
512 display: inline-block;
512 }
513 }
513
514
514 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
515 .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title {
515 color: #fff;
516 color: #fff;
516 }
517 }
517
518
518 #up {
519 #up {
519 position: fixed;
520 position: fixed;
520 bottom: 5px;
521 bottom: 5px;
521 right: 5px;
522 right: 5px;
522 border: 1px solid #777;
523 border: 1px solid #777;
523 background: #000;
524 background: #000;
524 padding: 4px;
525 padding: 4px;
525 opacity: 0.3;
526 opacity: 0.3;
526 }
527 }
527
528
528 #up:hover {
529 #up:hover {
529 opacity: 1;
530 opacity: 1;
530 }
531 }
531
532
532 .user-cast {
533 .user-cast {
533 border: solid #ffffff 1px;
534 border: solid #ffffff 1px;
534 padding: .2ex;
535 padding: .2ex;
535 background: #152154;
536 background: #152154;
536 color: #fff;
537 color: #fff;
537 }
538 }
538
539
539 .highlight {
540 .highlight {
540 background: #222;
541 background: #222;
541 }
542 }
542
543
543 .post-button-form > button:hover {
544 .post-button-form > button:hover {
544 text-decoration: underline;
545 text-decoration: underline;
545 }
546 }
546
547
547 .tree_reply > .post {
548 .tree_reply > .post {
548 margin-top: 1ex;
549 margin-top: 1ex;
549 border-left: solid 1px #777;
550 border-left: solid 1px #777;
550 padding-right: 0;
551 padding-right: 0;
551 }
552 }
552
553
553 #preview-text {
554 #preview-text {
554 border: solid 1px white;
555 border: solid 1px white;
555 margin: 1ex 0 1ex 0;
556 margin: 1ex 0 1ex 0;
556 padding: 1ex;
557 padding: 1ex;
557 }
558 }
558
559
559 .image-metadata {
560 .image-metadata {
560 font-size: 0.9em;
561 font-size: 0.9em;
561 }
562 }
562
563
563 .tripcode {
564 .tripcode {
564 color: white;
565 color: white;
565 }
566 }
566
567
567 #fav-panel {
568 #fav-panel {
568 border: 1px solid white;
569 border: 1px solid white;
569 }
570 }
570
571
571 .post-blink {
572 .post-blink {
572 background-color: #000;
573 background-color: #000;
573 }
574 }
574
575
575 #quote-button {
576 #quote-button {
576 background-color: black;
577 background-color: black;
577 border: solid white 1px;
578 border: solid white 1px;
578 padding: 2px;
579 padding: 2px;
579 }
580 }
580
581
581 #quote-button:hover {
582 #quote-button:hover {
582 background-color: #2d3955;
583 background-color: #2d3955;
583 } No newline at end of file
584 }
@@ -1,210 +1,210 b''
1 {% extends "boards/base.html" %}
1 {% extends "boards/base.html" %}
2
2
3 {% load i18n %}
3 {% load i18n %}
4 {% load board %}
4 {% load board %}
5 {% load static %}
5 {% load static %}
6 {% load tz %}
6 {% load tz %}
7
7
8 {% block head %}
8 {% block head %}
9 <meta name="robots" content="noindex">
9 <meta name="robots" content="noindex">
10
10
11 {% if tag %}
11 {% if tag %}
12 <title>{{ tag.name }} - {{ site_name }}</title>
12 <title>{{ tag.name }} - {{ site_name }}</title>
13 {% else %}
13 {% else %}
14 <title>{{ site_name }}</title>
14 <title>{{ site_name }}</title>
15 {% endif %}
15 {% endif %}
16
16
17 {% if prev_page_link %}
17 {% if prev_page_link %}
18 <link rel="prev" href="{{ prev_page_link }}" />
18 <link rel="prev" href="{{ prev_page_link }}" />
19 {% endif %}
19 {% endif %}
20 {% if next_page_link %}
20 {% if next_page_link %}
21 <link rel="next" href="{{ next_page_link }}" />
21 <link rel="next" href="{{ next_page_link }}" />
22 {% endif %}
22 {% endif %}
23
23
24 {% endblock %}
24 {% endblock %}
25
25
26 {% block content %}
26 {% block content %}
27
27
28 {% get_current_language as LANGUAGE_CODE %}
28 {% get_current_language as LANGUAGE_CODE %}
29 {% get_current_timezone as TIME_ZONE %}
29 {% get_current_timezone as TIME_ZONE %}
30
30
31 {% for banner in banners %}
31 {% for banner in banners %}
32 <div class="post">
32 <div class="post">
33 <div class="title">{{ banner.title }}</div>
33 <div class="title">{{ banner.title }}</div>
34 <div>{{ banner.get_text|safe }}</div>
34 <div>{{ banner.get_text|safe }}</div>
35 <div>{% trans 'Details' %}: <a href="{{ banner.post.get_absolute_url }}">>>{{ banner.post.id }}</a></div>
35 <div>{% trans 'Details' %}: <a href="{{ banner.post.get_absolute_url }}">>>{{ banner.post.id }}</a></div>
36 </div>
36 </div>
37 {% endfor %}
37 {% endfor %}
38
38
39 {% if tag %}
39 {% if tag %}
40 <div class="tag_info" style="border-bottom: solid .5ex #{{ tag.get_color }}">
40 <div class="tag_info" style="border-bottom: solid .5ex #{{ tag.get_color }}">
41 {% if random_image_post %}
41 {% if random_image_post %}
42 <div class="tag-image">
42 <div class="tag-image">
43 {% with image=random_image_post.get_first_image %}
43 {% with image=random_image_post.get_first_image %}
44 <a href="{{ random_image_post.get_absolute_url }}"><img
44 <a href="{{ random_image_post.get_absolute_url }}"><img
45 src="{{ image.get_thumb_url }}"
45 src="{{ image.get_thumb_url }}"
46 width="{{ image.get_preview_size.0 }}"
46 width="{{ image.get_preview_size.0 }}"
47 height="{{ image.get_preview_size.1 }}"
47 height="{{ image.get_preview_size.1 }}"
48 alt="{{ random_image_post.id }}"/></a>
48 alt="{{ random_image_post.id }}"/></a>
49 {% endwith %}
49 {% endwith %}
50 </div>
50 </div>
51 {% endif %}
51 {% endif %}
52 <div class="tag-text-data">
52 <div class="tag-text-data">
53 <h2>
53 <h2>
54 /{{ tag.get_view|safe }}/
54 /{{ tag.get_view|safe }}/
55 {% if perms.change_tag %}
56 <span class="moderator_info">| <a href="{% url 'admin:boards_tag_change' tag.id %}">{% trans 'Edit tag' %}</a></span>
57 {% endif %}
58 </h2>
55 </h2>
56 {% if perms.change_tag %}
57 <div class="moderator_info"><a href="{% url 'admin:boards_tag_change' tag.id %}">{% trans 'Edit tag' %}</a></div>
58 {% endif %}
59 <p>
59 <p>
60 <form action="{% url 'tag' tag.name %}" method="post" class="post-button-form">
60 <form action="{% url 'tag' tag.name %}" method="post" class="post-button-form">
61 {% if is_favorite %}
61 {% if is_favorite %}
62 <button name="method" value="unsubscribe" class="fav">★ {% trans "Remove from favorites" %}</button>
62 <button name="method" value="unsubscribe" class="fav">★ {% trans "Remove from favorites" %}</button>
63 {% else %}
63 {% else %}
64 <button name="method" value="subscribe" class="not_fav">★ {% trans "Add to favorites" %}</button>
64 <button name="method" value="subscribe" class="not_fav">★ {% trans "Add to favorites" %}</button>
65 {% endif %}
65 {% endif %}
66 </form>
66 </form>
67 <form action="{% url 'tag' tag.name %}" method="post" class="post-button-form">
67 <form action="{% url 'tag' tag.name %}" method="post" class="post-button-form">
68 {% if is_hidden %}
68 {% if is_hidden %}
69 <button name="method" value="unhide" class="fav">{% trans "Show" %}</button>
69 <button name="method" value="unhide" class="fav">{% trans "Show" %}</button>
70 {% else %}
70 {% else %}
71 <button name="method" value="hide" class="not_fav">{% trans "Hide" %}</button>
71 <button name="method" value="hide" class="not_fav">{% trans "Hide" %}</button>
72 {% endif %}
72 {% endif %}
73 </form>
73 </form>
74 <a href="{% url 'tag_gallery' tag.name %}">{% trans 'Gallery' %}</a>
74 <a href="{% url 'tag_gallery' tag.name %}">{% trans 'Gallery' %}</a>
75 </p>
75 </p>
76 {% if tag.get_description %}
76 {% if tag.get_description %}
77 <p>{{ tag.get_description|safe }}</p>
77 <p>{{ tag.get_description|safe }}</p>
78 {% endif %}
78 {% endif %}
79 <p>
79 <p>
80 {% with active_count=tag.get_active_thread_count bumplimit_count=tag.get_bumplimit_thread_count archived_count=tag.get_archived_thread_count %}
80 {% with active_count=tag.get_active_thread_count bumplimit_count=tag.get_bumplimit_thread_count archived_count=tag.get_archived_thread_count %}
81 {% if active_count %}
81 {% if active_count %}
82 {% blocktrans count count=active_count %}{{ count }} active thread{% plural %}active threads{% endblocktrans %},
82 {% blocktrans count count=active_count %}{{ count }} active thread{% plural %}active threads{% endblocktrans %},
83 {% endif %}
83 {% endif %}
84 {% if bumplimit_count %}
84 {% if bumplimit_count %}
85 {% blocktrans count count=bumplimit_count %}{{ count }} thread in bumplimit{% plural %} threads in bumplimit{% endblocktrans %},
85 {% blocktrans count count=bumplimit_count %}{{ count }} thread in bumplimit{% plural %} threads in bumplimit{% endblocktrans %},
86 {% endif %}
86 {% endif %}
87 {% if archived_count %}
87 {% if archived_count %}
88 {% blocktrans count count=archived_count %}{{ count }} archived thread{% plural %}archived threads{% endblocktrans %},
88 {% blocktrans count count=archived_count %}{{ count }} archived thread{% plural %}archived threads{% endblocktrans %},
89 {% endif %}
89 {% endif %}
90 {% endwith %}
90 {% endwith %}
91 {% blocktrans count count=tag.get_post_count %}{{ count }} message{% plural %}messages{% endblocktrans %}.
91 {% blocktrans count count=tag.get_post_count %}{{ count }} message{% plural %}messages{% endblocktrans %}.
92 </p>
92 </p>
93 {% if tag.get_all_parents %}
93 {% if tag.get_all_parents %}
94 <p>
94 <p>
95 {% for parent in tag.get_all_parents %}
95 {% for parent in tag.get_all_parents %}
96 {{ parent.get_view|safe }} &gt;
96 {{ parent.get_view|safe }} &gt;
97 {% endfor %}
97 {% endfor %}
98 {{ tag.get_view|safe }}
98 {{ tag.get_view|safe }}
99 </p>
99 </p>
100 {% endif %}
100 {% endif %}
101 {% if tag.get_children.all %}
101 {% if tag.get_children.all %}
102 <p>
102 <p>
103 {% trans "Subsections: " %}
103 {% trans "Subsections: " %}
104 {% for child in tag.get_children.all %}
104 {% for child in tag.get_children.all %}
105 {{ child.get_view|safe }}{% if not forloop.last%}, {% endif %}
105 {{ child.get_view|safe }}{% if not forloop.last%}, {% endif %}
106 {% endfor %}
106 {% endfor %}
107 </p>
107 </p>
108 {% endif %}
108 {% endif %}
109 </div>
109 </div>
110 </div>
110 </div>
111 {% endif %}
111 {% endif %}
112
112
113 {% if threads %}
113 {% if threads %}
114 {% if prev_page_link %}
114 {% if prev_page_link %}
115 <div class="page_link">
115 <div class="page_link">
116 <a href="{{ prev_page_link }}">{% trans "Previous page" %}</a>
116 <a href="{{ prev_page_link }}">{% trans "Previous page" %}</a>
117 </div>
117 </div>
118 {% endif %}
118 {% endif %}
119
119
120 {% for thread in threads %}
120 {% for thread in threads %}
121 <div class="thread">
121 <div class="thread">
122 {% post_view thread.get_opening_post thread=thread truncated=True need_open_link=True %}
122 {% post_view thread.get_opening_post thread=thread truncated=True need_open_link=True %}
123 {% if not thread.archived %}
123 {% if not thread.archived %}
124 {% with last_replies=thread.get_last_replies %}
124 {% with last_replies=thread.get_last_replies %}
125 {% if last_replies %}
125 {% if last_replies %}
126 {% with skipped_replies_count=thread.get_skipped_replies_count %}
126 {% with skipped_replies_count=thread.get_skipped_replies_count %}
127 {% if skipped_replies_count %}
127 {% if skipped_replies_count %}
128 <div class="skipped_replies">
128 <div class="skipped_replies">
129 <a href="{% url 'thread' thread.get_opening_post_id %}">
129 <a href="{% url 'thread' thread.get_opening_post_id %}">
130 {% blocktrans count count=skipped_replies_count %}Skipped {{ count }} reply. Open thread to see all replies.{% plural %}Skipped {{ count }} replies. Open thread to see all replies.{% endblocktrans %}
130 {% blocktrans count count=skipped_replies_count %}Skipped {{ count }} reply. Open thread to see all replies.{% plural %}Skipped {{ count }} replies. Open thread to see all replies.{% endblocktrans %}
131 </a>
131 </a>
132 </div>
132 </div>
133 {% endif %}
133 {% endif %}
134 {% endwith %}
134 {% endwith %}
135 <div class="last-replies">
135 <div class="last-replies">
136 {% for post in last_replies %}
136 {% for post in last_replies %}
137 {% post_view post truncated=True %}
137 {% post_view post truncated=True %}
138 {% endfor %}
138 {% endfor %}
139 </div>
139 </div>
140 {% endif %}
140 {% endif %}
141 {% endwith %}
141 {% endwith %}
142 {% endif %}
142 {% endif %}
143 </div>
143 </div>
144 {% endfor %}
144 {% endfor %}
145
145
146 {% if next_page_link %}
146 {% if next_page_link %}
147 <div class="page_link">
147 <div class="page_link">
148 <a href="{{ next_page_link }}">{% trans "Next page" %}</a>
148 <a href="{{ next_page_link }}">{% trans "Next page" %}</a>
149 </div>
149 </div>
150 {% endif %}
150 {% endif %}
151 {% else %}
151 {% else %}
152 <div class="post">
152 <div class="post">
153 {% trans 'No threads exist. Create the first one!' %}</div>
153 {% trans 'No threads exist. Create the first one!' %}</div>
154 {% endif %}
154 {% endif %}
155
155
156 <div class="post-form-w">
156 <div class="post-form-w">
157 <script src="{% static 'js/panel.js' %}"></script>
157 <script src="{% static 'js/panel.js' %}"></script>
158 <div class="post-form" data-hasher="{% static 'js/3party/sha256.js' %}"
158 <div class="post-form" data-hasher="{% static 'js/3party/sha256.js' %}"
159 data-pow-script="{% static 'js/proof_of_work.js' %}">
159 data-pow-script="{% static 'js/proof_of_work.js' %}">
160 <div class="form-title">{% trans "Create new thread" %}</div>
160 <div class="form-title">{% trans "Create new thread" %}</div>
161 <div class="swappable-form-full">
161 <div class="swappable-form-full">
162 <form enctype="multipart/form-data" method="post" id="form">{% csrf_token %}
162 <form enctype="multipart/form-data" method="post" id="form">{% csrf_token %}
163 {{ form.as_div }}
163 {{ form.as_div }}
164 <div class="form-submit">
164 <div class="form-submit">
165 <input type="submit" value="{% trans "Post" %}"/>
165 <input type="submit" value="{% trans "Post" %}"/>
166 <button id="preview-button" onclick="return false;">{% trans 'Preview' %}</button>
166 <button id="preview-button" onclick="return false;">{% trans 'Preview' %}</button>
167 <button id="file-source-button" onclick="return false;">{% trans 'Change file source' %}</button>
167 <button id="file-source-button" onclick="return false;">{% trans 'Change file source' %}</button>
168 </div>
168 </div>
169 </form>
169 </form>
170 </div>
170 </div>
171 <div>
171 <div>
172 {% trans 'Tags must be delimited by spaces. Text or image is required.' %}
172 {% trans 'Tags must be delimited by spaces. Text or image is required.' %}
173 {% with size=max_file_size|filesizeformat %}
173 {% with size=max_file_size|filesizeformat %}
174 {% blocktrans %}Max file size is {{ size }}.{% endblocktrans %}
174 {% blocktrans %}Max file size is {{ size }}.{% endblocktrans %}
175 {% endwith %}
175 {% endwith %}
176 </div>
176 </div>
177 <div id="preview-text"></div>
177 <div id="preview-text"></div>
178 <div><a href="{% url "staticpage" name="help" %}">{% trans 'Text syntax' %}</a></div>
178 <div><a href="{% url "staticpage" name="help" %}">{% trans 'Text syntax' %}</a></div>
179 <div><a href="{% url "tags" "required" %}">{% trans 'Tags' %}</a></div>
179 <div><a href="{% url "tags" "required" %}">{% trans 'Tags' %}</a></div>
180 </div>
180 </div>
181 </div>
181 </div>
182
182
183 <script src="{% static 'js/form.js' %}"></script>
183 <script src="{% static 'js/form.js' %}"></script>
184 <script src="{% static 'js/3party/jquery.blockUI.js' %}"></script>
184 <script src="{% static 'js/3party/jquery.blockUI.js' %}"></script>
185 <script src="{% static 'js/thread_create.js' %}"></script>
185 <script src="{% static 'js/thread_create.js' %}"></script>
186
186
187 {% endblock %}
187 {% endblock %}
188
188
189 {% block metapanel %}
189 {% block metapanel %}
190
190
191 <span class="metapanel">
191 <span class="metapanel">
192 <b><a href="{% url "authors" %}">{{ site_name }}</a> {{ version }}</b>
192 <b><a href="{% url "authors" %}">{{ site_name }}</a> {{ version }}</b>
193 {% trans "Pages:" %}
193 {% trans "Pages:" %}
194 [
194 [
195 {% with dividers=paginator.get_dividers %}
195 {% with dividers=paginator.get_dividers %}
196 {% for page in paginator.get_divided_range %}
196 {% for page in paginator.get_divided_range %}
197 {% if page in dividers %}
197 {% if page in dividers %}
198 …,
198 …,
199 {% endif %}
199 {% endif %}
200 <a
200 <a
201 {% ifequal page current_page.number %}
201 {% ifequal page current_page.number %}
202 class="current_page"
202 class="current_page"
203 {% endifequal %}
203 {% endifequal %}
204 href="{% page_url paginator page %}">{{ page }}</a>{% if not forloop.last %},{% endif %}
204 href="{% page_url paginator page %}">{{ page }}</a>{% if not forloop.last %},{% endif %}
205 {% endfor %}
205 {% endfor %}
206 {% endwith %}
206 {% endwith %}
207 ]
207 ]
208 </span>
208 </span>
209
209
210 {% endblock %}
210 {% endblock %}
General Comments 0
You need to be logged in to leave comments. Login now