API tools faq
paste
Advertisement
cleuron

papersquake

cleuron
Jul 8th, 2015
1,116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. </a>
  5.  
  6. <!--papersquake theme by daenso @ tumblr
  7. don't copy, don't redistribute, don't use as base
  8. don't mix parts of this theme with other users' themes
  9. don't remove the credit, thank you-->
  10.  
  11. <head>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,
  16. tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script>
  17.  
  18. {block:indexpage}<script type="text/javascript">$(window).scroll(function(e){ $el = $('.header2'); if ($(this).scrollTop() > 100 && $el.css('position') != 'fixed'){ $('.header2').css({'position': 'fixed', 'top': '0px'}); } if ($(this).scrollTop() < 100 && $el.css('position') == 'fixed') {$('.header2').css({'position': 'absolute', 'top': '300px'}); } });</script>{/block:indexpage}
  19.  
  20. <script type="text/javascript">$(function() {
  21. $(window).scroll(function(){var scrollTop = $(window).scrollTop();
  22. if(scrollTop != 0) $('.header2, .side').stop().animate({'opacity':'0.6'},400); else $('.header2, .side, .header2:hover desc').stop().animate({'opacity':'1'},400);}); $('.header2, .side').hover(function (e) {var scrollTop = $(window).scrollTop();
  23. if(scrollTop != 0){$('.header2, .side, .header2:hover desc').stop().animate({'opacity':'1'},400);}},
  24. function (e) {var scrollTop = $(window).scrollTop();
  25. if(scrollTop != 0){$('.header2, .side').stop().animate({'opacity':'0.6'},400);
  26. }});});</script>
  27.  
  28. <script type="text/javascript">$(function($){ function injector(t, splitter, klass, after) { var a = t.text().split(splitter), inject = ''; if (a.length) { $(a).each(function(i, item) { inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after; }); t.empty().append(inject);}} var methods = { init : function() { return this.each(function() { injector($(this), '', 'char', '');
  29. });}, words : function() { return this.each(function() { injector($(this), ' ', 'word', ' '); }); }, lines : function() { return this.each(function() {
  30. var r = "eefec303079ad17405c889e092e105b0"; injector($(this).children("br").replaceWith(r).end(), r, 'line', ''); }); }}; $.fn.lettering = function( method ) { if ( method && methods[method] ) { return methods[ method ].apply( this, [].slice.call( arguments, 1 )); } else if ( method === 'letters' || ! method ) { return methods.init.apply( this, [].slice.call( arguments, 0 ) ); } $.error( 'Method ' + method + ' does not exist on jQuery.lettering' );
  31. return this; }; })(jQuery);</script>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38. <meta name="color:background" content="#fff"/>
  39. <meta name="color:header bg" content="#fff"/>
  40. <meta name="color:text" content="#c6c4c4"/>
  41. <meta name="color:border posts" content="#eee"/>
  42. <meta name="color:scrollbar" content="#bdd9da"/>
  43. <meta name="color:header" content="#bdd9da"/>
  44. <meta name="color:sidelinks" content="#e0eae9"/>
  45. <meta name="color:bordering" content="#ffc3ce" />
  46. <meta name="color:side" content="#d4ebec" />
  47. <meta name="color:links" content="#bdd9da"/>
  48. <meta name="color:links hover" content="#dededf"/>
  49. <meta name="color:desc links" content="#f2cccc" />
  50. <meta name="color:perma" content="#e2e2e2"/>
  51. <meta name="color:perma links" content="#7fc6c8"/>
  52. <meta name="color:tags" content="#bbcfd1"/>
  53. <meta name="color:details" content="#ddd"/>
  54. <meta name="color:posts" content="#ffffff"/>
  55. <meta name="color:posttitle" content="#d1d1d1"/>
  56. <meta name="color:posttitle hover" content="#bdd9da"/>
  57.  
  58. <meta name="if:showcaptions" content="1" />
  59. <meta name="if:fadephotoset" content="1" />
  60. <meta name="if:250px posts" content="1" />
  61. <meta name="if:400px posts" content="0" />
  62. <meta name="if:500px posts" content="0" />
  63. <meta name="if:infinitescroll" content="0" />
  64.  
  65. <meta name="text:title1" content="title 1"/>
  66. <meta name="text:link1" content="url link 1"/>
  67. <meta name="text:icon1" content="http://i.imgur.com/ab0rvg8.png"/>
  68. <meta name="text:subtitle1" content="subtitle 1"/>
  69. <meta name="text:title2" content="title 2"/>
  70. <meta name="text:link2" content="url link 2"/>
  71. <meta name="text:icon2" content="http://i.imgur.com/nBql56d.png"/>
  72. <meta name="text:subtitle2" content="subtitle 2"/>
  73. <meta name="text:title3" content="title 3"/>
  74. <meta name="text:link3" content="url link 3"/>
  75. <meta name="text:icon3" content="http://i.imgur.com/o0cgAb9.png"/>
  76. <meta name="text:subtitle3" content="subtitle 3"/>
  77. <style type="text/css">
  78.  
  79. {block:indexpage}{block:iffadephotoset}
  80. .entry img, .entry iframe {opacity:0.8; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;} .entry:hover img, .entry:hover iframe {opacity:1; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}{/block:iffadephotoset}{/block:indexpage}
  81.  
  82. body {
  83. margin:0px;
  84. color:{color:text};
  85. font-family:trebuchet, arial, helvetica;
  86. font-size:10px;
  87. font-weight:100;
  88. overflow-y:scroll;
  89. overflow-x:hidden;
  90. word-wrap:break-word;
  91. background:{color:background};
  92. }
  93.  
  94. a {
  95. color:{color:links};
  96. text-decoration: none;
  97. transition-duration: 0.5s;
  98. -moz-transition-duration: 0.5s;
  99. -webkit-transition-duration: 0.5s;
  100. -o-transition-duration: 0.5s;
  101. }
  102.  
  103. a:hover {
  104. opacity:1;
  105. color:{color:links hover};
  106. -webkit-transition: all 0.5s ease;
  107. -moz-transition: all 0.5s ease;
  108. -o-transition: all 0.5s ease;
  109. transition: all 0.5s ease;
  110. }
  111.  
  112. ::selection {background:{color:side};color: {color:posts};}
  113. ::-moz-selection {background:{color:side};color: {color:posts};}
  114. ::-webkit-selection {background:{color:side};color: {color:posts};}
  115.  
  116. blockquote {
  117. width:90%;
  118. border-left:1px dotted {color:border posts};
  119. margin-left:auto;
  120. font-size:9px;
  121. margin-right:auto;
  122. padding-left:5px;
  123. padding-right:5px;
  124. padding-top:0px;
  125. padding-bottom:0px;
  126. }
  127.  
  128. pre {
  129. width:100%;
  130. font-size:9x;
  131. border:1px dotted {color:border posts};
  132. border-radius:3px;
  133. padding:3px;
  134. letter-spacing:1px;
  135. margin-left:auto;
  136. margin-right:auto;
  137. white-space:pre-wrap;
  138. word-wrap:break-word;
  139. }
  140.  
  141. #s-m-t-tooltip{
  142. background:{color:links};
  143. color:{color:posts};
  144. max-width:320px;
  145. margin-top:-40px;
  146. letter-spacing:1px;
  147. margin-left:-15px;
  148. padding:5px 10px 5px 10px;
  149. font-weight:500;
  150. z-index:99999999999999;
  151. font-family:trebuchet, helvetica;
  152. font-size:8px;
  153. text-transform:uppercase;
  154. line-height:9px;
  155. }
  156.  
  157. ::-webkit-scrollbar {width:7px; height:9px;}
  158.  
  159. ::-webkit-scrollbar-thumb {background: transparent; border-left:2px solid {color:scrollbar};}
  160.  
  161. ::-webkit-scrollbar-track{background: transparent;}
  162.  
  163. iframe#tumblr_controls {top:0px!important; right:8px!important; position:fixed!important; z-index:999999999!important; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);
  164. filter: invert(100%); opacity:0.2;}
  165.  
  166. #contain {
  167. overflow:hidden;
  168. position:relative;
  169. height:auto;
  170. margin-left:auto;
  171. margin-right:auto;
  172. {block:if500pxposts}width:580px; padding-top:100vh;{/block:if500pxposts}
  173. {block:if400pxposts}width:480px; padding-top:100vh;{/block:if400pxposts}
  174. {block:if250pxposts}width:330px; padding-top:100vh;{/block:if250pxposts}
  175. {block:permalinkpage}width:580px; padding-top:150px;{/block:permalinkpage}
  176. }
  177.  
  178. .entry {
  179. float:left;
  180. position:relative;
  181. background:{color:posts};
  182. color:{color:text};
  183. border-radius:1px;
  184. border:1px solid {color:border posts};
  185. font-size:9px;
  186. border-radius:5px;
  187. text-transform:uppercase;
  188. margin-bottom:300px;margin-left:10px;
  189. padding:30px 30px 40px 30px;
  190. {block:if500pxposts}width:500px;{/block:if500pxposts}
  191. {block:if400pxposts}width:400px;{/block:if400pxposts}
  192. {block:if250pxposts}width:250px;{/block:if250pxposts}
  193. {block:permalinkpage}width:500px;{/block:permalinkpage}
  194. }
  195.  
  196. .entry a{color:{color:links};}
  197. .entry a:hover{color:{color:links hover};}
  198.  
  199. h2 h3{font-size:16px;
  200. margin:0px 4px 0px 4px;
  201. text-transform:uppercase;
  202. position:absolute;
  203. margin-top:5px;
  204. margin-left:-20px;
  205. color:white;
  206. font-weight:normal;
  207. background:{color:links};
  208. padding:0px 4px 2px 6px;
  209. z-index:9999;
  210. }
  211.  
  212. h2 h4{font-size:16px;
  213. margin:0px 4px 0px 4px;
  214. text-transform:uppercase;
  215. position:absolute;
  216. margin-top:5px;
  217. margin-left:320px;
  218. color:white;
  219. font-weight:normal;
  220. background:{color:links};
  221. padding:0px 4px 2px 6px;
  222. z-index:9999;
  223. }
  224.  
  225. h2 h4:hover, h2 h3:hover{
  226. box-shadow:inset 30px -10px 10px {color:sidelinks};
  227. opacity:0.7;
  228. }
  229.  
  230. .header2{
  231. max-height:150px;
  232. min-height:50px;
  233. position:fixed;
  234. background:{color:header bg};
  235. left:50%;
  236. z-index:9999;
  237. overflow:hidden;
  238. {block:if500pxposts}width:580px; top:300px; margin-left:-290px;{/block:if500pxposts} {block:if400pxposts}width:480px; top:300px; margin-left:-240px;{/block:if400pxposts} {block:if250pxposts}width:330px; top:300px; margin-left:-165px;{/block:if250pxposts} {block:permalinkpage}width:580px; top:0px; opacity:0.6; margin-left:-290px;{/block:permalinkpage}
  239. -webkit-transition: all 0.8s ease;
  240. -moz-transition: all 0.8s ease;
  241. -o-transition: all 0.8s ease;
  242. transition: all 0.8s ease;
  243. }
  244.  
  245. .header2:hover{{block:permalinkpage}opacity:1;{/block:permalinkpage}
  246. -webkit-transition: all 0.8s ease;
  247. -moz-transition: all 0.8s ease;
  248. -o-transition: all 0.8s ease;
  249. transition: all 0.8s ease;
  250. }
  251.  
  252. .header2 p{
  253. font-size:20px;
  254. text-transform:uppercase;
  255. font-family:georgia;
  256. color:{color:header};
  257. text-align:center;
  258. -webkit-transition: all 0.8s ease;
  259. -moz-transition: all 0.8s ease;
  260. -o-transition: all 0.8s ease;
  261. transition: all 0.8s ease;
  262. }
  263.  
  264. .header2 p::first-letter {
  265. font-style:italic;
  266. border-bottom: 1px solid {color:desc links};
  267. }
  268.  
  269. .desc{
  270. font-size:8px;
  271. top:-15px;
  272. min-height:10px;
  273. max-height:60px;
  274. overflow-y:auto;
  275. text-transform:uppercase;
  276. color:{color:text};
  277. text-align:center;
  278. padding:5px 10px 0px 10px;
  279. margin:0px 30px 0px 30px;
  280. position:relative;
  281. line-height:8px;
  282. font-family:arial;
  283. letter-spacing:0px;
  284. opacity:1;
  285. -webkit-transition: all 0.8s ease;
  286. -moz-transition: all 0.8s ease;
  287. -o-transition: all 0.8s ease;
  288. transition: all 0.8s ease;
  289. }
  290.  
  291. .desc a{color:{color:desc links}; letter-spacing:2px;}
  292. .desc a:hover{color:{color:links hover}; letter-spacing:2px;}
  293.  
  294. .desc::first-letter, .desc b{
  295. font-size:12px;
  296. line-height:8px;
  297. display:inline-block;
  298. font-style:italic;
  299. font-family:georgia;
  300. color:{color:header};
  301. }
  302.  
  303. .entry::before{
  304. content:"";
  305. width:30px;
  306. height:30px;
  307. border-radius:5px 0px 5px 0px;
  308. position:absolute;
  309. border-top:1px solid {color:border posts};
  310. border-left:1px solid {color:border posts};
  311. top:100%; margin-top:-30px;
  312. left:100%; margin-left:-30px;
  313. z-index:999;
  314. }
  315.  
  316. .entry::after{
  317. content:"";
  318. width:41px;
  319. height:1px;
  320. position:absolute;
  321. top:100%; margin-top:-15px;
  322. left:100%; margin-left:-35px;
  323. z-index:999;
  324. background:{color:border posts};
  325. -ms-transform: rotate(-45deg);
  326. -webkit-transform: rotate(-45deg);
  327. -moz-transform: rotate(-45deg);
  328. -o-transform: rotate(-45deg);
  329. transform: rotate(-45deg);
  330. }
  331.  
  332. .entry img {max-width:100%;}
  333.  
  334. .triangle{
  335. width:0;
  336. height:0;
  337. position:absolute;
  338. top:100%; margin-top:-30px;
  339. left:100%; margin-left:-30px;
  340. border-bottom:31px solid {color:background};
  341. border-left:31px solid transparent;
  342. }
  343.  
  344. #tags {
  345. font-family:helvetica;
  346. font-size:8px;
  347. line-height:9px;
  348. color:{color:tags};
  349. }
  350.  
  351. #tags a {color:{color:tags};}
  352. #tags a:hover {color:{color:links hover};}
  353.  
  354. ol.notes {list-style:none;}
  355. li.note{margin-bottom:5px;}
  356.  
  357. ol.notes li.note span.action, ol.notes li.note.blockquote, ol.notes li.note.answer_content{padding:5px; color:{color:text}; display:inline-block; margin-left:22px;}
  358.  
  359. ol.notes li.note a {color:{color:tags};}
  360.  
  361. img.avatar { width:10px; height:10px; padding:4px; border:1px solid {color:border posts}; display:inline-block; position:absolute;}
  362.  
  363. #notes {
  364. width:460px;
  365. height:100px;
  366. overflow-y:auto;
  367. margin-top:30px;
  368. border-top:1px solid #eee;
  369. font-size:9px;
  370. text-transform:uppercase;
  371. position:relative;
  372. margin-left:auto;
  373. margin-right:auto;
  374. padding-bottom:10px;
  375. }
  376.  
  377. #perma{
  378. width:560px;
  379. height:600px;
  380. margin-left:-30px;
  381. top:100%; margin-top:20px;
  382. position:absolute;
  383. color:{color:perma};
  384. font-size:8px;
  385. letter-spacing:1px;
  386. text-align:left;
  387. }
  388.  
  389. #permalinkpage {
  390. width:560px;
  391. height:12px;
  392. padding-top:4px;
  393. position:absolute;
  394. font-family:calibri, helvetica;
  395. text-transform:uppercase;
  396. padding:5px 0px 0px 0px;
  397. letter-spacing:0px;
  398. color:#ccc;
  399. position:relative;
  400. font-size:11px;
  401. text-align:left;
  402. }
  403.  
  404. #permalinkpage a {color:{color:perma links};}
  405. #permalinkpage a:hover {color:{color:links hover};}
  406.  
  407. #details{
  408. {block:if500pxposts}width:25px;{/block:if500pxposts}{block:if400pxposts}width:25px;{/block:if400pxposts}{block:if250pxposts}width:75px;{/block:if250pxposts}
  409. height:23px;
  410. margin-left:-30px;
  411. margin-top:-30px; top:100%;
  412. font-family: Times;
  413. text-transform: lowercase;
  414. font-style: italic;
  415. position: absolute;
  416. color:{color:details};
  417. font-size: 15px;
  418. line-height:4px;
  419. padding:6px 35px 0px 0px;
  420. text-align:right;
  421. opacity:0;
  422. transform: scale(2);
  423. -moz-transform: scale(2);
  424. -webkit-transform: scale(2);
  425. -ms-transform: scale(2);
  426. -o-transform: scale(2);
  427. transition: all 0.5s ease-in-out 0.1s;
  428. -moz-transition: all 0.5s ease-in-out 0.1s;
  429. -o-transition: all 0.5s ease-in-out 0.1s;
  430. -webkit-transition: all 0.5s ease-in-out 0.1s;
  431. -ms-transition: all 0.5s ease-in-out 0.1s;
  432. }
  433.  
  434. #details p{
  435. font-size:11px;
  436. line-height:2px;
  437. text-align:right;
  438. text-transform:uppercase;
  439. letter-spacing:1px;
  440. }
  441.  
  442. #details2{
  443. {block:if500pxposts}width:500px;{/block:if500pxposts}{block:if400pxposts}width:400px;{/block:if400pxposts}{block:if250pxposts}width:250px;{/block:if250pxposts}
  444. height:auto;
  445. word-wrap:break-word;
  446. margin-left:-30px;
  447. top:100%; margin-top:10px;
  448. font-family: helvetica;
  449. text-transform: uppercase;
  450. letter-spacing:1px;
  451. position: absolute;
  452. color:{color:details};
  453. font-size: 8px;
  454. padding:6px 30px 0px 30px;
  455. text-align:center;
  456. opacity:0;
  457. transition: all 0.8s ease-in-out 0.1s;
  458. -moz-transition: all 0.8s ease-in-out 0.1s;
  459. -o-transition: all 0.8s ease-in-out 0.1s;
  460. -webkit-transition: all 0.8s ease-in-out 0.1s;
  461. -ms-transition: all 0.8s ease-in-out 0.1s;
  462. }
  463.  
  464. #details2 a{color:{color:details};}
  465. #details2 a:hover{color:{color:links};}
  466.  
  467. .entry:hover #details2{opacity:1;
  468. transition: all 0.8s ease-in-out 0.1s;
  469. -moz-transition: all 0.8s ease-in-out 0.1s;
  470. -o-transition: all 0.8s ease-in-out 0.1s;
  471. -webkit-transition: all 0.8s ease-in-out 0.1s;
  472. -ms-transition: all 0.8s ease-in-out 0.1s;}
  473.  
  474. .entry:hover #details {{block:if500pxposts}width:525;{/block:if500pxposts}{block:if400pxposts}width:425px;{/block:if400pxposts}{block:if250pxposts}width:275px;{/block:if250pxposts}opacity:1;
  475. transition: all 0.8s ease-in-out 0.1s;
  476. -moz-transition: all 0.8s ease-in-out 0.1s;
  477. -o-transition: all 0.8s ease-in-out 0.1s;
  478. -webkit-transition: all 0.8s ease-in-out 0.1s;
  479. -ms-transition: all 0.8s ease-in-out 0.1s;
  480. transform: scale(1);
  481. -moz-transform: scale(1);
  482. -webkit-transform: scale(1);
  483. -ms-transform: scale(1);
  484. -o-transform: scale(1);
  485. }
  486.  
  487. #audioplayer {
  488. width:25px;
  489. height:25px;
  490. padding-left:5px;
  491. padding-bottom:3px;
  492. padding-right:2px;
  493. overflow:hidden;
  494. position:absolute;
  495. margin-left:6px;
  496. margin-top:11px;
  497. opacity:0.8;
  498. transition: all 0.3s ease-in-out 0.1s;
  499. -moz-transition: all 0.3s ease-in-out 0.1s;
  500. -o-transition: all 0.3s ease-in-out 0.1s;
  501. -webkit-transition: all 0.3s ease-in-out 0.1s;
  502. -ms-transition: all 0.3s ease-in-out 0.1s;
  503. }
  504.  
  505. #audioplayer:hover{opacity:1;
  506. transition: all 0.3s ease-in-out 0.1s;
  507. -moz-transition: all 0.3s ease-in-out 0.1s;
  508. -o-transition: all 0.3s ease-in-out 0.1s;
  509. -webkit-transition: all 0.3s ease-in-out 0.1s;
  510. -ms-transition: all 0.3s ease-in-out 0.1s;
  511. }
  512.  
  513. #albumart { width:50px; height:50px; float:left; margin:0px 10px 0px 0px;}
  514.  
  515. #audioinfo{
  516. width:auto;
  517. height:40px;
  518. font-size:9px;
  519. letter-spacing:1px;
  520. color:{color:posts};
  521. background:{color:side};
  522. margin-left:50px;
  523. font-weight:bold;
  524. padding-top:10px;
  525. border-right:5px solid {color:header};
  526. }
  527.  
  528. #askeru{
  529. width:40px;
  530. height:40px;
  531. background:{color:posts};
  532. border:1px solid {color:border posts};
  533. position:absolute;
  534. }
  535.  
  536. #askeru img{
  537. margin:5px;
  538. width:30px;
  539. height:30px;
  540. border-radius:100%;
  541. }
  542.  
  543. #askery {
  544. padding:3px 3px 4px 3px;
  545. {block:if500pxposts}width:464px;{/block:if500pxposts}{block:if400pxposts}width:364px;{/block:if400pxposts}{block:if250pxposts}width:214px;{/block:if250pxposts}{block:permalinkpage}width:464px;{/block:permalinkpage}
  546. margin-left:30px;
  547. overflow:hidden;
  548. height:15px;
  549. text-align:left;
  550. font-family:times;
  551. text-transform:uppercase;
  552. font-style:italic;
  553. margin-top:11px;
  554. background:{color:side};
  555. font-weight:bold;
  556. line-height:16px;
  557. color:{color:posts};
  558. -webkit-transition: all 0.5s ease-out;
  559. -moz-transition: all 0.5s ease-out;
  560. -o-transition: all 0.5s ease-out;
  561. -ms-transition: all 0.5s ease-out;
  562. transition: all 0.5s ease-out;
  563. display:inline-block;
  564. font-size:12px;
  565. }
  566.  
  567. #askery a:hover { color:{color:links hover};
  568. -webkit-transition: all 0.5s ease-out;
  569. -moz-transition: all 0.5s ease-out;
  570. -o-transition: all 0.5s ease-out;
  571. -ms-transition: all 0.5s ease-out;
  572. transition: all 0.5s ease-out;
  573. }
  574. #askery a { color:{color:posts};
  575. -webkit-transition: all 0.5s ease-out;
  576. -moz-transition: all 0.5s ease-out;
  577. -o-transition: all 0.5s ease-out;
  578. -ms-transition: all 0.5s ease-out;
  579. transition: all 0.5s ease-out;
  580. }
  581.  
  582. .question {
  583. padding:5px 1px 4px 4px;
  584. margin-left:45px; margin-right:6px;
  585. word-wrap:break-word;
  586. font-family:helvetica;
  587. text-align:right;
  588. text-transform:uppercase;
  589. font-size:9px;
  590. margin-top:10px;
  591. color:{color:text};
  592. background-color:{color:posts};
  593. z-index:9;
  594. }
  595.  
  596. #answer {
  597. padding:2px 10px 2px 10px;
  598. font-family:helvetica;
  599. border-left:2px solid{color:border posts};
  600. border-top:2px solid {color:border posts};
  601. text-align:left; font-size:9px;
  602. margin-top:10px;
  603. color:{color:text};
  604. z-index:9;
  605. }
  606.  
  607. #answer a{color:{color:text};
  608. text-decoration:underline;}
  609. #answer a:hover{color:{color:links};}
  610.  
  611. #posttitle {
  612. padding:2px 6px 5px 6px;
  613. text-align:center;
  614. border-bottom:2px solid {color:side};
  615. color:{color:posttitle};
  616. font-size:10px;
  617. letter-spacing:1px;
  618. font-family:trebuchet;
  619. margin-bottom:-5px;
  620. text-transform:uppercase;
  621. }
  622.  
  623. #posttitle a { color:{color:posttitle}; }
  624. #posttitle a:hover { color:{color:posttitle hover};}
  625.  
  626. #linko{
  627. padding:0px 6px 3px 6px;
  628. text-align:center;
  629. color:white;
  630. font-size:10px;
  631. letter-spacing:4px;
  632. font-family:trebuchet ms;
  633. margin-bottom:-5px;
  634. text-transform:uppercase;
  635. }
  636.  
  637. #quotation {
  638. padding:1px 4px 8px 4px;
  639. color:{color:links};
  640. text-align:center;
  641. font-weight:bold;
  642. font-size:12px;
  643. line-height:12px;
  644. font-family:georgia;
  645. text-transform:lowercase;
  646. }
  647.  
  648. #credit{
  649. width:17px;
  650. height:14px;
  651. font-size:24px;
  652. line-height:5px;
  653. letter-spacing:-2px;
  654. color:{color:posts};
  655. font-family:trebuchet ms;
  656. font-weight:bold;
  657. text-align:center;
  658. position:fixed;
  659. bottom:7px; right:5px;
  660. z-index:99999;
  661. }
  662.  
  663. #credit a{color:{color:posts};}
  664. #credit a:hover{color:{color:posts};}
  665.  
  666. .side{
  667. width:100vw;
  668. height:45px;
  669. background:{color:side};
  670. position:fixed;
  671. bottom:0; left:0;
  672. z-index:9;
  673. }
  674.  
  675. .side h2 {
  676. font-size: 9px;
  677. text-transform: uppercase;
  678. width: 330px;
  679. height: 30px;
  680. background:{color:side};
  681. font-family: 'McLaren', Arial;
  682. font-weight: 400;
  683. position: relative;
  684. margin-left:auto;
  685. margin-right:auto;
  686. z-index:99999;
  687. }
  688.  
  689. .cs-text:before,
  690. .cs-text:after {
  691. content: " ";
  692. display: table;
  693. }
  694.  
  695. .cs-text:after {
  696. clear: both;
  697. }
  698.  
  699. .side h2 span {
  700. cursor: default;
  701. display: block;
  702. float: left;
  703. width: 30px;
  704. height: 30px;
  705. z-index:99999;
  706. text-align: center;
  707. margin: 0 0 0 20px;
  708. color: rgba(255,255,255,0.95);
  709. -webkit-transition: all 0.4s ease-in-out;
  710. -moz-transition: all 0.4s ease-in-out;
  711. -o-transition: all 0.4s ease-in-out;
  712. -ms-transition: all 0.4s ease-in-out;
  713. transition: all 0.4s ease-in-out;
  714. }
  715.  
  716. .side h2 span img{
  717. height:12px;
  718. width:12px;
  719. margin:8px;
  720. opacity:1;
  721. -webkit-transition: all 0.4s ease-in-out;
  722. -moz-transition: all 0.4s ease-in-out;
  723. -o-transition: all 0.4s ease-in-out;
  724. -ms-transition: all 0.4s ease-in-out;
  725. transition: all 0.4s ease-in-out;
  726. }
  727.  
  728. .side h2 span img:hover{
  729. opacity:0.5;
  730. -webkit-transition: all 0.4s ease-in-out;
  731. -moz-transition: all 0.4s ease-in-out;
  732. -o-transition: all 0.4s ease-in-out;
  733. -ms-transition: all 0.4s ease-in-out;
  734. transition: all 0.4s ease-in-out;
  735. }
  736.  
  737. .side h2 span:hover{
  738. box-shadow:inset 30px -10px 10px {color:sidelinks};
  739. }
  740.  
  741.  
  742. </style>
  743.  
  744. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/puouuyx/qepnyhkgm/infinitescrolling.min.js"></script>{/block:IfInfiniteScroll}
  745.  
  746. </head>
  747. <body>
  748.  
  749. <div class="side">
  750. <h2><span><a href="/" title="refresh"><img src="http://i.imgur.com/TYRciLt.png"></a></span>
  751. <span><a href="/archive" title="past"><img src="http://i.imgur.com/sKhzl21.png"></a></span>
  752. <span><a href="/ask" title="mail"><img src="http://i.imgur.com/c9TgylY.png"></a></span>
  753. <span><a href="{text:link1}" title="{text:title1}"><img src="{text:icon1}"></a></span>
  754. <span><a href="{text:link2}" title="{text:title2}"><img src="{text:icon2}"></a></span>
  755. <span><a href="{text:link3}" title="{text:title3}"><img src="{text:icon3}"></a></span>
  756.  
  757. {block:ifnotinfinitescroll}{block:pagination}<center>{block:PreviousPage}<a href="{PreviousPage}" title="back"><h3>«</h3></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="go on"><h4>»</h4></a>{/block:NextPage}</center>{/block:pagination}{/block:ifnotinfinitescroll}
  758.  
  759. <h2>
  760. </div>
  761.  
  762. <div class="header2"><center><p><span style="border-bottom:1px dotted {color:border posts};">{title}</span></p></center>
  763. <div class="desc">{description}</div></div>
  764.  
  765. <div id="contain">
  766.  
  767. <div class="autopagerize_page_element">
  768. {block:Posts}
  769. <div class="entry">
  770.  
  771. <div class="triangle"></div>
  772.  
  773. {block:indexpage}{block:date}<div id="details"><!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}--><a href="{permalink}" title="permalink">{DayOfMonthWithZero}</a> / {MonthNumberWithZero} / <a href="{reblogurl}" title="reblog?">{ShortYear}</a><br>
  774. <p>{NoteCount}#</p>
  775. </div> {/block:date}
  776.  
  777. <div id="details2">{block:Tags}<a href="{TagURL}"> .{Tag} </a>{/block:Tags}</div>{/block:indexpage}
  778.  
  779. {block:ContentSource}
  780. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  781. {/block:SourceLogo}
  782. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  783. {/block:ContentSource}
  784.  
  785. {block:Photo}
  786. {block:indexpage}
  787. <div id="photo">{LinkOpenTag}
  788. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  789. {LinkCloseTag}</div>
  790. {/block:IndexPage}
  791. {block:permalinkpage}
  792. <div id="photo">{LinkOpenTag}
  793. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  794. {LinkCloseTag}</div>
  795. {/block:PermalinkPage}
  796. {block:ifShowCaptions}{block:Indexpage}
  797. {block:Caption}{Caption}{/block:Caption}
  798. {/block:Indexpage}{/block:ifShowCaptions}
  799. {block:PermalinkPage}
  800. {block:Caption}{Caption}{/block:Caption}
  801. {/block:PermalinkPage}
  802. {/block:Photo}
  803.  
  804.  
  805. {block:Photoset}
  806. {block:indexpage}
  807. <div id="photoset">
  808. {block:if500pxposts}{photoset-500}{/block:if500pxposts}
  809. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  810. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  811. </div>
  812. {/block:IndexPage}
  813. {block:PermalinkPage}
  814. <div id="photoset">{Photoset-500}</div>
  815. {/block:PermalinkPage}
  816. {block:ifShowCaptions}
  817. {block:Indexpage}
  818. {block:Caption}{Caption}{/block:Caption}
  819. {/block:Indexpage}
  820. {/block:ifShowCaptions}
  821. {block:PermalinkPage}
  822. {block:Caption}{Caption}{/block:Caption}
  823. {/block:PermalinkPage}
  824. {/block:Photoset}
  825.  
  826.  
  827. {block:Video}
  828. {block:IndexPage}<div id="video">
  829. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  830. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  831. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  832. </div>
  833. {/block:IndexPage}
  834. {block:PermalinkPage}
  835. <div id="video">{Video-500}</div>
  836. {/block:PermalinkPage}
  837. {block:ifShowCaptions}
  838. {block:Indexpage}
  839. {block:Caption}{Caption}{/block:Caption}
  840. {/block:Indexpage}
  841. {/block:ifShowCaptions}
  842. {block:PermalinkPage}
  843. {block:Caption}{Caption}{/block:Caption}
  844. {/block:PermalinkPage}
  845. {/block:Video}
  846.  
  847. {block:Quote}
  848. <div id="quotation">« {Quote} »</div>
  849. {block:Source}</ br> <center><div style="{block:indexpage}{block:if500pxposts}width:400px;{/block:if500pxposts}{block:if400pxposts}width:300px;{/block:if400pxposts}{block:if250pxposts}}width:150px;{/block:if250pxposts}{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage} font-size:10px; text-align:center; margin-bottom:-10px">— {Source} —</div></center><br>{/block:Source}
  850. {/block:Quote}
  851.  
  852. {block:Text}
  853. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div style="position:relative; margin-top:10px; margin-left:6px; margin-right:6px">{Body}</div>{/block:Text}
  854.  
  855. {block:Link}
  856. <div id="posttitle"><a href="{URL}" {Target}>{Name} ›</a></div><div id="linko"><span style="background:{color:side}; padding:0px 0px 0px 5px;">link</span></div>
  857. {block:Description}{Description}{/block:Description}{/block:Link}
  858.  
  859. {block:Audio}
  860. <center><div id="audioplayer">{AudioPlayerWhite}</div></center>
  861. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</div>
  862. <div id="audioinfo">{FormattedPlayCount} hits<br>
  863. {block:Artist}{Artist}{/block:Artist} : {block:TrackName}{TrackName}{/block:TrackName}<br>
  864. from: {block:Album}{Album}{/block:Album}
  865. </div>
  866. {block:ifShowCaptions}{block:Indexpage}
  867. {block:Caption}{Caption}{/block:Caption}
  868. {/block:Indexpage}{/block:ifShowCaptions}
  869. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  870. {/block:PermalinkPage}{/block:Audio}
  871.  
  872. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  873.  
  874.  
  875. {block:Answer}<div id="askeru"><img src="{AskerPortraitURL-30}"></div><div id="askery"><span style="padding-left:15px;">{asker}</span></div>
  876. <div style="margin-top:-3px;"><div class="question">{Question}</div></div>
  877.  
  878. <div id="answer">{Answer}</div>
  879. {/block:Answer}
  880.  
  881. {block:PermalinkPage}<div id="perma">
  882.  
  883. {block:date}<div id="permalinkpage"> <!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}-->{ShortMonth}, {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}{/block:date} {block:Date}{block:RebloggedFrom} : from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} by <a href="{sourceURL}">{sourcelink}</a>{/block:ContentSource}{/block:date}</div>
  884.  
  885. {block:HasTags}<div style="text-transform:uppercase;">file under {block:Tags}<div style="line-height:9px; word-wrap:break-word; display:inline-block;"><div id="tags"><a href="{TagURL}">•{Tag} </a></div></div> {/block:Tags}</div>
  886. {/block:HasTags}
  887.  
  888.  
  889. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  890. </div>{/block:PermalinkPage}</div>
  891.  
  892. {/block:posts}</div>
  893. </div>
  894.  
  895. <div id="credit"><a href="http://daenso.tumblr.com/" title="themes by dænso">...</a></div>
  896.  
  897.  
  898. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!