Advertisement
extendedhate

"wanderlust" theme

Feb 4th, 2013
811
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.09 KB | None | 0 0
  1. <!--
  2. "wanderlust" theme by coolified
  3. keep the credit or add it to your faq thanks
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script type="text/javascript">
  12. <!--
  13.  
  14. // Disable Right Click Script
  15.  
  16. function IE(e)
  17. {
  18. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  19. {
  20. return false;
  21. }
  22. }
  23. function NS(e)
  24. {
  25. if (document.layers || (document.getElementById && !document.all))
  26. {
  27. if (e.which == "2" || e.which == "3")
  28. {
  29. return false;
  30. }
  31. }
  32. }
  33. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  34.  
  35. //-->
  36. </script>
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <!--DEFAULT VARIABLES-->
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  44. <meta name="color:Background" content="#fff"/>
  45. <meta name="color:Hover" content="#fff"/>
  46. <meta name="color:Entry Background" content="#eee"/>
  47. <meta name="color:Sidebar Background" content="#fff"/>
  48. <meta name="color:Entry Text" content="#aaa"/>
  49. <meta name="color:Bar" content="#000"/>
  50. <meta name="color:Description Text" content="#aaa"/>
  51. <meta name="color:Entry Links" content="#aaa"/>
  52. <meta name="color:Sidebar Links" content="#aaa"/>
  53. <meta name="color:Blogtitles" content="#aaa"/>
  54. <meta name="color:Title" content="#aaa"/>
  55. <meta name="image:Background" content="1"/>
  56. <meta name="image:Sidebar" content="1"/>
  57. <meta name="text:Link One" content="">
  58. <meta name="image:Background2" content=""/>
  59. <meta name="text:Link One" content="/" />
  60. <meta name="text:Link One Title" content="home"/>
  61. <meta name="text:Link Two" content="/ask"/>
  62. <meta name="text:Link Two Title" content="ask"/>
  63. <meta name="text:Link Three" content="/links"/>
  64. <meta name="text:Link Three Title" content="links"/>
  65. <meta name="text:Link Four" content="/"/>
  66. <meta name="text:Link Four Title" content="whatev"/>
  67. <meta name="color:Scrollbar" content="#000000"/>
  68. <meta name="color:Scrollbar Background" content="#fff"/>
  69. <meta name="color:Permatext Background" content="#fff"/>
  70. <meta name="if:White Follow Buttons" content="1" />
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar-thumb{
  77. background-color: {color:scrollbar};
  78. border: 2px solid {color:scrollbar background};
  79. height:auto;
  80. -moz-border-radius: 10px;
  81. border-radius: 10px;
  82. }
  83.  
  84.  
  85.  
  86. ::-webkit-scrollbar {
  87. height:auto;
  88. width:9px;
  89. background-color: #999999;
  90. border: 4px solid {color:scrollbar background};
  91. }
  92.  
  93.  
  94. {block:ifWhiteFollowButtons}iframe#tumblr_controls {-webkit-filter: invert(100%); right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-
  95.  
  96. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  97.  
  98. 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;}{/block:ifWhiteFollowButtons}
  99.  
  100. {block:ifNOTWhiteFollowButtons}iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-
  101.  
  102. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  103.  
  104. 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;}{/block:ifNOTWhiteFollowButtons}
  105.  
  106. p {
  107. margin:0px;
  108. margin-top:0px;
  109. }
  110.  
  111.  
  112. body {
  113. padding: 0px;
  114. margin: 0px;
  115. color:{color:Entry Text};
  116. font-family: helvetica;
  117. line-height:10px;
  118. font-size:9px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat: repeat;
  123. background-size:100%;
  124. }
  125.  
  126.  
  127. a:link, a:active, a:visited{
  128. text-decoration: none;
  129. -webkit-transition: color 0.3s ease-out;
  130. -moz-transition: color 0.3s ease-out;
  131. transition: color 0.3s ease-out;
  132. color:{color:Entry Links};
  133. }
  134.  
  135. a:hover {
  136. text-decoration: none;
  137. font-style:;
  138. color: {color:Hover};
  139. }
  140.  
  141.  
  142. .entry{
  143. font-family: helvetica;
  144. font-size:9px;
  145. text-align:left;
  146. z-index:9999;
  147. float:left;
  148. width: 210px;
  149. height: auto;
  150. {block:PermalinkPage}
  151. width: 538px;
  152. height: auto;
  153. margin-left:200px;
  154. {/block:PermalinkPage}
  155. line-height:12px;
  156. background-color:{color:Entry Background};
  157. margin:16px;
  158. overflow:hidden;
  159. padding: 28px;
  160. -webkit-transition: color 0.9s ease-out;
  161. -moz-transition: color 0.9s ease-out;
  162. }
  163.  
  164. .entry img{
  165. opacity: 0.8;
  166. -webkit-transition: all 0.5s ease-in-out;
  167. -moz-transition: all 0.5s ease-in-out;
  168. -o-transition: all 0.5s ease-in-out;
  169. }
  170.  
  171. .entry img:hover{
  172. opacity:1;
  173. -webkit-transition: all 0.5s ease-in-out;
  174. -moz-transition: all 0.5s ease-in-out;
  175. -o-transition: all 0.5s ease-in-out;
  176. }
  177. .permalink {
  178. display: block;
  179. border-top: 1px solid #ddd;
  180. padding: 3px;
  181. margin: 4px 8px 0px 8px;
  182. font-family: arma;
  183. font-size: 8px;
  184. color: #424242;
  185. line-height: 18px;
  186. text-align: center;
  187. text-decoration: none;
  188. -webkit-transition: color 0.9s ease-out;
  189. -moz-transition: color 0.9s ease-out;
  190. }
  191. .perms {
  192. color:black;
  193. font-size:8px;
  194. opacity: 0;
  195. -webkit-transition-duration: .75s;top:0px;
  196. width:210px;
  197. height:15px;
  198. padding-bottom:5px;
  199. padding-top:5px;
  200. background-color: {color:entry background};
  201. position: absolute;
  202. margin-top:28px;
  203. text-align:center;
  204. text-transform:uppercase;
  205. font-family:trebuchet ms;
  206. letter-spacing:1px;
  207. display:block;
  208. }
  209.  
  210. .entry:hover .perms {
  211. opacity:0.9;
  212. z-index:999999;
  213. padding-top:10px;}
  214.  
  215.  
  216. #border {
  217.  
  218.  
  219. width:400px;
  220. height: 400px;
  221. position: fixed;
  222. opacity:0.8;
  223. margin-left: 100px;
  224. margin-top: 106px;-webkit-transform: rotate(0deg);
  225. -moz-transform: rotate(0deg);}
  226.  
  227.  
  228. .permalinktext {
  229. display: block;
  230. padding: 1px;
  231. margin: 0px 0px 0px 8px;
  232. font-family: helvetica;
  233. letter-spacing: 0px;
  234. font-size: 9px;
  235. color: #424242;
  236. line-height: 10px;
  237. text-align: right;
  238. text-decoration: none;
  239. -webkit-transition: color 0.5s ease-out;
  240. -moz-transition: color 0.5s ease-out;
  241. border-top: 1px dotted #ddd;
  242. }
  243.  
  244. div#titlebar{
  245. position: fixed !important;
  246. margin-top:388px;
  247. margin-left:238px;
  248. color:{color:blogtitles};
  249. text-shadow: 2px 2px 2px #ddd;
  250. font-family: sunshine;
  251. font-size: 30px;
  252. line-height:15px;
  253. letter-spacing:2px;
  254. width:450px;
  255. height:60px;
  256. z-index: 1;
  257. opacity:.8;
  258. background-color: transparent;-webkit-transform: rotate(deg);
  259. -moz-transform: rotate(deg);}
  260.  
  261. @font-face {
  262. font-family: "prop";
  263. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  264. }
  265. div#under{
  266. position: fixed !important;
  267. margin-top:235px;
  268. margin-left:123px;
  269. color:{color:blogtitles};
  270. text-shadow: 2px 2px 2px #ddd ;
  271. font-family: sunshine;
  272. font-size: 30px;
  273. line-height:85px;
  274. letter-spacing:2px;
  275. width:450px;
  276. height:60px;
  277. z-index:9999;
  278. opacity:.8;-webkit-transform: rotate(0deg);
  279. -moz-transform: rotate(0deg);
  280. background-color: transparent;
  281. }
  282.  
  283.  
  284. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  285. .caption { margin-left:5px; line-height:0px; }
  286. .blockquote, blockquote { text-align:left; letter-spacing:0px; font-family:helvetica; padding-left:5px; border-left:3px solid #cccccc; }
  287. blockquote small, blockquote { font-size:9px; }
  288.  
  289. #cunt{width:250px; height:auto;}
  290. {block:PermalinkPage}
  291. width:410px;
  292. {/block:PermalinkPage}
  293. }
  294.  
  295. #center{
  296. padding-top:3px;
  297. padding-bottom:3px;
  298. position:fixed !important;
  299. width:250px;
  300. height:207px;
  301. background-color:#fff;
  302. {block:PermalinkPage}
  303. width:410px;
  304. height:207px;
  305. {/block:PermalinkPage}
  306. }
  307.  
  308. #posts{
  309. opacity: 1;
  310. float:center;
  311. {block:indexpage}
  312. width:700px;
  313. {/block:indexpage}
  314. {block:permalinkpage}
  315. width:520px;
  316. {/block:permalinkpage}
  317. margin-left: 420px;
  318. margin-top:0px;
  319. transition: all 0.5s ease-out;
  320. -o-transition-transition: all 0.5s ease-out;
  321. -webkit-transition: all 0.5s ease-out;
  322. -moz-transition: all 0.5s ease-out;
  323. }
  324.  
  325. #bar{
  326. height: 100%;
  327. margin-top: 0px;
  328. background: {color:bar};
  329. margin-left: 1040px;
  330. width: 60px;
  331. border-right: 7px solid #ddd;
  332. border-left: 7px solid #ddd;
  333. opacity:0.7;
  334. box-shadow: 0px 0px 7px #aaa;
  335. position: fixed;
  336. }
  337.  
  338. #sidebar {
  339. position:fixed !important;
  340. opacity: 1;
  341. width: 169px;
  342. height: 178px;
  343. margin-top:156px;
  344. margin-left: 141px;
  345. color: #777;
  346. text-align: center;
  347. margin-bottom: 0px;
  348. font-family: consolas;
  349. line-height: 11px;
  350. padding:8px;
  351. font-size: 10px;
  352. text-transform: normal;
  353. transition: all 0.9s ease-out;
  354. -o-transition-transition: all 0.5s ease-out;
  355. -webkit-transition: all 0.5s ease-out;
  356. -moz-transition: all 0.5s ease-out;
  357. }
  358. #desc a{
  359. color:{color:sidebar links};}
  360. #desc{
  361. position: fixed !important;
  362. opacity:1;
  363. font-size: 8px;
  364. line-height:12px;
  365. text-align: center;
  366. text-transform:uppercase;
  367. width:145px;
  368. font-family:consolas;
  369. font-size: 8px;
  370. height: 45px;
  371. color:{color:description text};
  372. padding-top: 0px;
  373. margin-top:173px;
  374. margin-left:20px;
  375. background: {color:entry background};
  376. padding:5px;
  377. transition: all 0.9s ease-out;
  378. -o-transition-transition: all 0.5s ease-out;
  379. -webkit-transition: all 0.5s ease-out;
  380. -moz-transition: all 0.5s ease-out;
  381. }
  382.  
  383. div.navigate a{
  384. text-align:center;
  385. font-family:consolas;
  386. text-transform:uppercase;
  387. font-size: 8px;
  388. letter-spacing:0px;
  389. padding:3px;
  390. line-height:12px;
  391. color:{color:text};
  392. background-color: #eee;
  393. border:2px solid #ddd;
  394. margin-left: 5px;
  395. padding:2px;
  396. float:center;
  397. width: 32px;
  398. display: inline-block;
  399. -webkit-transition: opacity 0.3s linear;
  400. -webkit-transition: all 0.3s ease-in-out;
  401. -moz-transition: all 0.3s ease-in-out;
  402. -o-transition: all 0.3s ease-in-out;
  403.  
  404. }
  405. div#side2{
  406. position:fixed !important;
  407. width:220px;
  408. height:228px;
  409. margin-top:183px;
  410. margin-left:223px;
  411. background: #eee;
  412. border-radius: 0px;
  413. transition: all 0.9s ease-out;
  414. -o-transition-transition: all 0.5s ease-out;
  415. -webkit-transition: all 0.5s ease-out;
  416. -moz-transition: all 0.5s ease-out;
  417. }
  418. .title{
  419. font-family: sunshine;
  420. font-size: 20px;
  421. line-height: 26px;
  422. color:{color:Title};
  423. letter-spacing: 0px;
  424. font-weight: normal;
  425. text-shadow: 2px 2px 2px #ddd;
  426. padding:0px 0px 0px 0px;
  427. }
  428.  
  429. @font-face {
  430. font-family: "prop";
  431. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  432. }
  433.  
  434. .blogtitle{
  435. font-family: prop;
  436. font-size: 28px;
  437. line-height: 20px;
  438. color:{color:Title};
  439. z-index: 1;
  440. text-transform: none;
  441. font-weight: normal;
  442. }
  443. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  444. @font-face { font-family: "cute"; src: url('http://static.tumblr.com/8hrjcus/16Lmhnmvv/dk_carte_blanche.otf'); }
  445. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  446. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  447. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  448. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  449. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  450. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  451. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  452.  
  453. .permalink{
  454. text-transform: normal;
  455. display: block;
  456. background: {color:Permatext Background};
  457. padding: 3px;
  458. margin-top: 4px;
  459. text-align: right;
  460. text-decoration: none;
  461. }
  462. askk{
  463. font-family:sunshine;
  464. font-size: 15px;
  465. line-height:10px;
  466. z-index: 1;
  467. letter-spacing: 1px;
  468. color: black;
  469. font-weight: normal;}
  470.  
  471.  
  472. #infscr-loading{
  473. bottom: -70px;
  474. position: absolute;
  475. left: 50%;
  476. margin-left:-8px;
  477. width:16px;
  478. height:11px;
  479. overflow:hidden;
  480. margin-bottom: 50px;
  481. }
  482.  
  483. #postnotes{
  484. text-align: justify;}
  485.  
  486. #postnotes blockquote{
  487. border: 0px;}
  488.  
  489. blockquote{
  490. padding:0px 0px 0px 5px;
  491. margin:0px 0px 0px 10px;
  492. border-left: 1px dotted #ddd;
  493. }
  494.  
  495. blockquote p, ul{
  496. margin:0px;
  497. padding:0px;
  498. }
  499.  
  500. a img{border: 0px;}
  501.  
  502.  
  503. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  504.  
  505. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  506. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  507.  
  508. .notes img{width:10px; position:relative; top:3px;}
  509. <--ses-->
  510. small{font-size: 90%;}
  511.  
  512. {CustomCSS}
  513.  
  514. #album
  515. {
  516. {block:IndexPage}
  517. width:10px;
  518. height:15px;
  519. margin:10px;
  520. {/block:IndexPage}
  521. float:left;
  522. {block:PermalinkPage}
  523. width:500px;
  524. height:500px;
  525. {/block:PermalinkPage}
  526.  
  527. }
  528.  
  529.  
  530. #infos
  531. {float:right;
  532. margin-top:10px;
  533. background-color: #e4e4e4;
  534. padding:5px;
  535. width:105px;
  536. }
  537.  
  538. #player
  539. {float:right;
  540. {block:IndexPage}
  541. width:70px;
  542. margin-top:10px;
  543. padding-left:45px;
  544. {/block:IndexPage}
  545. padding-top:10px;
  546. padding-bottom:10px;
  547. height:20px;
  548. background-color:#e4e4e4;
  549. overflow:hidden;
  550. {block:PermalinkPage}
  551. margin-top:5px;
  552. width:265px;
  553. padding-left:335px;
  554. {/block:PermalinkPage}
  555. }
  556. </style>
  557.  
  558. {block:IndexPage}
  559. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  560. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  561.  
  562. <script type="text/javascript">
  563. $(window).load(function(){
  564. var $wall = $('#posts');
  565. $wall.imagesLoaded(function(){
  566. $wall.masonry({
  567. itemSelector: '.entry, .entry_photo',
  568. isAnimated : false
  569. });
  570. });
  571.  
  572. $wall.infinitescroll({
  573. navSelector : '#pagination',
  574. nextSelector : '#pagination a',
  575. itemSelector : '.entry, .entry_photo',
  576. bufferPx : 2000,
  577. debug : false,
  578. errorCallback: function() {
  579. $('#infscr-loading').fadeOut('normal');
  580. }},
  581. function( newElements ) {
  582. var $newElems = $( newElements );
  583. $newElems.hide();
  584. $newElems.imagesLoaded(function(){
  585. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  586. });
  587. }); $('#posts').show(500);
  588. });
  589. </script>
  590.  
  591.  
  592. {/block:IndexPage}
  593.  
  594.  
  595. <title>{title}</title>
  596.  
  597. <link rel="shortcut icon" href="{Favicon}" />
  598. <meta name="viewport" content="width=820" />
  599. </head>
  600.  
  601. <body>
  602. <BODY onselectstart="return false;" ondragstart="return false;">
  603.  
  604. <div id="center">
  605. <div id="content">
  606.  
  607. <div id="bar"></div>
  608. <div id="border"><img src="http://www.arthazelwood.com/prints/Cyrano/images/border2.gif" style="height: 360px; width: 300px;"></div>
  609.  
  610. <div id="sidebar">
  611. <div id="desc">
  612. {description}<br><a href="{text:link one}">{text:link one title}</a> &middot
  613. <a href="{text:link two}">{text:link two title}</a> &middot
  614. <a href="{text:link three}">{text:link three title}</a> &middot
  615. <a href="{text:link four}">{text:link four title}</a></div>
  616.  
  617. <a href="/"><img src="{image:sidebar}" style="width:167px;height: 218px; padding:15px; background: {color:entry background}; border-radius: 0px;"></a>
  618. </div>
  619.  
  620. </div>
  621. <div class="left">
  622. <div id="posts">
  623. {block:Posts}
  624. <div class="entry">
  625.  
  626. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  627. {/block:Text}
  628.  
  629. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>{block:Link}
  630.  
  631. {block:Photo}
  632. {block:IndexPage}
  633. <div class="perms">
  634. {shortmonth} {dayofmonth}{DayOfMonthSuffix} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  635. </div>
  636. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  637. {/block:IndexPage}
  638. {block:PermalinkPage}
  639. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  640.  
  641. {LinkCloseTag}
  642. {/block:PermalinkPage}
  643. {/block:Photo}
  644.  
  645. {block:Answer}
  646. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3px; border-radius: 0px; border: 4px double #ddd; padding: 3px; background: white;"/>
  647. <div style="margin-top:0px; margin-bottom:0px; height:44px; padding: 5px; background-color:#fff; overflow: auto;">
  648.  
  649. <askk>{Asker}</askk>: {Question}</div>
  650. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  651. {/block:Answer}
  652.  
  653. {block:Photoset}
  654. {block:IndexPage}
  655. <center>
  656. <div class="perms">
  657. {shortmonth} {dayofmonth}{DayOfMonthSuffix} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  658. </div>
  659.  
  660. {Photoset-200}</center>
  661. {/block:IndexPage}
  662. {block:PermalinkPage}
  663. <center>
  664. {Photoset-500}</center>
  665. {/block:PermalinkPage}
  666. {/block:Photoset}
  667.  
  668. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>{/block:Quote}
  669.  
  670. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  671. <ul class="chat">
  672. {block:Lines}
  673. <li class="user_{UserNumber}">
  674. {block:Label}
  675. <span class="label">{Label}</span>
  676. {/block:Label}
  677.  
  678. {Line}
  679. </li>
  680. {/block:Lines}
  681. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  682. {/block:Chat}
  683.  
  684. {block:Video}
  685. {block:IndexPage}
  686. <center>
  687. <div class="perms">
  688. {dayofweek} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  689. </div>
  690. {Video-250}</center>
  691. {/block:IndexPage}
  692. {block:PermalinkPage}
  693. <center>
  694. {Video-400}</center>
  695. {/block:PermalinkPage}
  696. {block:Video}
  697.  
  698. {block:Audio}
  699. {block:IndexPage}
  700. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  701. <div id="player"><div style="margin-top:-3px;">{AudioPlayerGrey}</div></div>
  702. <div id="infos">
  703. {block:TrackName}{TrackName}{/block:TrackName}
  704. {block:Artist}by {Artist}{/block:Artist}
  705. </div>
  706.  
  707. <br><div class="perms">
  708. {shortmonth} {dayofmonth}{DayOfMonthSuffix} with <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  709. </div>
  710. {/block:IndexPage}
  711. {block:PermalinkPage}
  712. <div id="album">{block:AlbumArt}<img width="500px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  713. <div id="player"><div style="margin-top:-3px;margin-bottom:20px;">{AudioPlayerGrey}</div></div>
  714.  
  715. {/block:PermalinkPage}
  716. {/block:Audio}
  717.  
  718. {block:PostNotes}<div align="middle">{caption}</div>
  719. <center>
  720.  
  721. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  722.  
  723. {block:HasTags}
  724. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  725. {block:RebloggedFrom}
  726. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  727. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  728.  
  729. {/block:RebloggedFrom}
  730. </center></span>
  731. <br>
  732. <div id="postnotes">{PostNotes}</div><br>
  733.  
  734. <center>{block:ContentSource}
  735. <br><a href="{SourceURL}">
  736. {lang:Source}:
  737. {block:SourceLogo}
  738. <img src="{BlackLogoURL}" width="{LogoWidth}"
  739. height="{LogoHeight}" alt="{SourceTitle}" />
  740. {/block:SourceLogo}
  741. {block:NoSourceLogo}
  742. {SourceLink}
  743. {/block:NoSourceLogo}
  744. </a>
  745. {/block:ContentSource}</center>
  746.  
  747. {/block:PostNotes}
  748. </div>
  749. {/block:Posts}
  750. </div></div>
  751.  
  752. {block:IndexPage}
  753. {block:Pagination}
  754. <div id="pagination">
  755. {block:NextPage}
  756. <a id="nextPage" href="{NextPage}"></a>
  757. {/block:NextPage}
  758. {block:PreviousPage}
  759. <a href="{PreviousPage}"></a>
  760. {/block:PreviousPage}
  761. </div>
  762. {/block:Pagination}
  763. {/block:IndexPage}
  764. </body>
  765. <div style="position: fixed; right: 0px; bottom: 5px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; background: white; padding: 3px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;"><a href="http://coolified.tumblr.com/"> &copy coolified</a></div>
  766. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement