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 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 | ||
4 | <!-- ---------------------------------- | |
5 | Theme Clean. | |
6 | Made by v0tum. | |
7 | http://v0tum.tumblr.com/ | |
8 | More themes at: http://v0tumthemes.tumblr.com/ | |
9 | ---------------------------------- --> | |
10 | ||
11 | ||
12 | <head> | |
13 | <title>{Title}</title> | |
14 | <link rel="shortcut icon" href="{Favicon}"> | |
15 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
16 | <link rel="shortcut icon" href="{Favicon}"> | |
17 | <link rel="shortcut icon" href="{Favicon}"> | |
18 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
19 | ||
20 | {block:Description} | |
21 | <meta name="description" content="{MetaDescription}"/> | |
22 | {/block:Description} | |
23 | <meta name="image:Background" content=""/> | |
24 | <meta name="font:Title" content="helvetica Neue" /> | |
25 | <meta name="font:Body" content="Courier New" /> | |
26 | ||
27 | <meta name="if:Four Columns" content="0" /> | |
28 | <meta name="if:Three Columns" content="0" /> | |
29 | <meta name="if:Two Columns Big" content="1" /> | |
30 | <meta name="if:Two Columns Small" content="0" /> | |
31 | <meta name="if:One Column Small" content="0" /> | |
32 | <meta name="if:One Column Med" content="0" /> | |
33 | <meta name="if:One Column Big" content="0" /> | |
34 | ||
35 | <meta name="if:Caption" content="0"> | |
36 | <meta name="if:Hide Description" content="1"> | |
37 | <meta name="if:Image Shadow" content="1"> | |
38 | <meta name="if:Show Entry Border" content="1"/> | |
39 | <meta name="if:Show Home Link" content="1"> | |
40 | <meta name="if:Show Submit" content="1"/> | |
41 | <meta name="if:Ask Popup" content="1"> | |
42 | <meta name="if:Background Image" content="1"> | |
43 | <meta name="if:Show Text On Image Hover" content="1"> | |
44 | ||
45 | <meta name="color:Entry Border Color" content="#e7e7e7"/> | |
46 | <meta name="color:Title" content="#000"/> | |
47 | <meta name="color:Body" content="#5e5e5e"/> | |
48 | <meta name="color:Background" content="#fff"/> | |
49 | <meta name="color:Links" content="#000"/> | |
50 | <meta name="color:Post Background" content="#fff"/> | |
51 | <meta name="color:Description" content="#000"/> | |
52 | ||
53 | <meta name="text:Home title" content="Refresh"/> | |
54 | <meta name="text:Description title" content="Info"/> | |
55 | <meta name="text:Ask title" content="Ask"/> | |
56 | <meta name="text:Title Font Size" content="30"/> | |
57 | <meta name="text:Body Font Size" content="8"/> | |
58 | <meta name="text:Link One" content="" /> | |
59 | <meta name="text:Link One Title" content="" /> | |
60 | <meta name="text:Link Two" content="" /> | |
61 | <meta name="text:Link Two Title" content="" /> | |
62 | <meta name="text:Link Three" content="" /> | |
63 | <meta name="text:Link Three Title" content="" /> | |
64 | <meta name="text:Link Four" content="" /> | |
65 | <meta name="text:Link Four Title" content="" /> | |
66 | <meta name="text:Link Five" content="" /> | |
67 | <meta name="text:Link Five Title" content="" /> | |
68 | ||
69 | <link href='http://fonts.googleapis.com/css?family=Lora|Open+Sans' rel='stylesheet' type='text/css'> | |
70 | <link href='http://fonts.googleapis.com/css?family=Allerta|Dorsa|Dancing+Script|Judson|Kreon|Rokkitt|Asap|Amaranth|Rationale|Oswald:300|Squada+One|Homenaje' rel='stylesheet' type='text/css'> | |
71 | <link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'> | |
72 | ||
73 | <script type="text/javascript" src="http://static.tumblr.com/6quy42l/S2Am632sh/theme.js"></script> | |
74 | <script type="text/javascript" src="http://static.tumblr.com/6quy42l/lBNm6eh49/need.js"></script> | |
75 | <script type="text/javascript" src="http://static.tumblr.com/6quy42l/KPXm6ehuk/popup.js"></script> | |
76 | <script src="http://static.tumblr.com/6quy42l/tPum65t1d/fucku.js"></script> | |
77 | <script src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script> | |
78 | {block:IndexPage} | |
79 | <script> | |
80 | $(window).load(function(){ | |
81 | var $wall = $('#content'); | |
82 | $wall.masonry({ | |
83 | itemSelector: '.entry',}); | |
84 | $wall.infinitescroll({ | |
85 | navSelector : 'div#navigation', | |
86 | nextSelector : 'div#navigation a#nextPage', | |
87 | itemSelector : '.entry', | |
88 | donetext : '', | |
89 | loadingText : '', | |
90 | bufferPx : 40, | |
91 | extraScrollPx: 100, | |
92 | ||
93 | errorCallback: function() { | |
94 | $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal'); | |
95 | }}, | |
96 | function( newElements ) { | |
97 | var $newElems = $( newElements ); | |
98 | $newElems.hide(); | |
99 | $newElems.imagesLoaded(function(){ | |
100 | $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 50, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} ); | |
101 | }); | |
102 | }); $wall.show(500); | |
103 | ||
104 | $('#load').click(function(e){ | |
105 | ||
106 | e.preventDefault(); | |
107 | $wall.infinitescroll('retrieve'); | |
108 | $(this).css('display','block'); | |
109 | ||
110 | }); | |
111 | }); | |
112 | ||
113 | </script> | |
114 | {/block:IndexPage} | |
115 | <style type="text/css"> | |
116 | /* Iframe (Follow/Dashboard Buttons) */ | |
117 | iframe#tumblr_controls | |
118 | {z-index: 999999999999; | |
119 | top: 0% !important; | |
120 | right:0% !important; | |
121 | position: fixed !important;} | |
122 | ||
123 | ||
124 | /* Iframe (Follow/Dashboard Buttons) */ | |
125 | ||
126 | /* Body */ | |
127 | body | |
128 | {background-color: {color:Background}; | |
129 | background-image:url('{image:Background}'); | |
130 | background-attachment: fixed; | |
131 | background-repeat: repeat; | |
132 | font-family:{font:body}; | |
133 | font-size:{text:Body font size}px; | |
134 | cursor:pointer; | |
135 | line-height:12px; | |
136 | color:{color:Body};} | |
137 | ||
138 | ||
139 | a {text-decoration:none; | |
140 | color:{color:Body}; | |
141 | -webkit-transition: all 0.2s linear; | |
142 | -moz-transition: all 0.2s linear; | |
143 | transition: all 0.2s linear;} | |
144 | ||
145 | a:hover {color:{color:Link Hover}; | |
146 | -webkit-transition: all 0.2s linear; | |
147 | -moz-transition: all 0.2s linear; | |
148 | transition: all 0.2s linear;} | |
149 | ||
150 | a:active {outline: none;} | |
151 | a:focus {-moz-outline-style: none;} | |
152 | :-moz-any-link:focus{outline: none;} | |
153 | img {border:none;} | |
154 | .clear {clear:both;} | |
155 | ||
156 | /* Body */ | |
157 | ||
158 | /* Permalink Page */ | |
159 | {block:PermalinkPage} | |
160 | .jokes | |
161 | {margin:auto; | |
162 | width: 620px;} | |
163 | .samie | |
164 | { | |
165 | width: 620px; | |
166 | overflow: hidden; | |
167 | margin-top: 5px; | |
168 | ||
169 | font-size: 11px; | |
170 | text-align:left; | |
171 | font-weight: bold; | |
172 | line-height:10px; | |
173 | ||
174 | font-family:'Lekton', sans-serif; } | |
175 | .samie img | |
176 | {width: 620px; height: auto;} | |
177 | {/block:permalinkpage} | |
178 | /* Permalink Page */ | |
179 | ||
180 | ||
181 | /* Answer */ | |
182 | ||
183 | ||
184 | ||
185 | .asker_name | |
186 | {text-align: left; | |
187 | font-size: 12px; | |
188 | ||
189 | padding-left: 38px; | |
190 | font-family:{font:body}; | |
191 | margin-top: -32px; | |
192 | letter-spacing: 0px; } | |
193 | ||
194 | ||
195 | .ask_body | |
196 | {text-align: left; | |
197 | font-size: 10px; | |
198 | text-transform:none; | |
199 | padding-left: 38px; | |
200 | font-family:{font:body}; | |
201 | line-height: 12px;} | |
202 | ||
203 | .ask_image img | |
204 | {width: 100%; | |
205 | margin-top: 20px; | |
206 | margin-left: -40px;} | |
207 | ||
208 | ||
209 | /* Answer */ | |
210 | ||
211 | /* Quote */ | |
212 | .quote | |
213 | { | |
214 | text-transform:uppercase; | |
215 | text-align: left; | |
216 | font-size: 12px; | |
217 | ||
218 | letter-spacing: 1px; | |
219 | ||
220 | font-weight: bold; | |
221 | color:{color:Body}; | |
222 | background-color: {color:Post Background}; padding: 10px;} | |
223 | ||
224 | ||
225 | .quote_source | |
226 | {text-transform:capitalize; | |
227 | text-align: center; | |
228 | ||
229 | font-size: 11px; | |
230 | letter-spacing: 1px; | |
231 | ||
232 | font-weight: none; | |
233 | background-color: {color:Post Background}; padding: 10px;} | |
234 | ||
235 | ||
236 | /* Quote */ | |
237 | ||
238 | /* Audio */ | |
239 | ||
240 | .audioplayercircle | |
241 | {font-size: 1px; | |
242 | z-index: 3; | |
243 | background: #000; | |
244 | top: 60px; | |
245 | height: 50px; | |
246 | opacity: .8;} | |
247 | ||
248 | .audioplayer | |
249 | {font-size: 1px; | |
250 | padding-top:11px; | |
251 | width: 20px; | |
252 | padding-left:25px; | |
253 | overflow: hidden;} | |
254 | ||
255 | ||
256 | /* Audio*/ | |
257 | /* Video */ | |
258 | div.video1 embed, | |
259 | div.post div.video1 object, .video1 iframe { | |
260 | {block:IndexPage} | |
261 | width:100% !important; height:auto !important; | |
262 | {/block:IndexPage} | |
263 | {block:PermalinkPage} | |
264 | width:500px; height:300px; | |
265 | {/block:PermalinkPage}} | |
266 | /* Video */ | |
267 | /* Text Post */ | |
268 | .text h1 | |
269 | { | |
270 | font-size: 15px; | |
271 | line-height: 30px; | |
272 | ||
273 | font-weight: bold; | |
274 | color:{color:Body}; | |
275 | text-transform: uppercase; | |
276 | } | |
277 | .text h1 a, .text h1 a:hover | |
278 | {color:#000;} | |
279 | ||
280 | .text_body img {width: {text:Post Width Size}px;} | |
281 | ||
282 | .text_body | |
283 | { | |
284 | line-height: 14px; | |
285 | ||
286 | font-weight: bold; | |
287 | overflow:hidden;} | |
288 | ||
289 | .text_body a, .text_body a:hover | |
290 | {color:#000;} | |
291 | ||
292 | /* Text Post */ | |
293 | ||
294 | ||
295 | /* Chat */ | |
296 | ||
297 | .chat_body | |
298 | { | |
299 | margin:5px 0; | |
300 | padding:0;background-color: {color:Post Background}; padding: 10px; | |
301 | list-style:none;} | |
302 | .chat_body li | |
303 | {margin: 5px;line-height: 20px; | |
304 | padding: 5px 2px 10px; | |
305 | border-bottom: 1px dotted #ddd;} | |
306 | ||
307 | .chat_bodyt li:last-child | |
308 | {border:0; | |
309 | padding: 5px 5px 0;} | |
310 | ||
311 | .chat_body .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight:bold;text-transform:uppercase;} | |
312 | ||
313 | ||
314 | ||
315 | /* Chat */ | |
316 | ||
317 | /* Link */ | |
318 | .link_title h3 | |
319 | {font-size: 15px; | |
320 | ||
321 | ||
322 | font-weight: bold; | |
323 | color:{color:Body}; | |
324 | text-transform: uppercase;} | |
325 | ||
326 | .link_description | |
327 | {font-size: 10px; | |
328 | ||
329 | ||
330 | font-weight: bold; | |
331 | text-transform: none;} | |
332 | ||
333 | .link_title a, .link_title a:hover | |
334 | {color:#000;} | |
335 | ||
336 | /* Link */ | |
337 | ||
338 | ||
339 | /* Sidebar */ | |
340 | ||
341 | ||
342 | #content .sidebar | |
343 | { position:absolute; | |
344 | {block:IfFourColumns}width:400px;{/block:IfFourColumns} | |
345 | {block:IfThreeColumns}width:500px;{/block:IfThreeColumns} | |
346 | {block:IfTwoColumnsSmall}width:250px;{/block:IfTwoColumnsSmall} | |
347 | {block:IfTwoColumnsBig}width:400px;{/block:IfTwoColumnsBig} | |
348 | {block:IfOneColumnSmall}width:250px;{/block:IfOneColumnSmall} | |
349 | {block:IfOneColumnMed}width:400px;{/block:IfOneColumnMed} | |
350 | {block:IfOneColumnBig}width:500px;{/block:IfOneColumnBig} | |
351 | margin:40px; | |
352 | top: -130px;} | |
353 | ||
354 | ||
355 | ||
356 | .sidebar .titlesidebar{ | |
357 | ||
358 | font-size:{Text:Title Font Size}px; | |
359 | text-transform:uppercase; | |
360 | ||
361 | color:#000; | |
362 | font-family: {font:title}; | |
363 | } | |
364 | {BLOCK:IFOK} | |
365 | .entry:hover {background-image: url(http://static.tumblr.com/ubjvoln/Cu0klawit/slant.png) ; | |
366 | ||
367 | height:auto; -webkit-transition: all 6s ease; | |
368 | -moz-transition: all 6s ease; | |
369 | transition: all 6s ease; } | |
370 | {/BLOCK:IFOK} | |
371 | .links a {text-decoration:none;color:{color:Links};} | |
372 | ||
373 | .sidebar .links | |
374 | {color:{color:Links}; | |
375 | ||
376 | ||
377 | line-height: 17px; | |
378 | font-family: arial; | |
379 | font-size: 9px;} | |
380 | ||
381 | .description_hide {color:{color:Links}; | |
382 | ||
383 | ||
384 | line-height: 17px; | |
385 | font-family: arial; | |
386 | font-size: 9px;} | |
387 | ||
388 | ||
389 | .description_body .description | |
390 | {color:{color:Description}; | |
391 | ||
392 | ||
393 | padding: 10px 0px; | |
394 | ||
395 | line-height: 15px; | |
396 | ||
397 | ||
398 | ||
399 | {block:ifHideDescription} | |
400 | display:none; | |
401 | {/block:ifHideDescription} | |
402 | ||
403 | font-family: arial; | |
404 | ||
405 | font-size: 9px; | |
406 | ||
407 | } | |
408 | ||
409 | ||
410 | ||
411 | ||
412 | .description_body .description a | |
413 | {color:{color:Description};} | |
414 | ||
415 | ||
416 | ||
417 | ||
418 | ||
419 | ||
420 | ||
421 | ||
422 | .description_hide | |
423 | {cursor:help;color:#000;} | |
424 | ||
425 | ||
426 | ||
427 | ||
428 | ||
429 | /* Sidebar */ | |
430 | #infscr-loading { | |
431 | z-index: 5000; | |
432 | position: fixed; | |
433 | font-size: 9px; | |
434 | line-height: 16px; | |
435 | height: 16px; | |
436 | left: -520px; | |
437 | top: 40px; | |
438 | opacity: 0.8; | |
439 | padding: 6px 10px 6px 8px; | |
440 | ||
441 | -webkit-border-radius: 6px; | |
442 | -moz-border-radius: 6px; | |
443 | border-radius: 6px; | |
444 | } | |
445 | a img { | |
446 | border: none; | |
447 | } | |
448 | #infscr-loading div { | |
449 | float:right; | |
450 | } | |
451 | ||
452 | #infscr-loading img { | |
453 | margin-right: 6px; | |
454 | } | |
455 | ||
456 | #content{position:relative; | |
457 | ||
458 | margin:auto; | |
459 | {block:IfFourColumns}width:1260px;{/block:IfFourColumns} | |
460 | {block:IfThreeColumns}width:1050px;{/block:IfThreeColumns} | |
461 | {block:IfTwoColumnsSmall}width:750px;{/block:IfTwoColumnsSmall} | |
462 | {block:IfTwoColumnsBig}width:1000px;{/block:IfTwoColumnsBig} | |
463 | {block:IfOneColumnSmall}width:450px;{/block:IfOneColumnSmall} | |
464 | {block:IfOneColumnMed}width:400px;{/block:IfOneColumnMed} | |
465 | {block:IfOneColumnBig}width:800px;{/block:IfOneColumnBig} | |
466 | margin-top:150px; | |
467 | } | |
468 | ||
469 | ||
470 | ||
471 | ||
472 | ||
473 | ||
474 | #content .entry{ | |
475 | {block:IndexPage} | |
476 | {block:IfFourColumns}width:200px;{/block:IfFourColumns} | |
477 | {block:IfThreeColumns}width:250px;{/block:IfThreeColumns} | |
478 | {block:IfTwoColumnsSmall}width:250px;{/block:IfTwoColumnsSmall} | |
479 | {block:IfTwoColumnsBig}width:400px;{/block:IfTwoColumnsBig} | |
480 | {block:IfOneColumnSmall}width:250px;{/block:IfOneColumnSmall} | |
481 | {block:IfOneColumnMed}width:400px;{/block:IfOneColumnMed} | |
482 | {block:IfOneColumnBig}width:500px;{/block:IfOneColumnBig} | |
483 | {/block:IndexPage} | |
484 | margin:30px; | |
485 | {block:PermalinkPage} | |
486 | width:620px; | |
487 | background-color: #fff; padding: 10px; | |
488 | {/block:PermalinkPage} | |
489 | } | |
490 | {block:PermalinkPage} | |
491 | .photo_permalink img {max-width:620px !important; } | |
492 | {/block:PermalinkPage} | |
493 | ||
494 | ||
495 | ||
496 | ||
497 | .entry {background-color: {color:post background}; padding: 10px; | |
498 | {block:ifShowEntryBorder} | |
499 | {block:IndexPage} | |
500 | border-color: {color:Entry Border Color}; | |
501 | border-style: dotted; | |
502 | border-width: 0px 0px 1px 0px;{/block:IndexPage}{/block:ifShowEntryBorder}} | |
503 | .photo{overflow:hidden;} | |
504 | .photo img {display:block; | |
505 | overflow:hidden; | |
506 | {block:PermalinkPage} | |
507 | width:620px; | |
508 | margin: 0 auto; | |
509 | {/block:PermalinkPage} | |
510 | } | |
511 | ||
512 | ||
513 | ||
514 | ||
515 | ||
516 | ||
517 | {block:IndexPage} | |
518 | ||
519 | ||
520 | .main_effect .backgr:hover .black | |
521 | {visibility:visible;} | |
522 | ||
523 | .main_effect .backgr .black | |
524 | {top:0px; | |
525 | position: absolute; | |
526 | bottom: 0px; | |
527 | visibility: hidden; | |
528 | width: 100%; | |
529 | -webkit-transition: all 2s ease; | |
530 | -moz-transition: all 2s ease; | |
531 | transition: all 2s ease;} | |
532 | ||
533 | .main_effect:hover .backgr .black | |
534 | {opacity:1; | |
535 | background-color: rgba(0, 0, 0, 0.6); | |
536 | -webkit-transition: all 2s ease; | |
537 | -moz-transition: all 2s ease; | |
538 | transition: all 2s ease;} | |
539 | ||
540 | .date | |
541 | {font-weight:bold; | |
542 | font-family: arial; | |
543 | text-transform:uppercase; | |
544 | padding: 5px 9px; | |
545 | color: rgba(300, 300, 300, 1); | |
546 | font-size: 13px;} | |
547 | ||
548 | .right_date | |
549 | {right:10px; | |
550 | opacity: 0; | |
551 | position: absolute; | |
552 | bottom:10px; | |
553 | z-index: 9999; | |
554 | -webkit-transition: all 0.7s ease; | |
555 | -moz-transition: all 0.7s ease; | |
556 | transition: all 0.7s ease;} | |
557 | ||
558 | .main_effect:hover .backgr .right_date | |
559 | {opacity:.9; z-index: 9; | |
560 | -webkit-transition: all 1.5s ease; | |
561 | -moz-transition: all 1.5s ease; | |
562 | transition: all 1.5s ease;} | |
563 | ||
564 | ||
565 | ||
566 | ||
567 | ||
568 | ||
569 | ||
570 | ||
571 | ||
572 | ||
573 | ||
574 | ||
575 | .note | |
576 | {font-family: 'Dorsa', sans-serif; | |
577 | font-size:80px; | |
578 | color: rgba(300, 300, 300, 1); | |
579 | text-align:center; | |
580 | font-weight:bold; | |
581 | text-transform:uppercase; | |
582 | ||
583 | ||
584 | } | |
585 | ||
586 | ||
587 | .main_effect .backgr | |
588 | {position:relative;} | |
589 | .right_note | |
590 | { | |
591 | right:20px; | |
592 | opacity: 0; | |
593 | position: absolute; | |
594 | bottom:60px; | |
595 | ||
596 | -webkit-transition: all 0.7s ease; | |
597 | -moz-transition: all 0.7s ease; | |
598 | transition: all 0.7s ease;} | |
599 | ||
600 | .main_effect:hover .backgr .right_note | |
601 | {opacity:1; z-index: 99; | |
602 | -webkit-transition: all 1.5s ease; | |
603 | -moz-transition: all 1.5s ease; | |
604 | transition: all 1.5s ease;} | |
605 | ||
606 | ||
607 | ||
608 | ||
609 | ||
610 | ||
611 | ||
612 | ||
613 | ||
614 | {/block:IndexPage} | |
615 | ||
616 | ol.notes {width:620px; height:400px; ; margin-top:10px; overflow:scroll; overflow-x:hidden; over-flow-y:scroll; list-style-type:none; font-weight:normal; font-size:11px; text-transform:none;margin-left:-40px;} | |
617 | ol.notes li.note { | |
618 | opacity:0.5; | |
619 | padding: 4px 0; | |
620 | margin:0; | |
621 | -moz-transition: 0.2s ease-in; | |
622 | -webkit-transition: 0.2s ease-in; | |
623 | -o-transition: 0.2s ease-in; | |
624 | transition: 0.2s ease-in; | |
625 | } | |
626 | ol.notes li.note:hover { | |
627 | opacity:1; | |
628 | -moz-transition: 0.2s ease-in; | |
629 | -webkit-transition: 0.2s ease-in; | |
630 | -o-transition: 0.2s ease-in; | |
631 | transition: 0.2s ease-in; | |
632 | } | |
633 | ol.notes li.note img.avatar { | |
634 | display:none; | |
635 | ||
636 | } | |
637 | ol.notes li.note span.action { | |
638 | font-weight:normal; | |
639 | } | |
640 | ol.notes li.note .answer_content { | |
641 | font-weight: normal; | |
642 | font-style:italic; | |
643 | } | |
644 | ||
645 | ||
646 | ol.notes li.note blockquote { | |
647 | border-left: medium none !important; | |
648 | font-weight: bold; | |
649 | margin: 0px 0 0px 0px !important; | |
650 | padding: 0px 0 0px !important;} | |
651 | ol.notes li.note blockquote a { | |
652 | color:#000;} | |
653 | ||
654 | #fade { display: none; position: fixed; left: 0; top: 0; width:100%; height: 100%; z-index:9000; position: fixed; overflow: hidden; background-color: #fff;opacity: .6;} | |
655 | .popup_block{z-index: 99999; | |
656 | display: none; /*--hidden by default--*/ | |
657 | background: #fff; | |
658 | padding: 30px; | |
659 | float: left; -moz-border-radius: 10px; | |
660 | -webkit-border-radius:10px; | |
661 | -khtml-border-radius:10px; | |
662 | font-size: 1.2em; | |
663 | position: fixed; | |
664 | top: 50%; left: 50%; | |
665 | } | |
666 | img.btn_close { float: right;margin: -15px -15px 0 0;} | |
667 | *html #fade { position: fixed;} | |
668 | *html .popup_block { position: fixed;background-color: #fff;} | |
669 | ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:50px; } | |
670 | ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; } | |
671 | ::-webkit-scrollbar { height:50px; width:10px; background-color:#fff; } | |
672 | ||
673 | ||
674 | ||
675 | .main_permalink | |
676 | {z-index:999999; | |
677 | background-color: {color:Post Background}; | |
678 | padding: 10px; | |
679 | margin-top: 10px; | |
680 | text-transform:uppercase; | |
681 | text-align:right; | |
682 | font-family:'Lekton', sans-serif; | |
683 | font-weight:bold; | |
684 | color:{color:body}; | |
685 | font-size: 9px; | |
686 | opacity:1; | |
687 | -webkit-transition: all 0.5s ease; | |
688 | -moz-transition: all 0.5s ease; | |
689 | transition: all 0.5s ease;} | |
690 | ||
691 | </style> | |
692 | ||
693 | </head> | |
694 | <div class="jokes"> | |
695 | <div id="content"> | |
696 | ||
697 | <div class="sidebar"> | |
698 | ||
699 | ||
700 | ||
701 | <a href="/"><div class="titlesidebar">{Title}</div></a> | |
702 | ||
703 | <br> | |
704 | ||
705 | ||
706 | ||
707 | ||
708 | {block:ifshowhomelink} | |
709 | <a href="/" class="links">{text:Home Title}</a> | |
710 | {/block:ifshowhomelink} | |
711 | ||
712 | {block:ifHideDescription} | |
713 | <a class="description_hide" title="Description">{text:Description Title}</a> | |
714 | {/block:ifHideDescription} | |
715 | ||
716 | {block:ifAskPopup}<a class="links" title="Ask or Messange" href="# ask question ? " rel="ask" id="poplight">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a> | |
717 | {/block:ifAskPopup} | |
718 | ||
719 | {block:ifnotAskPopup} | |
720 | <a href="/ask" class="links">{text:Ask Title}</a> | |
721 | {/block:ifnotAskPopup} | |
722 | ||
723 | {block:IfShowSubmit} | |
724 | <a href="/submit" class="links">Submit</a> | |
725 | {/block:IfShowSubmit} | |
726 | ||
727 | {block:ifLinkOneTitle} | |
728 | <a href="{text:Link One}" class="links">{text:Link One Title}</a> | |
729 | {/block:ifLinkOneTitle} | |
730 | ||
731 | {block:ifLinkTwoTitle} | |
732 | <a href="{text:Link Two}" class="links">{text:Link Two Title}</a> | |
733 | {/block:ifLinkTwoTitle} | |
734 | ||
735 | {block:ifLinkThreeTitle} | |
736 | <a href="{text:Link Three}" class="links">{text:Link Three Title}</a> | |
737 | {/block:ifLinkThreeTitle} | |
738 | ||
739 | {block:ifLinkFourTitle} | |
740 | <a href="{text:Link Four}" class="links">{text:Link Four Title}</a> | |
741 | {/block:ifLinkFourTitle} | |
742 | ||
743 | {block:ifLinkFiveTitle} | |
744 | <a href="{text:Link Five}" class="links">{text:Link Five Title}</a> | |
745 | {/block:ifLinkFiveTitle} | |
746 | ||
747 | <div class="description_body"> | |
748 | <div class="description">{Description}</div> | |
749 | </div> | |
750 | </div> | |
751 | ||
752 | ||
753 | ||
754 | {block:ifHideDescription} | |
755 | ||
756 | ||
757 | <script> | |
758 | $('.description_hide').click(function() { | |
759 | $('.description_body .description').slideToggle('medium', function() { | |
760 | }); | |
761 | }); | |
762 | </script> | |
763 | ||
764 | {block:ifHideDescription} | |
765 | ||
766 | {block:ifAskPopup} | |
767 | <div id="ask" class="popup_block"><iframe frameborder="0" scrolling="no" height="150px" width="600px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:#000; opacity: .7; overflow: hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript"> document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div> | |
768 | {/block:ifAskPopup} | |
769 | ||
770 | <div class="posts"> | |
771 | {block:Posts} | |
772 | <div class="entry"> | |
773 | {block:Text} | |
774 | <div class="text"> | |
775 | {block:Title}<h1>{Title}</h1>{/block:Title} | |
776 | </div> | |
777 | <div class="text_border" ></div> | |
778 | <div class="text_body"> | |
779 | {Body} | |
780 | </div> | |
781 | {block:IndexPage} | |
782 | <div class="main_permalink"> | |
783 | <a href="{permalink}"> | |
784 | {24HourWithZero}:{Minutes} </a> | |
785 | </div> | |
786 | {/block:IndexPage} | |
787 | ||
788 | {/block:Text} | |
789 | ||
790 | ||
791 | {block:Photo} | |
792 | ||
793 | <div class="photo"> | |
794 | ||
795 | ||
796 | <div class="main_effect"> | |
797 | <div class="backgr"> | |
798 | {block:IndexPage} | |
799 | {block:ifShowTextOnImageHover} | |
800 | <div class="black"> | |
801 | <div class="right_date"> | |
802 | <a href="{Permalink}" target="_blank"> | |
803 | <div class="date"> | |
804 | {24HourWithZero}:{Minutes} | |
805 | </div></a> | |
806 | </div> | |
807 | <div class="right_note"> | |
808 | <a href="{Permalink}" target="_blank"> | |
809 | <div class="note"> | |
810 | {NoteCount} | |
811 | </div></a> | |
812 | </div> | |
813 | </div> | |
814 | {/block:ifShowTextOnImageHover} | |
815 | {/block:IndexPage} | |
816 | {block:IndexPage} | |
817 | <a href="{Permalink}"><img src="{PhotoURL-HighRes}" | |
818 | {block:IfFourColumns}width="200"/></a>{/block:IfFourColumns} | |
819 | {block:IfThreeColumns}width="250"/></a>{/block:IfThreeColumns} | |
820 | {block:IfTwoColumnsSmall}width="250"/></a>{/block:IfTwoColumnsSmall} | |
821 | {block:IfTwoColumnsBig}width="400"/></a>{/block:IfTwoColumnsBig} | |
822 | {block:IfOneColumnSmall}width="250"/></a>{/block:IfOneColumnSmall} | |
823 | {block:IfOneColumnMed}width="400"/></a>{/block:IfOneColumnMed} | |
824 | {block:IfOneColumnBig}width="500"/></a>{/block:IfOneColumnBig} | |
825 | {/block:IndexPage} | |
826 | </div></div> | |
827 | {block:PermalinkPage} | |
828 | <img src="{PhotoURL-HighRes}" class="photo_permalink" /> | |
829 | {/block:PermalinkPage}</u> | |
830 | </div> | |
831 | {block:ifImageShadow} | |
832 | <img style="width:100%; opacity:.7;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"> | |
833 | {/block:ifImageShadow} | |
834 | {block:IfCaption} | |
835 | {caption} | |
836 | {/block:IfCaption} | |
837 | {/block:Photo} | |
838 | ||
839 | {block:Photoset} | |
840 | {block:IndexPage}<center> | |
841 | {block:IfFourColumns}{Photoset-250}{/block:IfFourColumns} | |
842 | {block:IfThreeColumns}{Photoset-250}{/block:IfThreeColumns} | |
843 | {block:IfTwoColumnsSmall}{Photoset-250}{/block:IfTwoColumnsSmall} | |
844 | {block:IfTwoColumnsBig}{Photoset-400}{/block:IfTwoColumnsBig} | |
845 | {block:IfOneColumnSmall}{Photoset-250}{/block:IfOneColumnSmall} | |
846 | {block:IfOneColumnMed}{Photoset-400}{/block:IfOneColumnMed} | |
847 | {block:IfOneColumnBig}{Photoset-500}{/block:IfOneColumnBig} | |
848 | </center>{/block:IndexPage} | |
849 | {block:PermalinkPage} | |
850 | <center>{Photoset-500}</center> | |
851 | {/block:PermalinkPage} | |
852 | {block:IndexPage} | |
853 | <div class="main_permalink"> | |
854 | <a href="{permalink}"> | |
855 | {24HourWithZero}:{Minutes} </a> | |
856 | </div> | |
857 | {/block:IndexPage} | |
858 | {/block:Photoset} | |
859 | ||
860 | {block:Link} | |
861 | <a href="{URL}" class="link_title" {Target}><h3> | |
862 | {Name}</h3></a> | |
863 | {block:Description} | |
864 | <div class="link_description">{Description}</div> | |
865 | {/block:Description} | |
866 | ||
867 | {block:IndexPage} | |
868 | <div class="main_permalink"> | |
869 | <a href="{permalink}"> | |
870 | {24HourWithZero}:{Minutes} </a> | |
871 | </div> | |
872 | {/block:IndexPage} | |
873 | {/block:Link} | |
874 | ||
875 | ||
876 | {block:Chat} | |
877 | {block:Title} | |
878 | <a href="{Permalink}"><h3>{Title}</h3></a> | |
879 | {/block:Title} | |
880 | <ul class="chat_body"> | |
881 | {block:Lines} | |
882 | <li class="{Alt} user_{UserNumber}"> | |
883 | {block:Label} | |
884 | <span class="label">{Label}</span> | |
885 | {/block:Label} | |
886 | {Line} | |
887 | </li> | |
888 | {/block:Lines} | |
889 | </ul> | |
890 | {block:IndexPage} | |
891 | <div class="main_permalink"> | |
892 | <a href="{permalink}"> | |
893 | {24HourWithZero}:{Minutes} </a> | |
894 | </div> | |
895 | {/block:IndexPage} | |
896 | ||
897 | {/block:Chat} | |
898 | ||
899 | ||
900 | {block:Quote}<div class="quote"><b>"{Quote}"</b> </div> | |
901 | {block:Source} | |
902 | <div class="quote_source"> - {Source} </div> | |
903 | {/block:Source} {block:IndexPage} | |
904 | <div class="main_permalink"> | |
905 | <a href="{permalink}"> | |
906 | {24HourWithZero}:{Minutes} </a> | |
907 | </div> | |
908 | {/block:IndexPage} | |
909 | </div> | |
910 | ||
911 | {/block:Quote} | |
912 | ||
913 | ||
914 | ||
915 | {block:Video} | |
916 | <div class="post"> | |
917 | <div class="video1"> | |
918 | {Video-500} | |
919 | </div></div> | |
920 | {block:IndexPage} | |
921 | <div class="main_permalink"> | |
922 | <a href="{permalink}"> | |
923 | {24HourWithZero}:{Minutes} </a> | |
924 | </div> | |
925 | {/block:IndexPage} | |
926 | ||
927 | {/block:Video} | |
928 | ||
929 | {block:Audio} | |
930 | <div class="audioplayercircle"> | |
931 | <div class="audioplayer">{AudioPlayerblack}</div> | |
932 | </div> | |
933 | {block:IndexPage} | |
934 | <div class="main_permalink"> | |
935 | <a href="{permalink}"> | |
936 | {24HourWithZero}:{Minutes} </a> | |
937 | </div> | |
938 | {/block:IndexPage} | |
939 | ||
940 | ||
941 | {/block:Audio} | |
942 | ||
943 | {block:Answer} | |
944 | <img src="{AskerPortraitURL-30}" alt="{PhotoAlt}"/> | |
945 | <div class="asker_name"><b>{Asker}</b></div><BR> | |
946 | <div class="ask_body">{Question}</div><BR> | |
947 | ||
948 | <img src="{PostAuthorPortraitURL-30}" alt="{PhotoAlt}"/> <BR> | |
949 | <div class="asker_name"><b>{PostAuthorName}</b></div> | |
950 | <div class="ask_image"> | |
951 | <div class="ask_body">{Answer}</div> | |
952 | ||
953 | {block:IndexPage} | |
954 | <div class="main_permalink"> | |
955 | <a href="{permalink}"> | |
956 | {24HourWithZero}:{Minutes} </a> | |
957 | </div> | |
958 | {/block:IndexPage} | |
959 | ||
960 | </div> | |
961 | ||
962 | ||
963 | {/block:Answer} | |
964 | ||
965 | ||
966 | {block:PermalinkPage} | |
967 | ||
968 | <div class="samie"> | |
969 | <br>{Caption}<br> | |
970 | {block:NoteCount} | |
971 | <a href="{Permalink}">{NoteCount} + </a> <br> <br> | |
972 | {/block:NoteCount} | |
973 | </div> | |
974 | {PostNotes} | |
975 | {/block:PermalinkPage} | |
976 | </div> | |
977 | {block:PostNotes}{ShowNotes}{/block:PostNotes} | |
978 | {/block:Posts} | |
979 | </div> | |
980 | {block:IndexPage} | |
981 | <div class="column navigation" id="navigation"> | |
982 | {block:Pagination} | |
983 | {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage} | |
984 | {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination} | |
985 | {/block:IndexPage} | |
986 | </div></div></div></div> | |
987 | </div></div></div></div> | |
988 | ||
989 | ||
990 | ||
991 | </body> | |
992 | </html> | |
993 | ||
994 | ||
995 | <div style="top:2px; left:4px; position:fixed; font-size:12px; color:{color:body}; "><a href="http://v0tum.tumblr.com">©</a></div> |