SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | <!-- | |
3 | ||
4 | Theme be okie themes! remove the credit and die | |
5 | - | |
5 | + | |
6 | --> | |
7 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
8 | <head> | |
9 | <!-- DEFAULT VARIABLES --> | |
10 | <meta name="color:Background" content="#0715cd" /> | |
11 | <meta name="color:PostandSidebar" content="#fff" /> | |
12 | <meta name="color:questions" content="#767DD6" /> | |
13 | <meta name="color:Post Title" content="#000" /> | |
14 | <meta name="color:blockquote" content="#0715cd" /> | |
15 | <meta name="color:audio" content="#767DD6" /> | |
16 | <meta name="color:chat1" content="#0715cd" /> | |
17 | <meta name="color:chat2" content="#00d5f2" /> | |
18 | <meta name="color:footer" content="#767DD6" /> | |
19 | <meta name="color:Text" content="#000" /> | |
20 | <meta name="color:tags" content="#000" /> | |
21 | <meta name="color:tagsHover" content="#0715cd" /> | |
22 | <meta name="color:footerText" content="#000" /> | |
23 | <meta name="color:desc" content="#0715cd" /> | |
24 | <meta name="color:descLinks" content="#0715cd" /> | |
25 | <meta name="color:Link" content="#0715cd" /> | |
26 | <meta name="color:postLinks" content="#0715cd" /> | |
27 | <meta name="color:postLinksHover" content="#00d5f2" /> | |
28 | <meta name="color:navLinks" content="#000" /> | |
29 | <meta name="color:navBackground" content="#DBDBDB" /> | |
30 | <meta name="color:borderColor" content="#00d5f2" /> | |
31 | <meta name="color:pagination" content="#FFF478" /> | |
32 | <meta name="color:currentPage" content="#0715cd" /> | |
33 | - | |
33 | + | |
34 | <meta name="if:400pxPosts" content="1" /> | |
35 | <meta name="if:borders" content="1" /> | |
36 | <meta name="if:Footerborders" content="1" /> | |
37 | <meta name="if:ShowTags" content="1" /> | |
38 | <meta name="if:shadows" content="1" /> | |
39 | <meta name="if:imageInsidebar" content="1" /> | |
40 | <meta name="if:linksScroll" content="1" /> | |
41 | - | |
41 | + | |
42 | - | <meta name="if:link1" content="1" /> |
42 | + | |
43 | - | <meta name="if:link2" content="1" /> |
43 | + | |
44 | - | <meta name="if:link3" content="1" /> |
44 | + | |
45 | - | <meta name="if:link4" content="1" /> |
45 | + | |
46 | - | <meta name="if:link5" content="1" /> |
46 | + | |
47 | - | <meta name="if:link6" content="1" /> |
47 | + | |
48 | - | |
48 | + | |
49 | <meta name="text:link4" content="link 4" /> | |
50 | <meta name="text:link4url" content="link 4 url" /> | |
51 | <meta name="text:link5" content="link 5" /> | |
52 | <meta name="text:link5url" content="link 5 url" /> | |
53 | <meta name="text:link6" content="link 6" /> | |
54 | <meta name="text:link6url" content="link 6 url" /> | |
55 | ||
56 | <meta name="text:sideimageTop" content="300" /> | |
57 | <meta name="text:sideimageLeft" content="1000" /> | |
58 | <meta name="text:sidebarLeft" content="200" /> | |
59 | <meta name="text:borderType" content="dashed" /> | |
60 | <meta name="text:borderSize" content="1" /> | |
61 | ||
62 | <meta name="image:sidebar" content="https://31.media.tumblr.com/73712c6ecb1bc5fd9215dcf0eaa01850/tumblr_inline_n952m7JgYn1s0l28j.png" /> | |
63 | <meta name="image:Insidebar" content="https://31.media.tumblr.com/84c6b21897c521e0d5ea65001c03055a/tumblr_inline_n974elbDeT1s0l28j.png" /> | |
64 | <meta name="image:Background" content="http://38.media.tumblr.com/b56de2e3c266010bf61bd2a85a848d40/tumblr_mq52a1tYtn1qklh5go3_250.gif" /> | |
65 | <meta name="image:betweenTags" content="https://31.media.tumblr.com/baf296cf27ee19850f98a75e3925925f/tumblr_inline_n95as4rbPN1s0l28j.png" /> | |
66 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
67 | - | |
67 | + | |
68 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
69 | <link rel="shortcut icon" href="{Favicon}" /> | |
70 | <link rel="apple-touch-icon" href="{PortraitURL-128}"/> | |
71 | <link rel="alternate" type="application/rss+xml" href="{RSS}" /> | |
72 | <style type="text/css"> | |
73 | ||
74 | ||
75 | @font-face { | |
76 | ||
77 | font-family: "v"; | |
78 | ||
79 | - | |
79 | + | |
80 | - | |
80 | + | |
81 | } | |
82 | ||
83 | @font-face { | |
84 | ||
85 | font-family: "4"; | |
86 | ||
87 | src: url('http://static.tumblr.com/wnmhfaf/jhDn95bxn/04b_03__.ttf'); | |
88 | - | |
88 | + | |
89 | } | |
90 | ||
91 | body { | |
92 | background: {color:Background} url('{image:Background}') top left fixed repeat; | |
93 | margin: 0; | |
94 | padding: 0; | |
95 | font-family: "v"; | |
96 | - | |
96 | + | |
97 | ||
98 | .clear { | |
99 | clear: both; | |
100 | height: 0px; | |
101 | overflow: hidden; | |
102 | } | |
103 | - | |
103 | + | |
104 | a img { | |
105 | border: none; | |
106 | } | |
107 | ||
108 | #wrapper { | |
109 | - | |
109 | + | |
110 | margin: 0 auto; | |
111 | } | |
112 | ||
113 | - | |
113 | + | |
114 | margin: 30px 0; | |
115 | color: #fff; | |
116 | font-size: 50px; | |
117 | font-weight: bold; | |
118 | - | |
118 | + | |
119 | letter-spacing: -1px; | |
120 | } | |
121 | ||
122 | #wrapper #title a { | |
123 | color: #fff; | |
124 | text-decoration: none; | |
125 | } | |
126 | ||
127 | - | |
127 | + | |
128 | {block:IfNot400pxPosts} width: 520px;{/block:IfNot400pxPosts} | |
129 | {block:If400pxPosts}width:420px; {block:If400pxPosts} | |
130 | float: left; | |
131 | } | |
132 | - | |
132 | + | |
133 | #wrapper #content .post { | |
134 | background: {color:PostandSidebar}; | |
135 | padding: 10px; | |
136 | position: relative; | |
137 | {block:Ifborders} | |
138 | - | |
138 | + | |
139 | border-color:{color:borderColor}; | |
140 | {/block:Ifborders} | |
141 | -webkit-border-top-left-radius: 10px; | |
142 | -webkit-border-top-right-radius: 10px; | |
143 | -moz-border-radius-topleft: 10px; | |
144 | -moz-border-radius-topright: 10px; | |
145 | border-top-left-radius: 10px; | |
146 | border-top-right-radius: 10px; | |
147 | -webkit-border-bottom-left-radius: 10px; | |
148 | -webkit-border-bottom-right-radius: 10px; | |
149 | -moz-border-radius-bottomleft: 10px; | |
150 | -moz-border-radius-bottomright: 10px; | |
151 | border-bottom-left-radius: 10px; | |
152 | border-bottom-right-radius: 10px; | |
153 | z-index:5; | |
154 | {block:IfShadows} | |
155 | box-shadow:rgba(0,0,0,0.1)10px 10px; | |
156 | {/block:IfShadows} | |
157 | } | |
158 | ||
159 | #wrapper #content .post .media { | |
160 | text-align: center; | |
161 | margin-bottom: 10px; | |
162 | ||
163 | } | |
164 | - | |
164 | + | |
165 | #wrapper #content .post .quotebg { | |
166 | font-family: "v"; | |
167 | font-size: 150px; | |
168 | - | |
168 | + | |
169 | opacity: 0.2; | |
170 | - | |
170 | + | |
171 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; | |
172 | position: absolute; | |
173 | top: 70px; | |
174 | left: 10px; | |
175 | } | |
176 | ||
177 | #wrapper #content .post .quote { | |
178 | font-family: "v"; | |
179 | color: {color:text}; | |
180 | font-weight: bold; | |
181 | padding: 20px 20px 5px 20px; | |
182 | - | |
182 | + | |
183 | ||
184 | #wrapper #content .post .quote.short { | |
185 | font-size: 35px; | |
186 | line-height: 35px; | |
187 | } | |
188 | ||
189 | - | |
189 | + | |
190 | font-size: 25px; | |
191 | line-height: 28px; | |
192 | } | |
193 | ||
194 | - | |
194 | + | |
195 | font-size: 15px; | |
196 | line-height: 22px; | |
197 | } | |
198 | ||
199 | - | |
199 | + | |
200 | margin-top: 0px; | |
201 | } | |
202 | ||
203 | #wrapper #content .post .quote_source *:last-child { | |
204 | - | |
204 | + | |
205 | } | |
206 | ||
207 | #wrapper #content .post .quote *:first-child { | |
208 | - | |
208 | + | |
209 | } | |
210 | ||
211 | #wrapper #content .post .quote *:last-child { | |
212 | - | |
212 | + | |
213 | } | |
214 | ||
215 | #wrapper #content .post .copy { | |
216 | - | |
216 | + | |
217 | padding: 10px; | |
218 | font-size: 13px; | |
219 | line-height: 15px; | |
220 | - | |
220 | + | |
221 | } | |
222 | ||
223 | #wrapper #content .post .copy a { | |
224 | color: {color:postLinks}; | |
225 | ||
226 | } | |
227 | ||
228 | - | |
228 | + | |
229 | color: {color:postLinksHover}; | |
230 | -webkit-transition:0.5s ease-in-out; | |
231 | -moz-transition:0.5s ease-in-out; | |
232 | ||
233 | - | |
233 | + | |
234 | ||
235 | #wrapper #content .post .copy p { | |
236 | margin: 10px 0 0 0; | |
237 | padding: 0; | |
238 | } | |
239 | ||
240 | - | |
240 | + | |
241 | margin: 10px 0px 10px 0px; | |
242 | padding: 10px; | |
243 | background-color: #e6e6e6; | |
244 | font: normal 11px Courier, monospace; | |
245 | - | |
245 | + | |
246 | } | |
247 | ||
248 | #wrapper #content .post .copy > p:first-child { | |
249 | margin-top: 0; | |
250 | } | |
251 | ||
252 | #wrapper #content .post .copy img { | |
253 | - | |
253 | + | |
254 | } | |
255 | ||
256 | #wrapper #content .post .audio { | |
257 | - | |
257 | + | |
258 | float: right; | |
259 | padding: 7px; | |
260 | margin-bottom: 10px; | |
261 | - | |
261 | + | |
262 | -webkit-border-radius: 4px; | |
263 | border-radius: 4px; | |
264 | ||
265 | } | |
266 | ||
267 | #wrapper #content .post .audio .player { | |
268 | float: right; | |
269 | {block:Ifborders} | |
270 | - | |
270 | + | |
271 | border-color:{color:borderColor}; | |
272 | - | |
272 | + | |
273 | z-index:99; | |
274 | } | |
275 | ||
276 | #wrapper #content .post .audio .player .audio_player embed { | |
277 | ||
278 | {block:Ifborders} | |
279 | border:{text:borderSize}px {text:borderType}; | |
280 | border-color:{color:borderColor}; | |
281 | - | |
281 | + | |
282 | } | |
283 | ||
284 | #wrapper #content .post .audio .meta { | |
285 | padding: 8px 8px; | |
286 | height: 74px; | |
287 | float: right; | |
288 | ||
289 | - | |
289 | + | |
290 | font-family: "4"; | |
291 | font-size: 11px; | |
292 | text-transform: lowercase; | |
293 | z-index:99; | |
294 | - | |
294 | + | |
295 | ||
296 | #wrapper #content .post .audio .meta a { | |
297 | color: {color:Text}; | |
298 | text-decoration: none; | |
299 | } | |
300 | ||
301 | - | |
301 | + | |
302 | text-align: center; | |
303 | height:100px; | |
304 | -webkit-border-top-left-radius: 10px; | |
305 | -webkit-border-top-right-radius: 10px; | |
306 | - | |
306 | + | |
307 | -moz-border-radius-topright: 10px; | |
308 | border-top-left-radius: 10px; | |
309 | border-top-right-radius: 10px; | |
310 | -webkit-border-bottom-left-radius: 10px; | |
311 | -webkit-border-bottom-right-radius: 10px; | |
312 | -moz-border-radius-bottomleft: 10px; | |
313 | -moz-border-radius-bottomright: 10px; | |
314 | border-bottom-left-radius: 10px; | |
315 | border-bottom-right-radius: 10px; | |
316 | width:100px; | |
317 | margin-bottom: -105px; | |
318 | overflow:hidden; | |
319 | {block:Ifborders} | |
320 | border:{text:borderSize}px {text:borderType}; | |
321 | border-color:{color:borderColor}; | |
322 | {/block:Ifborders}; | |
323 | ||
324 | } | |
325 | ||
326 | #wrapper #content .post .album_art:hover { transform:rotate(360deg); | |
327 | -webkit-transition:1s ease-out; | |
328 | -moz-transition:1s ease-out; | |
329 | - | |
329 | + | |
330 | } | |
331 | - | |
331 | + | |
332 | height: 90px; | |
333 | width: 200px; | |
334 | } | |
335 | ||
336 | #wrapper #content .post .question { | |
337 | color: {color:text}; | |
338 | font-size: 16px; | |
339 | font-family: "4"; | |
340 | font-weight: bold; | |
341 | background: {color:questions}; | |
342 | -moz-border-radius: 8px; | |
343 | -webkit-border-radius: 8px; | |
344 | border-radius: 8px; | |
345 | margin: 0 0 15px 0; | |
346 | padding: 15px 0px; | |
347 | position: relative; | |
348 | {block:Ifborders} | |
349 | border:{text:borderSize}px {text:borderType}; | |
350 | border-color:{color:borderColor}; | |
351 | {/block:Ifborders}; | |
352 | } | |
353 | ||
354 | ||
355 | #wrapper #content .post .asker_container { | |
356 | margin: 0 0 20px 24px; | |
357 | } | |
358 | ||
359 | - | |
359 | + | |
360 | - | |
360 | + | |
361 | -webkit-border-top-left-radius: 10px; | |
362 | -webkit-border-top-right-radius: 10px; | |
363 | -moz-border-radius-topleft: 10px; | |
364 | - | |
364 | + | |
365 | border-top-left-radius: 10px; | |
366 | border-top-right-radius: 10px; | |
367 | -webkit-border-bottom-left-radius: 10px; | |
368 | -webkit-border-bottom-right-radius: 10px; | |
369 | -moz-border-radius-bottomleft: 10px; | |
370 | -moz-border-radius-bottomright: 10px; | |
371 | border-bottom-left-radius: 10px; | |
372 | border-bottom-right-radius: 10px; | |
373 | overflow:hidden; | |
374 | {block:Ifborders} | |
375 | border:{text:borderSize}px {text:borderType}; | |
376 | border-color:{color:borderColor}; | |
377 | {/block:Ifborders}; | |
378 | } | |
379 | #wrapper #content .post .asker_container img:hover { | |
380 | transform:rotate(360deg); | |
381 | -webkit-transition:0.5s ease-out; | |
382 | -moz-transition:0.5s ease-out; | |
383 | } | |
384 | ||
385 | #wrapper #content .post .asker_container a.asker { | |
386 | color:{color:postLinks}; | |
387 | font-family:"v"; | |
388 | } | |
389 | ||
390 | #wrapper #content .post .asker_container a.asker:hover { | |
391 | color:{color:postLinksHover}; | |
392 | -webkit-transition:0.5s ease-out; | |
393 | -moz-transition:0.5s ease-out; | |
394 | ||
395 | - | |
395 | + | |
396 | ||
397 | ||
398 | #wrapper #content .post .title { | |
399 | color: {color:postTitle}; | |
400 | - | |
400 | + | |
401 | font-weight: bold; | |
402 | - | |
402 | + | |
403 | - | |
403 | + | |
404 | } | |
405 | ||
406 | #wrapper #content .post img { | |
407 | {block:IfNot400pxPosts}max-width: 500px;{/block:IfNot400pxPosts} | |
408 | {block:If400pxPosts}max-width: 400px; {/block:If400pxPosts} | |
409 | } | |
410 | ||
411 | - | |
411 | + | |
412 | margin: 10px 10px 0 10px; | |
413 | font-size: 14px; | |
414 | font-family: "4"; | |
415 | } | |
416 | - | |
416 | + | |
417 | #wrapper #content .post .chat .lines { | |
418 | margin-left: 1px; | |
419 | } | |
420 | ||
421 | #wrapper #content .post .chat .lines .line { | |
422 | - | |
422 | + | |
423 | color:{color:text}; | |
424 | margin-bottom: 1px; | |
425 | padding: 3px 5px; | |
426 | - | |
426 | + | |
427 | ||
428 | #wrapper #content .post .chat .lines .line.even { | |
429 | background-color: {color:chat2}; | |
430 | } | |
431 | ||
432 | #wrapper #content .post .link { | |
433 | - | |
433 | + | |
434 | font-size: 20px; | |
435 | line-height: 20px; | |
436 | font-family: "v"; | |
437 | - | |
437 | + | |
438 | ||
439 | #wrapper #content .post .link a { | |
440 | ||
441 | color: {color:Link}; | |
442 | padding: 5px 5px; | |
443 | -moz-border-radius: 4px; | |
444 | - | |
444 | + | |
445 | border-radius: 4px; | |
446 | - | |
446 | + | |
447 | ||
448 | #wrapper #content .post .link a:hover { | |
449 | color:{color:postLinkscolor}; | |
450 | } | |
451 | ||
452 | #wrapper #content .post .footer { | |
453 | - | |
453 | + | |
454 | {block:Ifborders} | |
455 | {block:IfFooterborders} | |
456 | border:{text:borderSize}px {text:borderType}; | |
457 | - | |
457 | + | |
458 | {/block:IfFooterborders} | |
459 | {/block:Ifborders} | |
460 | -webkit-border-top-left-radius: 10px; | |
461 | -webkit-border-top-right-radius: 10px; | |
462 | -moz-border-radius-topleft: 10px; | |
463 | -moz-border-radius-topright: 10px; | |
464 | border-top-left-radius: 10px; | |
465 | border-top-right-radius: 10px; | |
466 | -webkit-border-bottom-left-radius: 10px; | |
467 | -webkit-border-bottom-right-radius: 10px; | |
468 | -moz-border-radius-bottomleft: 10px; | |
469 | -moz-border-radius-bottomright: 10px; | |
470 | border-bottom-left-radius: 10px; | |
471 | border-bottom-right-radius: 10px; | |
472 | border-radius: 4px; | |
473 | font-size: 11px; | |
474 | color: {color:footerText}; | |
475 | padding: 5px 10px; | |
476 | margin-top: 10px; | |
477 | } | |
478 | ||
479 | ||
480 | ||
481 | ||
482 | #wrapper #content .post .footer .date { | |
483 | width: 67%; | |
484 | - | |
484 | + | |
485 | - | |
485 | + | |
486 | - | |
486 | + | |
487 | - | |
487 | + | |
488 | ||
489 | #wrapper #content .post .footer .notes { | |
490 | width: 33%; | |
491 | float: right; | |
492 | text-align: right; | |
493 | color: {color:footerText}; | |
494 | - | |
494 | + | |
495 | ||
496 | #wrapper #content .post .footer .notes a { | |
497 | color: {color:footerText}; | |
498 | } | |
499 | ||
500 | #wrapper #content .post .footer .tags a { | |
501 | - | |
501 | + | |
502 | font-family: "v"; | |
503 | letter-spacing:1px; | |
504 | ||
505 | - | |
505 | + | |
506 | ||
507 | #wrapper #content .post .footer .tags a:hover { | |
508 | ||
509 | color:{color:tagsHover}; | |
510 | - | |
510 | + | |
511 | -webkit-transition:0.5s ease-out; | |
512 | - | |
512 | + | |
513 | ||
514 | ||
515 | - | color:{color:tagsHover}; |
515 | + | |
516 | - | |
516 | + | |
517 | display: none; | |
518 | } | |
519 | ||
520 | - | |
520 | + | |
521 | max-width: 330px; | |
522 | float: left; | |
523 | } | |
524 | ||
525 | - | |
525 | + | |
526 | float: right; | |
527 | max-width: 160px; | |
528 | overflow: hidden; | |
529 | white-space: nowrap; | |
530 | - | |
530 | + | |
531 | ||
532 | } | |
533 | ||
534 | #wrapper #content .post .footer.with_source_url .source_url img { | |
535 | vertical-align: top; | |
536 | -moz-opacity: 0.5; | |
537 | - | |
537 | + | |
538 | } | |
539 | - | |
539 | + | |
540 | #wrapper #content .post .footer.with_source_url .source_url:hover img { | |
541 | -moz-opacity: 0.7; | |
542 | opacity: 0.7; | |
543 | } | |
544 | ||
545 | - | |
545 | + | |
546 | color: #6e7173; | |
547 | text-decoration: none; | |
548 | } | |
549 | ||
550 | - | |
550 | + | |
551 | margin: 10px 0px 10px 10px; | |
552 | padding-left: 15px; | |
553 | border-left: solid 4px {color:blockquote}; | |
554 | } | |
555 | - | |
555 | + | |
556 | #wrapper #content .post .copy blockquote blockquote { | |
557 | border-left: solid 4px {color:blockquote}; | |
558 | } | |
559 | ||
560 | #wrapper #content .post .copy blockquote blockquote blockquote { | |
561 | - | |
561 | + | border-left: solid 4px {color:blockquote}; |
562 | } | |
563 | - | border-left: solid 4px #cccccc; |
563 | + | |
564 | #wrapper #content .post .copy blockquote blockquote blockquote blockquote { | |
565 | - | |
565 | + | border-left: solid 4px {color:blockquote}; |
566 | } | |
567 | - | border-left: solid 4px #bcbcbc; |
567 | + | |
568 | #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote { | |
569 | - | |
569 | + | border-left: solid 4px {color:blockquote}; |
570 | } | |
571 | - | border-left: solid 4px #acacac; |
571 | + | |
572 | #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote { | |
573 | - | |
573 | + | border-left: solid 4px {color:blockquote}; |
574 | } | |
575 | - | border-left: solid 4px #9c9c9c; |
575 | + | |
576 | #wrapper #content .bottom { | |
577 | - | |
577 | + | |
578 | {block:IfNot400pxPosts}width: 513px;{/block:IfNot400pxPosts} | |
579 | - | border-left: solid 4px #8c8c8c; |
579 | + | |
580 | ||
581 | - | |
581 | + | |
582 | margin: 0 auto; | |
583 | } | |
584 | ||
585 | #wrapper #content #navigation { | |
586 | - | |
586 | + | |
587 | padding-bottom: 35px; | |
588 | text-transform: lowercase; | |
589 | } | |
590 | - | |
590 | + | |
591 | #wrapper #content #navigation a { | |
592 | background-color: {color:pagination}; | |
593 | color: {color:text}; | |
594 | padding: 5px 10px; | |
595 | text-decoration: none; | |
596 | - | |
596 | + | |
597 | } | |
598 | ||
599 | #wrapper #content #navigation a:hover { | |
600 | opacity: 0.9; | |
601 | filter: alpha(opacity=90); | |
602 | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; | |
603 | } | |
604 | - | |
604 | + | |
605 | #wrapper #content #navigation.jump_pagination {} | |
606 | ||
607 | #wrapper #content #navigation.jump_pagination a { | |
608 | margin: 0 0 0 4px; | |
609 | {block:Ifborders} | |
610 | - | |
610 | + | |
611 | border-color:{color:borderColor}; | |
612 | - | |
612 | + | |
613 | } | |
614 | ||
615 | #wrapper #content #navigation.jump_pagination .current_page { | |
616 | color: {color:text}; | |
617 | background-color:{color:currentPage}; | |
618 | {block:Ifborders} | |
619 | border:{text:borderSize}px {text:borderType}; | |
620 | - | |
620 | + | |
621 | {/block:Ifborders} | |
622 | padding: 3px 8px; | |
623 | margin: 0 0 0 4px; | |
624 | cursor: default; | |
625 | } | |
626 | ||
627 | #wrapper #content #navigation.jump_pagination .jump_page {} | |
628 | ||
629 | #wrapper #content .post .notecontainer { | |
630 | {block:Ifborders} | |
631 | border:{text:borderSize}px {text:borderType}; | |
632 | - | |
632 | + | |
633 | {/block:Ifborders} | |
634 | - | |
634 | + | |
635 | -moz-border-radius: 4px; | |
636 | -webkit-border-radius: 4px; | |
637 | border-radius: 4px; | |
638 | font-family: "v"; | |
639 | font-size: 11px; | |
640 | color: {color:text}; | |
641 | margin-top: 10px; | |
642 | margin-bottom: -10px; | |
643 | } | |
644 | ||
645 | #wrapper #content .post .notecontainer a { | |
646 | color: {color:postLinksColor}; | |
647 | text-decoration: none; | |
648 | } | |
649 | ||
650 | - | |
650 | + | |
651 | padding: 0px 0 10px 0; | |
652 | list-style-type: none; | |
653 | font-size: 11px; | |
654 | } | |
655 | - | |
655 | + | |
656 | #wrapper #content .post .notecontainer ol.notes li.note { | |
657 | padding: 10px 10px 0 10px; | |
658 | } | |
659 | ||
660 | #wrapper #content .post .notecontainer ol.notes li.note img.avatar { | |
661 | - | |
661 | + | |
662 | margin-right: 10px; | |
663 | width: 16px; | |
664 | height: 16px; | |
665 | - | |
665 | + | |
666 | ||
667 | #wrapper #content .post .notecontainer ol.notes li.note span.action { | |
668 | font-weight: normal; | |
669 | } | |
670 | ||
671 | #wrapper #content .post .notecontainer ol.notes li.note .answer_content { | |
672 | - | |
672 | + | |
673 | } | |
674 | ||
675 | #wrapper #content .post .notecontainer ol.notes li.note blockquote { | |
676 | - | |
676 | + | |
677 | padding: 4px 10px; | |
678 | margin: 10px 0px 0px 25px; | |
679 | } | |
680 | - | |
680 | + | |
681 | #wrapper #content .post .notecontainer ol.notes li.note blockquote a { | |
682 | text-decoration: none; | |
683 | } | |
684 | ||
685 | ||
686 | - | |
686 | + | |
687 | #wrapper #sidebar { | |
688 | width: 255px; | |
689 | left:{text:sidebarLeft}px; | |
690 | - | |
690 | + | |
691 | - | |
691 | + | |
692 | - | |
692 | + | |
693 | ||
694 | ||
695 | } | |
696 | ||
697 | #wrapper #sidebar a { | |
698 | color: {color:sideLinks}; | |
699 | - | |
699 | + | |
700 | - | |
700 | + | |
701 | #wrapper #sidebar #top { | |
702 | - | |
702 | + | |
703 | padding: 0 20px; | |
704 | {block:Ifborders} | |
705 | border:{text:borderSize}px {text:borderType}; | |
706 | - | |
706 | + | |
707 | {/block:Ifborders} | |
708 | -webkit-border-top-left-radius: 10px; | |
709 | -webkit-border-top-right-radius: 10px; | |
710 | -moz-border-radius-topleft: 10px; | |
711 | -moz-border-radius-topright: 10px; | |
712 | border-top-left-radius: 10px; | |
713 | border-top-right-radius: 10px; | |
714 | -webkit-border-bottom-left-radius: 10px; | |
715 | -webkit-border-bottom-right-radius: 10px; | |
716 | -moz-border-radius-bottomleft: 10px; | |
717 | -moz-border-radius-bottomright: 10px; | |
718 | border-bottom-left-radius: 10px; | |
719 | border-bottom-right-radius: 10px; | |
720 | z-index:5; | |
721 | {block:IfShadows} | |
722 | box-shadow:rgba(0,0,0,0.1)10px 10px; | |
723 | {/block:IfShadows} | |
724 | ||
725 | ||
726 | } | |
727 | #button { | |
728 | color:{color:navLinks}; | |
729 | background:{color:navBackground}; | |
730 | - | |
730 | + | |
731 | - | |
731 | + | |
732 | border-color:{color:borderColor}; | |
733 | {/block:Ifborders} | |
734 | font-size:15px; | |
735 | padding:0px; | |
736 | float:center; | |
737 | text-align:center; | |
738 | width:100%; | |
739 | } | |
740 | ||
741 | #button:hover { | |
742 | ||
743 | color:{color:navLinksHover}; | |
744 | font-size:20px; | |
745 | -webkit-transition:0.2s ease-in-out; | |
746 | - | |
746 | + | |
747 | } | |
748 | ||
749 | #button a { | |
750 | color:{color:navLinks}; | |
751 | text-transform:none; | |
752 | } | |
753 | ||
754 | - | |
754 | + | |
755 | color:{color:navLinksHover}; | |
756 | -webkit-transition:0.2s ease-in-out; | |
757 | -moz-transition:0.2s ease-in-out; | |
758 | } | |
759 | - | |
759 | + | |
760 | #wrapper #avatar { | |
761 | width: 0px; | |
762 | height: 0px; | |
763 | top left no-repeat transparent; | |
764 | position: fixed; | |
765 | - | |
765 | + | |
766 | left: {text:sideimageLeft}px; | |
767 | z-index:-1; | |
768 | } | |
769 | ||
770 | ||
771 | ||
772 | #wrapper #sidebar #top #description { | |
773 | font-size: 13px; | |
774 | position: relative; | |
775 | - | |
775 | + | |
776 | - | |
776 | + | |
777 | - | |
777 | + | |
778 | } | |
779 | ||
780 | #wrapper #sidebar #top #description a { | |
781 | color: {color:descLinks}; | |
782 | text-decoration: none; | |
783 | font-family: "v" ; | |
784 | } | |
785 | - | |
785 | + | |
786 | ||
787 | #wrapper #sidebar #top .heading { | |
788 | color: #fff; | |
789 | font-family: helvetica, arial, sans-serif; | |
790 | font-size: 17px; | |
791 | - | |
791 | + | |
792 | - | |
792 | + | |
793 | background-color: {color:Background}; | |
794 | -webkit-border-top-left-radius: 4px; | |
795 | -webkit-border-top-right-radius: 4px; | |
796 | -moz-border-radius-topleft: 4px; | |
797 | -moz-border-radius-topright: 4px; | |
798 | border-top-left-radius: 4px; | |
799 | border-top-right-radius: 4px; | |
800 | } | |
801 | ||
802 | #wrapper #sidebar #top a .heading { | |
803 | color: #fff; | |
804 | text-decoration: none; | |
805 | } | |
806 | ||
807 | - | |
807 | + | |
808 | ||
809 | ||
810 | ||
811 | ||
812 | - | |
812 | + | |
813 | - | |
813 | + | |
814 | - | |
814 | + | |
815 | - | |
815 | + | |
816 | - | |
816 | + | |
817 | <!--[if lt IE 7.]> | |
818 | - | |
818 | + | |
819 | #wrapper #sidebar #bottom { | |
820 | background: transparent; | |
821 | - | |
821 | + | |
822 | ||
823 | #wrapper #sidebar #top #avatar { | |
824 | background: none; | |
825 | } | |
826 | ||
827 | #wrapper #sidebar #top #avatar img { | |
828 | - | |
828 | + | |
829 | } | |
830 | ||
831 | #wrapper #sidebar #top .heading#followontumblr { | |
832 | - | |
832 | + | |
833 | text-indent: 0; | |
834 | } | |
835 | ||
836 | - | |
836 | + | |
837 | background-image: none; | |
838 | } | |
839 | ||
840 | #wrapper #sidebar #top .heading#following { | |
841 | - | |
841 | + | |
842 | } | |
843 | ||
844 | #wrapper #content .post .audio .player { | |
845 | - | |
845 | + | |
846 | } | |
847 | ||
848 | #wrapper #content .post .audio .meta { | |
849 | - | |
849 | + | |
850 | float: none; | |
851 | } | |
852 | </style> | |
853 | - | |
853 | + | |
854 | ||
855 | <!--[if lt IE 8.]> | |
856 | <style type="text/css"> | |
857 | #wrapper #content .bottom { | |
858 | background: transparent; | |
859 | } | |
860 | - | |
860 | + | |
861 | #wrapper #content .post .footer { | |
862 | background: transparent; | |
863 | color: #000; | |
864 | } | |
865 | ||
866 | - | |
866 | + | |
867 | float: none; | |
868 | background: transparent; | |
869 | } | |
870 | ||
871 | - | |
871 | + | |
872 | padding: 0; | |
873 | margin: 0; | |
874 | } | |
875 | </style> | |
876 | - | |
876 | + | |
877 | <style type="text/css">{CustomCSS}</style> | |
878 | </head> | |
879 | <body> | |
880 | <div id="wrapper"> | |
881 | <br></br> | |
882 | ||
883 | <div id="content"> | |
884 | ||
885 | ||
886 | ||
887 | {block:Posts} | |
888 | - | |
888 | + | |
889 | ||
890 | {block:Photo} | |
891 | - | |
891 | + | |
892 | - | |
892 | + | |
893 | {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:If400pxPosts} | |
894 | ||
895 | - | |
895 | + | |
896 | {/block:Photo} | |
897 | ||
898 | {block:Video} | |
899 | <div class="media"> {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts} | |
900 | - | |
900 | + | {block:If400pxPosts} {Video-400} {/block:If400pxPosts}</div> |
901 | - | |
901 | + | |
902 | {/block:Video} | |
903 | - | |
903 | + | |
904 | {block:Audio} | |
905 | ||
906 | - | {block:If400pxPosts} {Video-400} {/block:If400pxPosts}</div> |
906 | + | |
907 | {AudioEmbed} | |
908 | {/block:AudioEmbed} | |
909 | - | |
909 | + | |
910 | {block:AudioPlayer} | |
911 | - | |
911 | + | |
912 | <div class="album_art"> | |
913 | <img style="height:100px;width:100px"src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" /> | |
914 | </div> | |
915 | - | |
915 | + | |
916 | ||
917 | ||
918 | <div class="audio"> | |
919 | <div class="player">{AudioPlayerWhite}</div> | |
920 | <div class="meta"><p>{block:Artist}{Artist}{/block:Artist}</p><p>{block:TrackName}{TrackName}{/block:TrackName}</p><p>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</p>{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div> | |
921 | <div class="clear"></div> | |
922 | - | |
922 | + | |
923 | - | |
923 | + | |
924 | ||
925 | <div class="clear"></div> | |
926 | ||
927 | {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} | |
928 | ||
929 | {/block:Audio} | |
930 | - | |
930 | + | |
931 | {block:Quote} | |
932 | - | |
932 | + | |
933 | <div class="copy"> | |
934 | - | |
934 | + | |
935 | {block:Source} | |
936 | - | |
936 | + | |
937 | <tr> | |
938 | <td valign="top" style="width:20px;">—</td> | |
939 | <td valign="top" class="quote_source"> | |
940 | {Source} | |
941 | </td> | |
942 | </tr> | |
943 | </table> | |
944 | {/block:Source} | |
945 | </div> | |
946 | {/block:Quote} | |
947 | ||
948 | {block:Text} | |
949 | {block:Title}<div class="title">{Title}</div>{/block:Title} | |
950 | <div class="copy">{Body}</div> | |
951 | {/block:Text} | |
952 | ||
953 | - | |
953 | + | |
954 | <div class="question"> | |
955 | <div class="nipple"></div> | |
956 | {Question} | |
957 | </div> | |
958 | - | |
958 | + | |
959 | <div class="copy">{Answer}</div> | |
960 | {/block:Answer} | |
961 | ||
962 | {block:Chat} | |
963 | {block:Title}<div class="title">{Title}</div>{/block:Title} | |
964 | <div class="chat"> | |
965 | <div class="lines"> | |
966 | {block:Lines} | |
967 | - | |
967 | + | |
968 | {/block:Lines} | |
969 | </div> | |
970 | </div> | |
971 | <div class="clear"></div> | |
972 | <div style="height:10px;"></div> | |
973 | {/block:Chat} | |
974 | ||
975 | {block:Link} | |
976 | <div class="link"><a href="{URL}" {Target}>{Name} </a></div> | |
977 | {block:Description}<div class="copy">{Description}</div>{/block:Description} | |
978 | {/block:Link} | |
979 | ||
980 | - | |
980 | + | |
981 | <a href="{Permalink}"> | |
982 | <div class="footer for_permalink"> | |
983 | <div class="date"> | |
984 | {block:Reblog} | |
985 | - | |
985 | + | |
986 | {/block:Reblog} | |
987 | ||
988 | {block:NotReblog} | |
989 | {lang:Posted TimeAgo from source} | |
990 | {/block:NotReblog} | |
991 | </div> | |
992 | <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}•{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div> | |
993 | - | |
993 | + | |
994 | </div> | |
995 | </a> | |
996 | {/block:Date} | |
997 | ||
998 | <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style=" | |
999 | display:none; | |
1000 | {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags} | |
1001 | {block:ContentSource}display:block;{/block:ContentSource} | |
1002 | "> | |
1003 | - | |
1003 | + | |
1004 | {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas"> <img src={image:betweenTags}></img> </span>{/block:Tags}</div>{/block:HasTags} | |
1005 | {/block:IfShowTags} | |
1006 | ||
1007 | {block:ContentSource} | |
1008 | <a href="{SourceURL}" class="source_url"> | |
1009 | {lang:Source}: | |
1010 | {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} | |
1011 | {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo} | |
1012 | - | |
1012 | + | |
1013 | {/block:ContentSource} | |
1014 | ||
1015 | <div class="clear"></div> | |
1016 | </div> | |
1017 | ||
1018 | {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes} | |
1019 | ||
1020 | - | |
1020 | + | |
1021 | </div> | |
1022 | <div class="bottom"></div> | |
1023 | - | |
1023 | + | |
1024 | ||
1025 | - | |
1025 | + | |
1026 | - | |
1026 | + | |
1027 | {block:PreviousPage}<a href="{PreviousPage}"> back</a>{/block:PreviousPage} | |
1028 | ||
1029 | ||
1030 | - | |
1030 | + | |
1031 | {block:CurrentPage} | |
1032 | <span class="current_page">{PageNumber}</span> | |
1033 | {/block:CurrentPage} | |
1034 | - | |
1034 | + | |
1035 | - | |
1035 | + | |
1036 | <a class="jump_page" href="{URL}">{PageNumber}</a> | |
1037 | {/block:JumpPage} | |
1038 | ||
1039 | {/block:JumpPagination} | |
1040 | - | |
1040 | + | |
1041 | ||
1042 | {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage} | |
1043 | </div> | |
1044 | - | |
1044 | + | |
1045 | ||
1046 | - | |
1046 | + | |
1047 | - | |
1047 | + | |
1048 | <div id="sidebar"> | |
1049 | <div id="top"> | |
1050 | ||
1051 | - | |
1051 | + | |
1052 | <div style="padding:5px;"id="description">{Description}</div></center> | |
1053 | ||
1054 | <div class="clear"></div> | |
1055 | ||
1056 | - | |
1056 | + | |
1057 | ||
1058 | ||
1059 | - | |
1059 | + | |
1060 | ||
1061 | </div> | |
1062 | <div id="avatar"><a href="/"><img src={image:sidebar} /></a></div> | |
1063 | ||
1064 | - | |
1064 | + | |
1065 | - | |
1065 | + | |
1066 | - | |
1066 | + | <div style="padding:5px; {block:IflinksScroll}overflow-y:scroll; height: 200px; {/block:IflinksScroll}"id="top"> |
1067 | <p> <div id="button"><a href="/"> home </a></div></p> | |
1068 | <p> <div id="button"> <a href="/ask"> ask </a> </div></p> | |
1069 | <p> <div id="button"> <a href="/submit"> submit </a> </div></p> | |
1070 | <p> <div id="button"> <a href="/archive"> archive </a> </div></p> | |
1071 | {block:Iflink1}<p> <div id="button"> <a href="{text:Link1url}"> {text:link1} </a> </div></p>{/block:Iflink1} | |
1072 | - | <div style="padding:5px; {block:IflinksScroll}overflow-y:scroll; height: 200px {/block:IflinksScroll}"id="top"> |
1072 | + | |
1073 | {block:Iflink3}<p> <div id="button"> <a href="{text:Link3url}"> {text:link3} </a> </div></p>{/block:Iflink3} | |
1074 | {block:Iflink4}<p> <div id="button"> <a href="{text:Link4url}"> {text:link4} </a> </div></p>{/block:Iflink4} | |
1075 | {block:Iflink5}<p> <div id="button"> <a href="{text:Link5url}"> {text:link5} </a> </div></p>{/block:Iflink5} | |
1076 | {block:Iflink6}<p> <div id="button"> <a href="{text:Link6url}"> {text:link6} </a> </div></p>{/block:Iflink6} | |
1077 | <p> <div id="button"> <a href="http://okiethemes.tumblr.com/"> credit </a> </div></p> | |
1078 | </div> | |
1079 | ||
1080 | <div class="clear"></div> | |
1081 | </div> |