Isandria

DecorumLibertas Theme 1

Feb 6th, 2015
261
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.19 KB | None | 0 0
  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. <head>
  4.  
  5. <!---
  6.  
  7. THEME 16: HIDE BY LUNECERISE AKA ROMULVS
  8.  
  9. -keep credit intact
  10. -don't steal any code
  11. -don't use as a basecode
  12.  
  13. ty <3
  14.  
  15. --->
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:Background" content="#000000"/>
  23. <meta name="color:Title" content="#ffffff"/>
  24. <meta name="color:Sb Links" content="#ffffff"/>
  25. <meta name="color:Text" content="#777777"/>
  26. <meta name="color:Link" content="#aaaaaa"/>
  27. <meta name="color:Hover" content="#777777"/>
  28. <meta name="color:Post" content="#fff"/>
  29. <meta name="color:Line" content="#aaaaaa"/>
  30. <meta name="color:Accent" content="#b3b3b3"/>
  31. <meta name="color:Scrollbar" content="#ffffff"/>
  32.  
  33. <meta name="image:Background" content="">
  34.  
  35. <meta name="if:2 Columns" content="0">
  36.  
  37. <meta name="text:Blog Title" content="">
  38. <meta name="text:linkA" content="">
  39. <meta name="text:linkA URL" content="/">
  40. <meta name="text:linkB" content="">
  41. <meta name="text:linkB URL" content="/">
  42. <meta name="text:linkC" content="">
  43. <meta name="text:linkC URL" content="/">
  44. <meta name="text:linkD" content="">
  45. <meta name="text:linkD URL" content="/">
  46. <meta name="text:linkE" content="">
  47. <meta name="text:linkE URL" content="/">
  48. <meta name="text:link1" content="">
  49. <meta name="text:link1 URL" content="/">
  50. <meta name="text:link2" content="">
  51. <meta name="text:link2 URL" content="/">
  52. <meta name="text:link3" content="">
  53. <meta name="text:link3 URL" content="/">
  54. <meta name="text:link4" content="">
  55. <meta name="text:link4 URL" content="/">
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:1,
  65. tip_fade_speed:100,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  73. <script>
  74. $(document).ready(function(){
  75. $(".navigation").click(function(){
  76. $(".ofimport").slideToggle(500);
  77. });
  78. });
  79. </script>
  80.  
  81. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  82. </script>
  83.  
  84. <script>
  85. $(document).ready(function() {
  86. $('a.poplight[href^=#]').click(function() {
  87. var popID = $(this).attr('rel');
  88. var popURL = $(this).attr('href');
  89. var query= popURL.split('?');
  90. var dim= query[1].split('&');
  91. var popWidth = dim[0].split('=')[1];
  92. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  93. var popMargTop = ($('#' + popID).height() + 90) / 2;
  94. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  95. $('#' + popID).css({
  96. 'margin-top' : -popMargTop,
  97. 'margin-left' : -popMargLeft
  98. });
  99. $('body').append('<div id="fade"></div>');
  100. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  101. return false;
  102. });
  103. $('#fade').live('click', function() {
  104. $('#fade , .thepopup').fadeOut(function() {
  105. $('#fade').remove();
  106. });
  107. return false;
  108. });
  109. });
  110. </script>
  111.  
  112. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  113. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  114. <script>
  115. $(function(){
  116. var $container = $('#container');
  117. $container.imagesLoaded(function(){
  118. $container.masonry({
  119. itemSelector: '.char',
  120. });
  121. });
  122. $container.infinitescroll({
  123. itemSelector : ".char",
  124. loadingImg : "",
  125. loadingText : "<em></em>",
  126. bufferPx : 10000,
  127. extraScrollPx: 12000,
  128. },
  129. function( newElements ) {
  130. var $newElems = $( newElements ).css({ opacity: 0 });
  131. $newElems.imagesLoaded(function(){
  132. $newElems.animate({ opacity: 1 });
  133. $container.masonry( 'appended', $newElems, true );
  134. });
  135. }
  136. );
  137. });
  138. </script>
  139.  
  140. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  141. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300' rel='stylesheet' type='text/css'>
  142.  
  143. <style type="text/css">
  144.  
  145. *, body, a, a:hover {cursor: url(http://static.tumblr.com/vmteopo/3Bkn5qfil/cursor2.png), auto;}
  146.  
  147. ::-webkit-scrollbar {width:5px; height:auto; background:transparent;}
  148. ::-webkit-scrollbar-corner {background:transparent;}
  149. ::-webkit-scrollbar-thumb:vertical {background:transparent; width:3px; border-left:2px solid {color:scrollbar}; border-top:2px solid transparent;}
  150. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:4px!important;}
  151. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  152.  
  153. #s-m-t-tooltip {
  154. max-width:300px;
  155. padding: 5px 8px;
  156. margin:10px;
  157. background-color:{color:background};
  158. font-size:8px;
  159. font-style:bold;
  160. letter-spacing:1px;
  161. box-shadow:2px 2px 0.2em rgba(255,255,255,0.2);
  162. text-transform:uppercase;
  163. color:{color:title};
  164. z-index:10000000000000000000000000000000000000000000000000000000000000;
  165. -moz-transition-duration: 0.3s;
  166. -webkit-transition-duration: 0.3s;
  167. -o-transition-duration: 0.3s;
  168. }
  169.  
  170. ::selection {
  171. background-color:{color:Accent};
  172. color:white;
  173. text-shadow:none;
  174. }
  175.  
  176. ::-moz-selection {
  177. background-color:{color:accent};
  178. color:white;
  179. text-shadow:none;
  180. }
  181.  
  182. ::-o-selection {
  183. background-color:{color:accent};
  184. color:white;
  185. text-shadow:none;
  186. }
  187.  
  188. body {
  189. background:{color:background} url('{image:Background}') no-repeat fixed center;
  190. background-size:cover;
  191. font-family: 'Roboto', sans-serif;
  192. font-weight:normal;
  193. line-height:110%;
  194. font-size:9px;
  195. color:{color:text};
  196. }
  197.  
  198. a {
  199. text-decoration:none;
  200. -moz-outline-style:none;
  201. color:{color:link};
  202. transition:0.5s ease-in-out;
  203. -webkit-transition: all 0.5s ease;
  204. -moz-transition: all 0.5s ease;
  205. -o-transition: all 0.5s ease;
  206. }
  207.  
  208. a:hover {opacity:1;-webkit-filter:blur(1px);}
  209.  
  210. img {border:none;max-width:100%;}
  211.  
  212. #infscr-loading img {display:none!important;}
  213.  
  214. h1 {
  215. font-size:12px;
  216. text-transform:uppercase;
  217. color:{color:title};
  218. }
  219.  
  220. h1 a:hover {letter-spacing:2px;font-style:italic;}
  221.  
  222. h2, h3 {
  223. font-family:'Lato', sans-serif;
  224. font-size:15px;
  225. text-align:center;
  226. line-height:123%;
  227. color:{color:title};
  228. }
  229.  
  230. h3 {text-transform:uppercase;}
  231.  
  232. b, strong {font-weight:800;color:#666;}
  233.  
  234. pre {
  235. padding:3px 5px;
  236. text-transform:uppercase;
  237. white-space: pre-wrap;
  238. white-space: -moz-pre-wrap;
  239. white-space: -pre-wrap;
  240. white-space: -o-pre-wrap;
  241. word-wrap: break-word;
  242. }
  243.  
  244. ul {list-style:circle;}
  245.  
  246. ol {
  247. list-style:upper-roman;
  248. line-height:115%;
  249. }
  250.  
  251. li {list-style:circle;line-height:115%;}
  252.  
  253. blockquote {
  254. padding-left:5px;
  255. border-left:1px solid;
  256. }
  257.  
  258. blockquote blockquote {
  259. padding-left:5px;
  260. border-left:1px solid;
  261. }
  262.  
  263. #sidebar {
  264. width:250px;
  265. position:fixed;
  266. left:100px;
  267. top:45%;
  268. z-index:9999999999999999;
  269. transition:0.5s ease-in-out;
  270. -webkit-transition:0.5s ease-in-out;
  271. -moz-transition:0.5s ease-in-out;
  272. -ms-transition:0.5s ease-in-out;
  273. -o-transition:0.5s ease-in-out;
  274. }
  275.  
  276. #title {
  277. font-family:'Lato', sans-serif;
  278. text-transform:uppercase;
  279. color:{color:title};
  280. letter-spacing:-8px;
  281. width:240px;
  282. padding:5px;
  283. padding-bottom:20px;
  284. text-align:left;
  285. font-size:48px;
  286. border-bottom:1px solid {color:title};
  287. }
  288.  
  289. #title a {color:{color:title}; padding:2px 0; cursor:crosshair;}
  290. #title a:hover {text-decoration:none; -webkit-filter:none; text-shadow:3px 3px 0.2em {color:text};}
  291.  
  292. .links {
  293. padding:5px;
  294. width:240px;
  295. margin-top:-1px;
  296. text-align:left;
  297. font-size:11px;
  298. z-index:9999999999;
  299. }
  300.  
  301. .links a, .navigation a {
  302. display:inline-block;
  303. cursor:help;
  304. text-transform:lowercase;
  305. color:{color:sb links};
  306. padding:0px 2px 7px;
  307. border-bottom:transparent 1px solid;
  308. transition:0.5s ease-in-out;
  309. -webkit-transition:0.5s ease-in-out;
  310. -moz-transition:0.5s ease-in-out;
  311. -ms-transition:0.5s ease-in-out;
  312. -o-transition:0.5s ease-in-out;
  313. }
  314.  
  315. .links a:hover {
  316. padding:0px 2px 2px;
  317. border-bottom:1px solid {color:sb links};
  318. text-decoration:none;
  319. }
  320.  
  321. #desc {
  322. font-size:10px;
  323. width:240px;
  324. padding:5px;
  325. color:{color:text};
  326. opacity:0;
  327. margin-top:-50px;
  328. line-height:102%;
  329. transition:0.6s ease-in-out;
  330. -webkit-transition:0.6s ease-in-out;
  331. -moz-transition:0.6s ease-in-out;
  332. -ms-transition:0.6s ease-in-out;
  333. -o-transition:0.6s ease-in-out;
  334. }
  335.  
  336. #sidebar:hover #desc {
  337. opacity:1;
  338. margin-top:-10px;
  339. }
  340.  
  341. .ofimport {display:none;}
  342.  
  343. #relinks {
  344. width:240px;
  345. margin-top:5px;
  346. letter-spacing:2px;
  347. height:auto;
  348. transition:0.5s ease-in-out;
  349. -webkit-transition:0.5s ease-in-out;
  350. -moz-transition:0.5s ease-in-out;
  351. -ms-transition:0.5s ease-in-out;
  352. -o-transition:0.5s ease-in-out;
  353. }
  354.  
  355. #relinks a {
  356. display:block;
  357. background:transparent;
  358. color:{color:title};
  359. text-transform:uppercase;
  360. padding:3px;
  361. font-size:9px;
  362. border-bottom:1px solid {color:title};
  363. -webkit-filter:brightness(150%);
  364. box-shadow:inset 0 0 0 0 #fff;
  365. transition:0.5s ease-in-out;
  366. -webkit-transition:0.5s ease-in-out;
  367. -moz-transition:0.5s ease-in-out;
  368. -ms-transition:0.5s ease-in-out;
  369. -o-transition:0.5s ease-in-out;
  370. }
  371.  
  372. #relinks a:hover {
  373. box-shadow:inset 5px 0 0 0 {color:title};
  374. padding-left:10px;
  375. text-decoration:none;
  376. }
  377.  
  378. #relinks a:last-child {border:none;}
  379.  
  380. .navigation a {width:240px;}
  381.  
  382. #pagi {
  383. position:fixed;
  384. bottom:50%;
  385. right:0;
  386. width:250px;
  387. text-align:center;
  388. padding:5px;
  389. font-size:10px;
  390. }
  391.  
  392. #pagi a {text-transform:uppercase;color:{color:link};}
  393.  
  394. #pagi a:hover {letter-spacing:0.6em; text-decoration:none;}
  395.  
  396. .theme {
  397. margin:auto;
  398. margin-bottom:50px;
  399. text-align:center;
  400. {block:ifnot2Columns}width:450px;{/block:ifnot2Columns}
  401. {block:if2Columns}width:691px;{/block:if2Columns}
  402. {block:PermalinkPage}width:320px;{/block:PermalinkPage}
  403. }
  404.  
  405. #all {
  406. padding:10px;
  407. margin:50px auto;
  408. {block:ifnot2Columns}width:440px;font-size:10px;{/block:ifnot2Columns}
  409. {block:if2Columns}width:650px;font-size:9px;{/block:if2Columns}
  410. {block:PermalinkPage}width:320px;{/block:PermalinkPage}
  411. }
  412.  
  413. #posts {
  414. {block:ifnot2Columns}width:400px;{/block:ifnot2Columns}
  415. {block:if2Columns}width:250px;{/block:if2Columns}
  416. padding:20px;
  417. text-align:left;
  418. position:relative;
  419. float:left;
  420. padding-bottom:0px;
  421. margin:5px 10px 50px;
  422. background-color:{color:Post};
  423. box-shadow:2px 2px 0.2em rgba(0,0,0,0.3);
  424. -ms-word-break: break-all;
  425. word-break: break-all;
  426. word-break: break-word;
  427. -webkit-hyphens: auto;
  428. -moz-hyphens: auto;
  429. -ms-hyphens: auto;
  430. hyphens: auto;
  431. transition:0.5s ease-in-out;
  432. -webkit-transition:0.5s ease-in-out;
  433. -moz-transition:0.5s ease-in-out;
  434. -ms-transition:0.5s ease-in-out;
  435. -o-transition:0.5s ease-in-out;
  436. }
  437.  
  438. #posts:hover #perma {
  439. opacity:1;
  440. margin-top:5px;
  441. margin-bottom:-5px;
  442. }
  443.  
  444. #perma {
  445. text-align:center;
  446. font-size:10px;
  447. margin-top:-10px;
  448. opacity:0;
  449. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  450. transition:0.5s ease-in-out;
  451. -webkit-transition:0.5s ease-in-out;
  452. -moz-transition:0.5s ease-in-out;
  453. -ms-transition:0.5s ease-in-out;
  454. -o-transition:0.5s ease-in-out;
  455. }
  456.  
  457. #perma a {text-shadow:2px 2px 0.2em {color:background};text-decoration:none;}
  458.  
  459. #perma a:after {
  460. display:block;
  461. margin-top:0px;
  462. margin-left:50%;
  463. color: transparent;
  464. content: '•';
  465. text-shadow: 0 0 transparent;
  466. font-size: 10px;
  467. -webkit-transition: text-shadow 0.3s, color 0.3s;
  468. -moz-transition: text-shadow 0.3s, color 0.3s;
  469. transition: text-shadow 0.3s, color 0.3s;
  470. -webkit-transform: translateX(-50%);
  471. -moz-transform: translateX(-50%);
  472. transform: translateX(-50%);
  473. pointer-events: none;
  474. }
  475.  
  476. #perma a:hover:after, #perma a:focus:after {
  477. color: {color:link};
  478. text-shadow: 5px 0 {color:link}, -5px 0 {color:link};
  479. }
  480.  
  481. #details {
  482. text-align:center;
  483. margin-top:8px;
  484. text-transform:uppercase;
  485. {block:ifnot2Columns}font-size:8px;{/block:ifnot2Columns}
  486. {block:if2Columns}font-size:7px;{/block:if2Columns}
  487. margin-bottom:2px;
  488. font-style:none;
  489. border-top:1px solid {color:Line};
  490. padding-top:5px;
  491. }
  492.  
  493. #details a {text-decoration:none;}
  494.  
  495. .caption {
  496. line-height:110%;
  497. background-color:{color:post};
  498. -ms-word-break: break-all;
  499. word-break: break-all;
  500. word-break: break-word;
  501. -webkit-hyphens: auto;
  502. -moz-hyphens: auto;
  503. -ms-hyphens: auto;
  504. hyphens: auto;
  505. }
  506.  
  507. #tags .comma:last-child {display:none;}
  508.  
  509. #question {
  510. padding:8px;
  511. font-family:calibri;
  512. letter-spacing:2px;
  513. text-align:center;
  514. color:{color:text};
  515. background-color:{color:Post};
  516. }
  517.  
  518. .chat li {list-style:none;line-height:105%;}
  519.  
  520. .line.odd {border-bottom:1px solid {color:text};padding:4px 5px;}
  521.  
  522. .line.even {padding:0 5px;}
  523.  
  524. .tumblr_audio_player {width:100%;}
  525.  
  526. .player {
  527. width:25px;
  528. height:25px;
  529. overflow:hidden;
  530. position:absolute;
  531. background:{color:background};
  532. text-align:center;
  533. margin-top:0px;
  534. margin-left:10px;
  535. margin-bottom:10px;
  536. }
  537.  
  538. .audioinfo {
  539. margin:3px 0 10px 50px;
  540. height:25px;
  541. line-height:115%;
  542. }
  543.  
  544. #notes {
  545. {block:1Column}width:380px;{/block:1Column}
  546. {block:2Columns}width:230px;{/block:2Columns}
  547. height:120px;
  548. padding:2px 10px;
  549. font-size:8px;
  550. margin:-20px 10px 50px -15px;
  551. overflow-x:hidden;
  552. overflow-y:scroll;
  553. line-height:115%;
  554. text-align:left;
  555. }
  556.  
  557. #notes ol {list-style:circle;}
  558. #notes ol img {display:none;}
  559. #notes img {display:none;}
  560.  
  561. .thepopup {
  562. display: none;
  563. padding:20px;
  564. position: fixed;
  565. top: 50%;
  566. left: 50%;
  567. color:{color:text};
  568. font-size:11px;
  569. line-height:112%;
  570. height:auto;
  571. width:500px;
  572. overflow-y:scroll;
  573. overflow-x:hidden;
  574. z-index: 9999999999999999999999999999999999999999;
  575. }
  576.  
  577. *html #fade {position: absolute;}
  578.  
  579. *html .thepopup {position: absolute;}
  580.  
  581. #fade {
  582. background-color:#000;
  583. display: none;
  584. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  585. opacity: 0.7;
  586. z-index: 9999;
  587. }
  588.  
  589. {block:PermalinkPage}
  590. iframe#ask_form {
  591. height:240px;
  592. }
  593. {/block:PermalinkPage}
  594.  
  595. #credit, #credit a {
  596. text-decoration:none;
  597. position:fixed;
  598. bottom:4px;
  599. right:4px;
  600. padding:5px 4px;
  601. font-family: helvetica;
  602. text-transform:uppercase;
  603. color:{color:title};
  604. font-size:10px;
  605. -moz-transition-duration:0.3s;
  606. -webkit-transition-duration:0.3s;
  607. -o-transition-duration:0.3s;
  608. -ms-transition-duration:0.3s;
  609. }
  610.  
  611. #credit:hover, #credit a:hover {
  612. text-decoration:none;
  613. -webkit-filter:none;
  614. font-family: helvetica;
  615. text-shadow:#aaa 2px 2px 0.2em;
  616. -moz-transition-duration:0.4s;
  617. -webkit-transition-duration:0.4s;
  618. -o-transition-duration:0.4s;
  619. -ms-transition-duration:0.4s;
  620. }
  621.  
  622. {CustomCSS}</style></head>
  623. <body>
  624.  
  625. <div id="mssg" class="thepopup">
  626. <!--- HERE IS WHERE YOU CHANGE THE TITLE OF THE ASK POPUP --->
  627. <h3>message</h3>
  628. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden; border-bottom:1px solid #fff; padding-bottom:15px" id="ask_form" ></iframe>
  629. </div>
  630.  
  631. <div id="sidebar">
  632. <div id="title"><a href="/">{text:Blog Title}</a></div>
  633. <div class="links">
  634. <a href="{text:linkA URL}" rel="mssg" class="poplight">{text:linkA}</a>
  635. <a class="navigation">{text:linkB}</a>
  636. {block:iflinkC}<a href="{text:linkC URL}">{text:linkC}</a>{/block:iflinkC}
  637. {block:iflinkD}<a href="{text:linkD URL}">{text:linkD}</a>{/block:iflinkD}
  638. {block:iflinkE}<a href="{text:linkE URL}">{text:linkE}</a>{/block:iflinkE}
  639. </div>
  640. <div id="desc"><blockquote>{Description}</blockquote></div>
  641. <div class="ofimport">
  642. <div id="relinks">
  643. {block:iflink1}<a href="{text:link1 url}">{text:link1}</a>{/block:iflink1} {block:iflink2}<a href="{text:link2 url}">{text:link2}</a>{/block:iflink2}
  644. {block:iflink3}<a href="{text:link3 url}">{text:link3}</a>{/block:iflink3}
  645. {block:iflink4}<a href="{text:link4 url}">{text:link4}</a>{/block:iflink4}
  646. </div>
  647. </div>
  648. </div>
  649.  
  650. <div class="theme">
  651. <div id="all"> {block:if2Columns}
  652. {block:IndexPage}<div class="column navigation" id="navigation">
  653. {block:Pagination}
  654. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  655. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  656. </div>{/block:IndexPage}
  657. {/block:if2Columns} {block:Posts}<div id="posts">
  658.  
  659. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  660.  
  661. {block:Photo}<center>{LinkOpenTag}{block:ifnot2Columns}<img src="{PhotoURL-400}">{/block:ifnot2Columns}{block:if2Columns}<img src="{PhotoURL-250}">{/block:if2Columns}{LinkCloseTag}</center>{/block:Photo}
  662.  
  663. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  664.  
  665. {block:Photoset}{block:ifnot2Columns}{Photoset-400}{/block:ifnot2Columns}{block:if2Columns}{Photoset-250}{/block:if2Columns}{/block:Photoset}
  666.  
  667. {block:Quote}<h2 style="font-style:italic; text-align:center; color:{color:Title}">“{Quote}”</h2><span style="text-transform:lowercase; font-size:8px"><center>↳ {Source}</center></span>{/block:Quote}
  668.  
  669. {block:Audio}<div style="width:100%; padding:20px 0"><div class="player"><div style="margin-left:0px; margin-right:10px">{AudioPlayerBlack}</div></div>
  670. <div class="audioinfo">
  671. {block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</div>
  672. </div>
  673. {/block:Audio}
  674.  
  675. {block:Video}{block:ifnot2Columns}{Video-400}{/block:ifnot2Columns}{block:if2Columns}{Video-250}{/block:if2Columns}{/block:Video}
  676.  
  677. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  678.  
  679. {block:Answer}<div id="question"><div style="padding-bottom:8px"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}:</span> {Question}</div><div style="letter-spacing:0; text-align:left; border-top:1px solid {color:line};"><left> {Answer}</left></div></div>{/block:Answer}
  680.  
  681. <div id="perma"><a href="{Permalink}" title="permalink">❖</a></div>
  682. {block:PermalinkPage}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  683. <div id="details">
  684. {block:Date}<a href="{Permalink}" title="{12Hour} {CapitalAMPM}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}">src</a> /{/block:ContentSource}{block:NoteCount} + <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} / <a href="{ReblogURL}" target="_blank">reblog</a>
  685.  
  686. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma">,</span> {/block:Tags}</div>{/block:HasTags}</div>
  687. {/block:PermalinkPage}
  688.  
  689. <br>
  690. </div>
  691. {/block:Posts}
  692. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  693. {/block:Posts}</div></div></div>
  694. </div>
  695.  
  696. {block:ifnot2Columns}
  697. {block:Pagination}<div id="pagi">
  698. {block:PreviousPage}<a href="{PreviousPage}">back</a>&emsp;||&emsp;{/block:PreviousPage}
  699. {block:NextPage}<a href="{NextPage}" >next</a>{/block:NextPage}
  700. </div>{/block:Pagination}
  701.  
  702. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/bj5n7g6q6/jquery.js"></script>
  703. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/pqpn7g6qs/lazyload.js"></script>
  704. <script type="text/javascript" charset="utf-8">
  705. var $j = jQuery.noConflict();
  706. $j(function() {
  707. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  708. $j("img").lazyload({
  709. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  710. effect: "fadeIn",
  711. });
  712. });
  713. </script>
  714.  
  715. {/block:ifnot2Columns}
  716.  
  717. <!------ S C R I P T S! ------>
  718. {block:if2Columns}
  719. {block:IndexPage} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  720. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  721. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  722.  
  723. <script type="text/javascript">
  724. $(window).load(function(){
  725. var $wall = $('#all');
  726. $wall.imagesLoaded(function(){
  727. $wall.masonry({
  728. itemSelector: '#posts',
  729. isAnimated : true
  730. });
  731. });
  732. $wall.infinitescroll({
  733. navSelector : "div#navigation",
  734. nextSelector : "div#navigation a#nextPage",
  735. itemSelector : '#posts',
  736. loadingImg : "",
  737. loadingText : " ",
  738. donetext : " ",
  739. extraScrollPx : 0,
  740. bufferPx : 10000,
  741. debug : false,
  742. errorCallback: function() {
  743. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  744. }},
  745. function( newElements ) {
  746. var $newElems = $( newElements );
  747. $newElems.hide();
  748. $newElems.imagesLoaded(function(){
  749. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  750. });
  751. }); $('#all').show(500);
  752. });
  753. </script>
  754.  
  755. <script language="JavaScript">
  756. function function1(){
  757. window.scrollTo(0,5);
  758. }
  759. function function2(){
  760. window.scroll(0,2);
  761. }
  762. </script>
  763. {/block:IndexPage}
  764. {/block:if2Columns}
  765.  
  766. <div id="credit"><a href="http://lunecerise.co.vu" title="lunecerise">LC</a></div>
  767.  
  768. </body>
  769. </html>
Advertisement
Add Comment
Please, Sign In to add comment