SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | theme by desui ; edit as much as you want but please do not remove the credit! | |
3 | --> | |
4 | ||
5 | <html lang="en"> | |
6 | <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
7 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
8 | <head> | |
9 | ||
10 | {block:Ifdisablerightclick} | |
11 | <script type="text/javascript"> | |
12 | <!-- | |
13 | ||
14 | //Disable right click w/o pop-up message | |
15 | ||
16 | function IE(e){if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){return false;}}function NS(e){if (document.layers || (document.getElementById && !document.all)) | |
17 | {if (e.which == "2" || e.which == "3"){return false;}}}document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false"); | |
18 | ||
19 | //--> | |
20 | </script>{/block:Ifdisablerightclick} | |
21 | ||
22 | ||
23 | ||
24 | {block:Ifsmallcursor} | |
25 | ||
26 | ||
27 | <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style><div><a style="position:fixed;z-index:9 !important;top:300px;left:-1000px;" href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"><img src="http://www.totallylayouts.com/img/install_cursors.png" alt="Tumblr Mouse Cursors" /></a></div> | |
28 | ||
29 | </script>{/block:Ifsmallcursor} | |
30 | ||
31 | ||
32 | <script type="text/javascript" | |
33 | src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | |
34 | ||
35 | ||
36 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
37 | <meta name="color:background" content="#fff"/> | |
38 | <meta name="color:link" content="#777"/> | |
39 | <meta name="color:text" content="#777"/> | |
40 | <meta name="color:title" content="#333"/> | |
41 | <meta name="color:hover" content="#fff"/> | |
42 | <meta name="image:background" content="1"/> | |
43 | <meta name="image:sidebar" content=""/> | |
44 | ||
45 | ||
46 | <meta name="text:link one" content=""> | |
47 | <meta name="text:link one title" content=""> | |
48 | <meta name="text:link one tooltip" content=""> | |
49 | <meta name="text:link two" content=""> | |
50 | <meta name="text:link two title" content=""> | |
51 | <meta name="text:link two tooltip" content=""> | |
52 | <meta name="text:link three" content=""> | |
53 | <meta name="text:link three title" content=""> | |
54 | <meta name="text:link three tooltip" content=""> | |
55 | <meta name="text:link four" content=""> | |
56 | <meta name="text:link four title" content=""> | |
57 | <meta name="text:link four tooltip" content=""> | |
58 | <meta name="if:disable right click" content=""/> | |
59 | <meta name="if:small cursor" content=""/> | |
60 | <meta name="text:sidebar tooltip" content=""> | |
61 | ||
62 | ||
63 | ||
64 | <style type="text/css"> | |
65 | ||
66 | .bubble {align:right;background-color: #f4f4f4; color: #000000; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} | |
67 | .bubble p {margin:1px 0px;} | |
68 | .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f4f4f4;} | |
69 | ||
70 | .askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: none; | |
71 | } | |
72 | ||
73 | iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz- | |
74 | ||
75 | transition: all 0.8s ease-out;transition: all 0.8s ease-out;} | |
76 | ||
77 | iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} | |
78 | ||
79 | p { | |
80 | margin:0px; | |
81 | margin-top:0px; | |
82 | } | |
83 | ||
84 | ||
85 | body { | |
86 | padding: 0px; | |
87 | margin: 0px; | |
88 | color:{color:text}; | |
89 | font-family: belleza; | |
90 | - | line-height:7px; |
90 | + | |
91 | font-size:10px; | |
92 | background-color: {color:Background}; | |
93 | background-image:url({image:Background}); | |
94 | background-attachment: fixed; | |
95 | background-repeat: repeat; | |
96 | } | |
97 | ||
98 | ||
99 | a:link, a:active, a:visited{ | |
100 | text-decoration: none; | |
101 | -webkit-transition: color 0.3s ease-out; | |
102 | -moz-transition: color 0.3s ease-out; | |
103 | transition: color 0.3s ease-out; | |
104 | color:{color:link}; | |
105 | } | |
106 | ||
107 | a:hover { | |
108 | text-decoration: none; | |
109 | font-style:; | |
110 | color: {color:Hover}; | |
111 | } | |
112 | ||
113 | div#center{ | |
114 | margin:auto; | |
115 | position:relative; | |
116 | width:1000px; | |
117 | background-color:; | |
118 | overflow:auto; | |
119 | overflow-y:hidden; | |
120 | } | |
121 | ||
122 | ||
123 | /*entries*/ | |
124 | .entry { | |
125 | float:left; | |
126 | display: block; | |
127 | margin:5px; | |
128 | overflow:hidden; | |
129 | width:500px; | |
130 | {block:PermalinkPage} | |
131 | width:500px; | |
132 | text-align:left; | |
133 | line-height:10px; | |
134 | {/block:PermalinkPage} | |
135 | background:white; | |
136 | background-image:URL(); | |
137 | } | |
138 | ||
139 | ||
140 | /*permalinks*/ | |
141 | .entry .perma{ | |
142 | width:520px; | |
143 | height:16px; | |
144 | margin-left:-10px; | |
145 | position: absolute; | |
146 | line-height: 16px; | |
147 | overflow:hidden; | |
148 | text-align:center; | |
149 | border-radius:4px; | |
150 | top:10px; | |
151 | background:white; | |
152 | word-spacing:2px; | |
153 | letter-spacing:1px; | |
154 | opacity: 0.0; | |
155 | -webkit-transition: all .7s ease; | |
156 | -moz-transition: all .7s ease; | |
157 | -o-transition: all .7s ease; | |
158 | transition: all .7s ease; | |
159 | ||
160 | } | |
161 | ||
162 | .entry:hover .perma{ | |
163 | overflow:visible; | |
164 | opacity:0.9; | |
165 | } | |
166 | ||
167 | ||
168 | /*post positions*/ | |
169 | #posts { | |
170 | width:500px; | |
171 | margin-top:1px; | |
172 | z-index:99; | |
173 | margin-left:400px; | |
174 | right:auto; | |
175 | background:transparent; | |
176 | margin-right:auto; | |
177 | position:relative; | |
178 | overflow-y: hidden; | |
179 | } | |
180 | ||
181 | /*tooltips*/ | |
182 | #s-m-t-tooltip { | |
183 | padding: 3px; | |
184 | height:auto; | |
185 | display: none; | |
186 | font-family: consolas; | |
187 | font-size: 8px; | |
188 | text-transform:uppercase; | |
189 | text-align: center; | |
190 | letter-spacing:1px; | |
191 | margin-top:12px; | |
192 | margin-left: 15px; | |
193 | line-height: 8px; | |
194 | z-index: 999999999999; | |
195 | border-radius:3px; | |
196 | border: 1px solid #989696; | |
197 | background:#ffffff; | |
198 | color: #888;} | |
199 | ||
200 | ||
201 | /*sidebar stuff*/ | |
202 | #sidebar{ | |
203 | position:fixed; | |
204 | width:170px; | |
205 | background:white; | |
206 | height:auto; | |
207 | margin-top:150px; | |
208 | margin-left:80px; | |
209 | text-align:center; | |
210 | } | |
211 | ||
212 | #sidebar img { | |
213 | width:170px; | |
214 | margin-bottom:6px; | |
215 | padding:-1px; | |
216 | opacity:.9; | |
217 | outline-offset:4px; | |
218 | } | |
219 | ||
220 | ||
221 | .nav{ | |
222 | margin:2; | |
223 | font-size:10px; | |
224 | font-style:none; | |
225 | width:150px; | |
226 | text-align:center; | |
227 | padding:5px; | |
228 | } | |
229 | ||
230 | ||
231 | .nav a{ | |
232 | text-decoration:none; | |
233 | padding:0 4px; | |
234 | } | |
235 | ||
236 | .desc{ | |
237 | padding:2px; | |
238 | text-transform:normal; | |
239 | } | |
240 | ||
241 | ||
242 | @font-face { font-family: "belleza"; src: url('http://fonts.googleapis.com/css?family=Belleza'); } | |
243 | ||
244 | .blogtitle{ | |
245 | padding:5px; | |
246 | padding-bottom:0px; | |
247 | text-align:left; | |
248 | text-transform:lowercase; | |
249 | font-size:24px; | |
250 | font-family:cedarville; | |
251 | } | |
252 | @font-face {font-family:"cedarville";src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); } | |
253 | ||
254 | .blogtitle a{ | |
255 | color:{color:blogtitle}; | |
256 | } | |
257 | ||
258 | ||
259 | /*CUSTOMIZE TITLE OF ENTRIES HERE*/ | |
260 | .title{ | |
261 | line-height: 12px; | |
262 | color:{color:Title}; | |
263 | font-weight: normal; | |
264 | } | |
265 | ||
266 | ||
267 | /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/ | |
268 | .permalink{ | |
269 | text-transform: normal; | |
270 | display: block; | |
271 | text-align: right; | |
272 | text-decoration: none; | |
273 | } | |
274 | ||
275 | ||
276 | /*DON'T TOUCH ANY OF THIS UNLESS YOU WANT TO FUCK SOME STUFF UP*/ | |
277 | #infscr-loading{ | |
278 | bottom: -70px; | |
279 | position: absolute; | |
280 | left: 50%; | |
281 | margin-left:-8px; | |
282 | width:16px; | |
283 | height:11px; | |
284 | overflow:hidden; | |
285 | margin-bottom: 50px; | |
286 | } | |
287 | ||
288 | #postnotes{ | |
289 | text-align: justify;} | |
290 | ||
291 | #postnotes blockquote{ | |
292 | border: 0px;} | |
293 | ||
294 | blockquote{ | |
295 | padding:0px 0px 2px 5px; | |
296 | margin:0px 0px 2px 10px; | |
297 | border-left: 1px dotted #555555; | |
298 | } | |
299 | ||
300 | blockquote p, ul{ | |
301 | margin:0px; | |
302 | padding:0px; | |
303 | } | |
304 | ||
305 | a img{border: 0px;} | |
306 | ||
307 | ||
308 | ul, ol, li{list-style:none; margin:0px; padding:0px;} | |
309 | ||
310 | .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, | |
311 | .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};} | |
312 | ||
313 | .notes img{width:10px; position:relative; top:3px;} | |
314 | <--ses--> | |
315 | small{font-size: 90%;} | |
316 | ||
317 | ||
318 | ||
319 | #audioplayer { | |
320 | width:30px; | |
321 | height:30px; | |
322 | overflow:hidden; | |
323 | position:absolute; | |
324 | margin-top:40px; | |
325 | margin-bottom:45px; | |
326 | margin-left:43px; | |
327 | margin-right:45px; | |
328 | ||
329 | opacity: 0.7; | |
330 | filter:alpha(opacity=70); | |
331 | -moz-opacity: 0.7; | |
332 | -khtml-opacity: 0.7; | |
333 | ||
334 | } | |
335 | ||
336 | #albumart { float:left; margin:0px 7px;} | |
337 | ||
338 | #cred a:hover{ | |
339 | font-size:11px; | |
340 | font-family:baskerville; | |
341 | color:#fff; | |
342 | background-color:#ccc; | |
343 | border:1px solid #ccc; | |
344 | -moz-transition-duration:0.5s; | |
345 | ||
346 | -webkit-transition-duration:0.5s; | |
347 | ||
348 | -o-transition-duration:0.5s; | |
349 | } | |
350 | ||
351 | ||
352 | ||
353 | {CustomCSS} | |
354 | ||
355 | </style> | |
356 | ||
357 | {block:IndexPage} | |
358 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> | |
359 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> | |
360 | ||
361 | <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> | |
362 | <script> | |
363 | (function($){$(document) | |
364 | .ready(function(){$("[title]") | |
365 | .style_my_tooltips();});}) | |
366 | (jQuery); | |
367 | </script> | |
368 | ||
369 | <script type="text/javascript"> | |
370 | $(window).load(function(){ | |
371 | var $wall = $('#posts'); | |
372 | $wall.imagesLoaded(function(){ | |
373 | $wall.masonry({ | |
374 | itemSelector: '.entry, .entry_photo', | |
375 | isAnimated : false | |
376 | }); | |
377 | }); | |
378 | ||
379 | $wall.infinitescroll({ | |
380 | navSelector : '#pagination', | |
381 | nextSelector : '#pagination a', | |
382 | itemSelector : '.entry, .entry_photo', | |
383 | bufferPx : 2000, | |
384 | debug : false, | |
385 | errorCallback: function() { | |
386 | $('#infscr-loading').fadeOut('normal'); | |
387 | }}, | |
388 | function( newElements ) { | |
389 | var $newElems = $( newElements ); | |
390 | $newElems.hide(); | |
391 | $newElems.imagesLoaded(function(){ | |
392 | $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} ); | |
393 | }); | |
394 | }); $('#posts').show(500); | |
395 | }); | |
396 | </script> | |
397 | ||
398 | ||
399 | {/block:IndexPage} | |
400 | ||
401 | ||
402 | <title>{title}</title> | |
403 | ||
404 | <link rel="shortcut icon" href="{Favicon}" /> | |
405 | <meta name="viewport" content="width=820" /> | |
406 | </head> | |
407 | ||
408 | <body> | |
409 | <BODY onselectstart="return false;" ondragstart="return false;"> | |
410 | <div class="wrapper"> | |
411 | <div class="header"> | |
412 | </div> | |
413 | ||
414 | <div id="cage"> | |
415 | <div id="center"> | |
416 | ||
417 | <!--STUFF THAT GOES INTO THE SIDEBAR--> | |
418 | <div id="sidebar"> | |
419 | <center> | |
420 | <div class="blogtitle">{Title}</div><p><br> | |
421 | <div id="sidebarimgage"><a href="/" title="{text:sidebar tooltip}"><img src={image:sidebar}></a></div> | |
422 | <div class="desc">{description} | |
423 | <p><br> | |
424 | ||
425 | <div class="nav"> | |
426 | <a href="{text:link one}" title="{text:link one tooltip}">{text:link one title}</a> | |
427 | <a href="{text:link two}" title="{text:link two tooltip}">{text:link two title}</a> | |
428 | <a href="{text:link three}" title="{text:link three tooltip}">{text:link three title}</a> | |
429 | <a href="{text:link four}" title="{text:link four tooltip}">{text:link four title}</a> | |
430 | </center> </div> | |
431 | ||
432 | </div> | |
433 | <!-------------------------------------> | |
434 | ||
435 | ||
436 | <div class="left"> | |
437 | <div id="posts"> | |
438 | {block:Posts} | |
439 | <div class="entry"> | |
440 | ||
441 | {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a | |
442 | ||
443 | href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align> | |
444 | {/block:Text} | |
445 | ||
446 | {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span | |
447 | ||
448 | class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link} | |
449 | ||
450 | {block:Photo} | |
451 | {block:IndexPage} | |
452 | <center> | |
453 | <div class="perma"> | |
454 | <a href="{Permalink}">{12Hour}:{Minutes} {AmPm} / <a href="{Permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a> </div> | |
455 | ||
456 | <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div> | |
457 | {/block:IndexPage} | |
458 | {block:PermalinkPage} | |
459 | {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div> | |
460 | ||
461 | {LinkCloseTag} | |
462 | {/block:PermalinkPage} | |
463 | {/block:Photo} | |
464 | ||
465 | {block:Photoset} | |
466 | {block:IndexPage} | |
467 | <center> | |
468 | ||
469 | <div class="perma"> | |
470 | {12Hour}:{Minutes} {AmPm} / <a href="{Permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a> </div> | |
471 | ||
472 | {Photoset-500}</center> | |
473 | {/block:IndexPage} | |
474 | {block:PermalinkPage} | |
475 | <center> | |
476 | {Photoset-500}</center> | |
477 | {/block:PermalinkPage} | |
478 | {/block:Photoset} | |
479 | ||
480 | {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a | |
481 | ||
482 | href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote} | |
483 | ||
484 | {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title} | |
485 | <ul class="chat"> | |
486 | {block:Lines} | |
487 | <li class="user_{UserNumber}"> | |
488 | {block:Label} | |
489 | <span class="label">{Label}</span> | |
490 | {/block:Label} | |
491 | ||
492 | {Line} | |
493 | </li> | |
494 | {/block:Lines} | |
495 | <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> | |
496 | {/block:Chat} | |
497 | ||
498 | ||
499 | ||
500 | {block:Audio} | |
501 | <div id="audioplayer">{AudioPlayerWhite} </div> | |
502 | <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div> | |
503 | <br> | |
504 | {PlayCountWithLabel} | |
505 | {block:TrackName}<b> <br><br> Title:</b> {TrackName}{/block:TrackName}{block:Artist} <br><br><b>Artist:</b>{Artist}{/block:Artist} | |
506 | ||
507 | <br><br><br><br><br><br><br><br><br><br><br><br><br> | |
508 | <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> | |
509 | {/block:Audio} | |
510 | ||
511 | {block:Answer} | |
512 | <img src="{AskerPortraitURL-48}" width="40px" align="left" class="askborder"><div class="bubble"><span></span>{Asker} asked: {Question} </div>{Answer} | |
513 | <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a> | |
514 | {/block:Answer} | |
515 | ||
516 | ||
517 | ||
518 | {block:Video} | |
519 | {block:IndexPage} | |
520 | <center> | |
521 | <div class="perma"> | |
522 | <a href="{ReblogURL}" target="_blank"> reblog </a> </div> | |
523 | {Video-250}</center> | |
524 | {/block:IndexPage} | |
525 | {block:PermalinkPage} | |
526 | <center> | |
527 | {Video-400}</center> | |
528 | {/block:PermalinkPage} | |
529 | {block:Video} | |
530 | ||
531 | ||
532 | {block:PostNotes}<div align="middle">{caption}</div> | |
533 | <center> | |
534 | ||
535 | {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount} | |
536 | ||
537 | {block:HasTags} | |
538 | tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} | |
539 | {block:RebloggedFrom} | |
540 | reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> | |
541 | posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> | |
542 | ||
543 | {/block:RebloggedFrom} | |
544 | </center></span> | |
545 | <br> | |
546 | <div id="postnotes">{PostNotes}</div><br> | |
547 | ||
548 | <center>{block:ContentSource} | |
549 | <br><a href="{SourceURL}"> | |
550 | {lang:Source}: | |
551 | {block:SourceLogo} | |
552 | <img src="{BlackLogoURL}" width="{LogoWidth}" | |
553 | height="{LogoHeight}" alt="{SourceTitle}" /> | |
554 | {/block:SourceLogo} | |
555 | {block:NoSourceLogo} | |
556 | {SourceLink} | |
557 | {/block:NoSourceLogo} | |
558 | </a> | |
559 | {/block:ContentSource}</center> | |
560 | ||
561 | {/block:PostNotes} | |
562 | </div> | |
563 | {/block:Posts} | |
564 | </div></div> | |
565 | ||
566 | {block:IndexPage} | |
567 | {block:Pagination} | |
568 | <div id="pagination"> | |
569 | {block:NextPage} | |
570 | <a id="nextPage" href="{NextPage}"></a> | |
571 | {/block:NextPage} | |
572 | {block:PreviousPage} | |
573 | <a href="{PreviousPage}"></a> | |
574 | {/block:PreviousPage} | |
575 | </div> | |
576 | {/block:Pagination} | |
577 | {/block:IndexPage} | |
578 | ||
579 | <BODY onselectstart="return false;" ondragstart="return false;"> | |
580 | ||
581 | <div id="cred" style="position:fixed; bottom:15px; left:10px;"> | |
582 | <font size="1"><a href="http://desui.tumblr.com" title="desui"><i><font size="0.7"></font></i>credit</a></font> | |
583 | ||
584 | </body> | |
585 | ||
586 | ||
587 | </html> |