##// END OF EJS Templates
Changed tag color in MD theme
neko259 -
r531:c93200d2 default
parent child Browse files
Show More
@@ -1,399 +1,401 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 .title {
23 .title {
24 font-weight: bold;
24 font-weight: bold;
25 color: #ffcc00;
25 color: #ffcc00;
26 font-size: 2ex;
26 font-size: 2ex;
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: #F5FFC9;*/
40 color: #FFD37D;
41 /*color: #b4cfec;*/
40 }
42 }
41
43
42 .post_id {
44 .post_id {
43 color: #fff380;
45 color: #fff380;
44 }
46 }
45
47
46 .post, .dead_post, .archive_post, #posts-table {
48 .post, .dead_post, .archive_post, #posts-table {
47 background: #333;
49 background: #333;
48 margin: 5px;
50 margin: 5px;
49 padding: 10px;
51 padding: 10px;
50 border: solid 1px #888;
52 border: solid 1px #888;
51 clear: left;
53 clear: left;
52 word-wrap: break-word;
54 word-wrap: break-word;
53 }
55 }
54
56
55 .metadata {
57 .metadata {
56 padding-top: 5px;
58 padding-top: 5px;
57 margin-top: 10px;
59 margin-top: 10px;
58 border-top: solid 1px #666;
60 border-top: solid 1px #666;
59 color: #ddd;
61 color: #ddd;
60 }
62 }
61
63
62 .navigation_panel, .tag_info {
64 .navigation_panel, .tag_info {
63 background: #444;
65 background: #444;
64 margin: 5px;
66 margin: 5px;
65 padding: 10px;
67 padding: 10px;
66 border: solid 1px #888;
68 border: solid 1px #888;
67 color: #eee;
69 color: #eee;
68 }
70 }
69
71
70 .navigation_panel .link {
72 .navigation_panel .link {
71 border-right: 1px solid #fff;
73 border-right: 1px solid #fff;
72 font-weight: bold;
74 font-weight: bold;
73 margin-right: 1ex;
75 margin-right: 1ex;
74 padding-right: 1ex;
76 padding-right: 1ex;
75 }
77 }
76 .navigation_panel .link:last-child {
78 .navigation_panel .link:last-child {
77 border-left: 1px solid #fff;
79 border-left: 1px solid #fff;
78 border-right: none;
80 border-right: none;
79 float: right;
81 float: right;
80 margin-left: 1ex;
82 margin-left: 1ex;
81 margin-right: 0;
83 margin-right: 0;
82 padding-left: 1ex;
84 padding-left: 1ex;
83 padding-right: 0;
85 padding-right: 0;
84 }
86 }
85
87
86 .navigation_panel::after, .post::after {
88 .navigation_panel::after, .post::after {
87 clear: both;
89 clear: both;
88 content: ".";
90 content: ".";
89 display: block;
91 display: block;
90 height: 0;
92 height: 0;
91 line-height: 0;
93 line-height: 0;
92 visibility: hidden;
94 visibility: hidden;
93 }
95 }
94
96
95 p {
97 p {
96 margin-top: .5em;
98 margin-top: .5em;
97 margin-bottom: .5em;
99 margin-bottom: .5em;
98 }
100 }
99
101
100 .post-form-w {
102 .post-form-w {
101 display: table;
103 display: table;
102 background: #333344;
104 background: #333344;
103 border: solid 1px #888;
105 border: solid 1px #888;
104 color: #fff;
106 color: #fff;
105 padding: 10px;
107 padding: 10px;
106 margin: 5px;
108 margin: 5px;
107 }
109 }
108
110
109 .form-row {
111 .form-row {
110 display: table-row;
112 display: table-row;
111 }
113 }
112
114
113 .form-label, .form-input, .form-errors {
115 .form-label, .form-input, .form-errors {
114 display: table-cell;
116 display: table-cell;
115 }
117 }
116
118
117 .form-label {
119 .form-label {
118 padding: .25em 1ex .25em 0;
120 padding: .25em 1ex .25em 0;
119 vertical-align: top;
121 vertical-align: top;
120 }
122 }
121
123
122 .form-input {
124 .form-input {
123 padding: .25em 0;
125 padding: .25em 0;
124 }
126 }
125
127
126 .form-errors {
128 .form-errors {
127 font-weight: bolder;
129 font-weight: bolder;
128 vertical-align: middle;
130 vertical-align: middle;
129 }
131 }
130
132
131 .post-form input, .post-form textarea {
133 .post-form input, .post-form textarea {
132 background: #333;
134 background: #333;
133 color: #fff;
135 color: #fff;
134 border: solid 1px;
136 border: solid 1px;
135 padding: 0;
137 padding: 0;
136 width: 100%;
138 width: 100%;
137 font: medium sans;
139 font: medium sans;
138 }
140 }
139
141
140 .form-submit {
142 .form-submit {
141 display: table;
143 display: table;
142 margin-bottom: 1ex;
144 margin-bottom: 1ex;
143 }
145 }
144
146
145 .form-title {
147 .form-title {
146 font-weight: bold;
148 font-weight: bold;
147 font-size: 2.5ex;
149 font-size: 2.5ex;
148 text-decoration: underline;
150 text-decoration: underline;
149 }
151 }
150
152
151 input[type="submit"] {
153 input[type="submit"] {
152 background: #222;
154 background: #222;
153 border: solid 2px #fff;
155 border: solid 2px #fff;
154 color: #fff;
156 color: #fff;
155 padding: 0.5ex;
157 padding: 0.5ex;
156 }
158 }
157
159
158 input[type="submit"]:hover {
160 input[type="submit"]:hover {
159 background: #060;
161 background: #060;
160 }
162 }
161
163
162 blockquote {
164 blockquote {
163 border-left: solid 2px;
165 border-left: solid 2px;
164 padding-left: 5px;
166 padding-left: 5px;
165 color: #B1FB17;
167 color: #B1FB17;
166 margin: 0;
168 margin: 0;
167 }
169 }
168
170
169 .post > .image {
171 .post > .image {
170 float: left;
172 float: left;
171 margin: 0 1ex .5ex 0;
173 margin: 0 1ex .5ex 0;
172 min-width: 1px;
174 min-width: 1px;
173 text-align: center;
175 text-align: center;
174 display: table-row;
176 display: table-row;
175 }
177 }
176
178
177 .post > .metadata {
179 .post > .metadata {
178 clear: left;
180 clear: left;
179 }
181 }
180
182
181 .get {
183 .get {
182 font-weight: bold;
184 font-weight: bold;
183 color: #d55;
185 color: #d55;
184 }
186 }
185
187
186 * {
188 * {
187 text-decoration: none;
189 text-decoration: none;
188 }
190 }
189
191
190 .dead_post {
192 .dead_post {
191 background-color: #442222;
193 background-color: #442222;
192 }
194 }
193
195
194 .archive_post {
196 .archive_post {
195 background-color: #000;
197 background-color: #000;
196 }
198 }
197
199
198 .mark_btn {
200 .mark_btn {
199 border: 1px solid;
201 border: 1px solid;
200 min-width: 2ex;
202 min-width: 2ex;
201 padding: 2px 2ex;
203 padding: 2px 2ex;
202 }
204 }
203
205
204 .mark_btn:hover {
206 .mark_btn:hover {
205 background: #555;
207 background: #555;
206 }
208 }
207
209
208 .quote {
210 .quote {
209 color: #92cf38;
211 color: #92cf38;
210 font-style: italic;
212 font-style: italic;
211 }
213 }
212
214
213 .spoiler {
215 .spoiler {
214 background: white;
216 background: white;
215 color: white;
217 color: white;
216 }
218 }
217
219
218 .spoiler:hover {
220 .spoiler:hover {
219 color: black;
221 color: black;
220 }
222 }
221
223
222 .comment {
224 .comment {
223 color: #eb2;
225 color: #eb2;
224 font-style: italic;
226 font-style: italic;
225 }
227 }
226
228
227 a:hover {
229 a:hover {
228 text-decoration: underline;
230 text-decoration: underline;
229 }
231 }
230
232
231 .last-replies {
233 .last-replies {
232 margin-left: 3ex;
234 margin-left: 3ex;
233 }
235 }
234
236
235 .thread {
237 .thread {
236 margin-bottom: 3ex;
238 margin-bottom: 3ex;
237 }
239 }
238
240
239 .post:target {
241 .post:target {
240 border: solid 2px white;
242 border: solid 2px white;
241 }
243 }
242
244
243 pre{
245 pre{
244 white-space:pre-wrap
246 white-space:pre-wrap
245 }
247 }
246
248
247 li {
249 li {
248 list-style-position: inside;
250 list-style-position: inside;
249 }
251 }
250
252
251 .fancybox-skin {
253 .fancybox-skin {
252 position: relative;
254 position: relative;
253 background-color: #fff;
255 background-color: #fff;
254 color: #ddd;
256 color: #ddd;
255 text-shadow: none;
257 text-shadow: none;
256 }
258 }
257
259
258 .fancybox-image {
260 .fancybox-image {
259 border: 1px solid black;
261 border: 1px solid black;
260 }
262 }
261
263
262 .image-mode-tab {
264 .image-mode-tab {
263 background: #444;
265 background: #444;
264 color: #eee;
266 color: #eee;
265 display: table;
267 display: table;
266 margin: 5px;
268 margin: 5px;
267 padding: 5px;
269 padding: 5px;
268 border: 1px solid #888;
270 border: 1px solid #888;
269 }
271 }
270
272
271 .image-mode-tab > label {
273 .image-mode-tab > label {
272 margin: 0 1ex;
274 margin: 0 1ex;
273 }
275 }
274
276
275 .image-mode-tab > label > input {
277 .image-mode-tab > label > input {
276 margin-right: .5ex;
278 margin-right: .5ex;
277 }
279 }
278
280
279 #posts-table {
281 #posts-table {
280 margin: 5px;
282 margin: 5px;
281 }
283 }
282
284
283 .tag_info {
285 .tag_info {
284 display: table;
286 display: table;
285 }
287 }
286
288
287 .tag_info > h2 {
289 .tag_info > h2 {
288 margin: 0;
290 margin: 0;
289 }
291 }
290
292
291 .post-info {
293 .post-info {
292 color: #ddd;
294 color: #ddd;
293 }
295 }
294
296
295 .moderator_info {
297 .moderator_info {
296 color: #e99d41;
298 color: #e99d41;
297 border: dashed 1px;
299 border: dashed 1px;
298 padding: 3px;
300 padding: 3px;
299 }
301 }
300
302
301 .refmap {
303 .refmap {
302 font-size: 0.9em;
304 font-size: 0.9em;
303 color: #ccc;
305 color: #ccc;
304 margin-top: 1em;
306 margin-top: 1em;
305 }
307 }
306
308
307 .fav {
309 .fav {
308 color: yellow;
310 color: yellow;
309 }
311 }
310
312
311 .not_fav {
313 .not_fav {
312 color: #ccc;
314 color: #ccc;
313 }
315 }
314
316
315 .role {
317 .role {
316 text-decoration: underline;
318 text-decoration: underline;
317 }
319 }
318
320
319 .form-email {
321 .form-email {
320 display: none;
322 display: none;
321 }
323 }
322
324
323 .footer {
325 .footer {
324 margin: 5px;
326 margin: 5px;
325 }
327 }
326
328
327 .bar-value {
329 .bar-value {
328 background: rgba(50, 55, 164, 0.45);
330 background: rgba(50, 55, 164, 0.45);
329 font-size: 0.9em;
331 font-size: 0.9em;
330 height: 1.5em;
332 height: 1.5em;
331 }
333 }
332
334
333 .bar-bg {
335 .bar-bg {
334 position: relative;
336 position: relative;
335 border: solid 1px #888;
337 border: solid 1px #888;
336 margin: 5px;
338 margin: 5px;
337 overflow: hidden;
339 overflow: hidden;
338 }
340 }
339
341
340 .bar-text {
342 .bar-text {
341 padding: 2px;
343 padding: 2px;
342 position: absolute;
344 position: absolute;
343 left: 0;
345 left: 0;
344 top: 0;
346 top: 0;
345 }
347 }
346
348
347 .page_link {
349 .page_link {
348 display: table;
350 display: table;
349 background: #444;
351 background: #444;
350 margin: 5px;
352 margin: 5px;
351 border: solid 1px #888;
353 border: solid 1px #888;
352 padding: 5px;
354 padding: 5px;
353 font-weight: bolder;
355 font-weight: bolder;
354 color: #eee;
356 color: #eee;
355 }
357 }
356
358
357 .skipped_replies {
359 .skipped_replies {
358 margin: 5px;
360 margin: 5px;
359 }
361 }
360
362
361 .current_page {
363 .current_page {
362 border: solid 1px #afdcec;
364 border: solid 1px #afdcec;
363 padding: 2px;
365 padding: 2px;
364 }
366 }
365
367
366 .current_mode {
368 .current_mode {
367 font-weight: bold;
369 font-weight: bold;
368 }
370 }
369
371
370 .gallery_image {
372 .gallery_image {
371 border: solid 1px;
373 border: solid 1px;
372 padding: 0.5ex;
374 padding: 0.5ex;
373 margin: 0.5ex;
375 margin: 0.5ex;
374 text-align: center;
376 text-align: center;
375 }
377 }
376
378
377 code {
379 code {
378 border: dashed 1px #ccc;
380 border: dashed 1px #ccc;
379 background: #111;
381 background: #111;
380 padding: 2px;
382 padding: 2px;
381 font-size: 1.2em;
383 font-size: 1.2em;
382 display: inline-block;
384 display: inline-block;
383 }
385 }
384
386
385 pre {
387 pre {
386 overflow: auto;
388 overflow: auto;
387 }
389 }
388
390
389 .img-full {
391 .img-full {
390 background: #222;
392 background: #222;
391 border: solid 1px white;
393 border: solid 1px white;
392 }
394 }
393
395
394 .tag_item {
396 .tag_item {
395 display: inline-block;
397 display: inline-block;
396 border: 1px dashed #666;
398 border: 1px dashed #666;
397 margin: 0.2ex;
399 margin: 0.2ex;
398 padding: 0.1ex;
400 padding: 0.1ex;
399 } No newline at end of file
401 }
@@ -1,63 +1,63 b''
1 {% load staticfiles %}
1 {% load staticfiles %}
2 {% load i18n %}
2 {% load i18n %}
3 {% load l10n %}
3 {% load l10n %}
4 {% load static from staticfiles %}
4 {% load static from staticfiles %}
5
5
6 <!DOCTYPE html>
6 <!DOCTYPE html>
7 <html>
7 <html>
8 <head>
8 <head>
9 <link rel="stylesheet" type="text/css"
9 <link rel="stylesheet" type="text/css"
10 href="{% static 'css/base.css' %}" media="all"/>
10 href="{% static 'css/base.css' %}" media="all"/>
11 <link rel="stylesheet" type="text/css"
11 <link rel="stylesheet" type="text/css"
12 href="{% static theme_css %}" media="all"/>
12 href="{% static theme_css %}" media="all"/>
13 <link rel="alternate" type="application/rss+xml" href="rss/" title=
13 <link rel="alternate" type="application/rss+xml" href="rss/" title=
14 "{% trans 'Feed' %}"/>
14 "{% trans 'Feed' %}"/>
15
15
16 <link rel="icon" type="image/png"
16 <link rel="icon" type="image/png"
17 href="{% static 'favicon.png' %}">
17 href="{% static 'favicon.png' %}">
18
18
19 <meta name="viewport" content="width=device-width, initial-scale=1"/>
19 <meta name="viewport" content="width=device-width, initial-scale=1"/>
20 <meta charset="utf-8"/>
20 <meta charset="utf-8"/>
21
21
22 {% block head %}{% endblock %}
22 {% block head %}{% endblock %}
23 </head>
23 </head>
24 <body>
24 <body>
25 <script src="{% static 'js/jquery-2.0.1.min.js' %}"></script>
25 <script src="{% static 'js/jquery-2.0.1.min.js' %}"></script>
26 <script src="{% static 'js/jquery-ui-1.10.3.custom.min.js' %}"></script>
26 <script src="{% static 'js/jquery-ui-1.10.3.custom.min.js' %}"></script>
27 <script src="{% static 'js/jquery.mousewheel.js' %}"></script>
27 <script src="{% static 'js/jquery.mousewheel.js' %}"></script>
28 <script src="{% url 'js_info_dict' %}"></script>
28 <script src="{% url 'js_info_dict' %}"></script>
29
29
30 <div class="navigation_panel">
30 <div class="navigation_panel">
31 <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
31 <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
32 {% for tag in tags %}
32 {% for tag in tags %}
33 <a class="tag" href="{% url 'tag' tag_name=tag.name %}"
33 <a class="tag" href="{% url 'tag' tag_name=tag.name %}"
34 >#{{ tag.name }}</a>,
34 >#{{ tag.name }}</a>,
35 {% endfor %}
35 {% endfor %}
36 <a class="tag" href="{% url 'tags' %}" title="{% trans 'Tag management' %}"
36 <a href="{% url 'tags' %}" title="{% trans 'Tag management' %}"
37 >[...]</a>
37 >[...]</a>
38 <a class="link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
38 <a class="link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
39 </div>
39 </div>
40
40
41 {% block content %}{% endblock %}
41 {% block content %}{% endblock %}
42
42
43 <script src="{% static 'js/popup.js' %}"></script>
43 <script src="{% static 'js/popup.js' %}"></script>
44 <script src="{% static 'js/image.js' %}"></script>
44 <script src="{% static 'js/image.js' %}"></script>
45 <script src="{% static 'js/refpopup.js' %}"></script>
45 <script src="{% static 'js/refpopup.js' %}"></script>
46 <script src="{% static 'js/main.js' %}"></script>
46 <script src="{% static 'js/main.js' %}"></script>
47
47
48 <div class="navigation_panel">
48 <div class="navigation_panel">
49 {% block metapanel %}{% endblock %}
49 {% block metapanel %}{% endblock %}
50 [<a href="{% url "login" %}">{% trans 'Login' %}</a>]
50 [<a href="{% url "login" %}">{% trans 'Login' %}</a>]
51 [<a href="{% url "archive" %}">{% trans 'Archive' %}</a>]
51 [<a href="{% url "archive" %}">{% trans 'Archive' %}</a>]
52 {% with ppd=posts_per_day|floatformat:2 %}
52 {% with ppd=posts_per_day|floatformat:2 %}
53 {% blocktrans %}Speed: {{ ppd }} posts per day{% endblocktrans %}
53 {% blocktrans %}Speed: {{ ppd }} posts per day{% endblocktrans %}
54 {% endwith %}
54 {% endwith %}
55 <a class="link" href="#top">{% trans 'Up' %}</a>
55 <a class="link" href="#top">{% trans 'Up' %}</a>
56 </div>
56 </div>
57
57
58 <div class="footer">
58 <div class="footer">
59 <!-- Put your banners here -->
59 <!-- Put your banners here -->
60 </div>
60 </div>
61
61
62 </body>
62 </body>
63 </html>
63 </html>
General Comments 0
You need to be logged in to leave comments. Login now