wheretimeisendless

Theme #18

Apr 4th, 2013
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.65 KB | None | 0 0
  1. <!--
  2. theme originally by cyrusnigga.
  3. modified for personal use by anonymouslydobrev.
  4. -->
  5.  
  6. <head>
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  10. <meta name="color:background" content="#FFFFFF"/>
  11. <meta name="color:text" content="#130C11"/>
  12. <meta name="color:hover" content="#130C11"/>
  13. <meta name="color:link" content="#000000"/>
  14. <meta name="color:scrollbar" content="#000000"/>
  15. <meta name="image:sidebar" content="1"/>
  16. <meta name="image:background" content="1"/>
  17. <meta name="text:title1" content "give me a happy middle">
  18. <meta name="text:title2" content "and a very happy start">
  19. <meta name="text:desc" content="" />
  20. <meta name="text:link one" content="" />
  21. <meta name="text:link one title" content="Link 1" />
  22. <meta name="text:link two" content="" />
  23. <meta name="text:link two title" content="Link 2" />
  24. <meta name="text:link three" content="" />
  25. <meta name="text:link three title" content="Link 3" />
  26. <meta name="text:link four" content="" />
  27. <meta name="text:link four title" content="Link 4" />
  28. <meta name="text:link five" content="" />
  29. <meta name="text:link five title" content="Link 5" />
  30. <meta name="text:link six" content="" />
  31. <meta name="text:link six title" content="Link 6" />
  32. <meta name="text:link seven" content="" />
  33. <meta name="text:link seven title" content="Link 7" />
  34. <meta name="text:link eight" content="" />
  35. <meta name="text:link eight title" content="Link 8" />
  36. <meta name="text:link nine" content="" />
  37. <meta name="text:link nine title" content="Link 9" />
  38. <meta name="text:link ten" content="" />
  39. <meta name="text:link ten title" content="Link 10" />
  40. <meta name="color:backtitle" content="" />
  41. <meta name="text:Backtitle" content="tell me the story about how the sun loved the moon so much he died every night to let her breathe." />
  42.  
  43.  
  44. <style type="text/css">
  45. @font-face {
  46. font-family: "urmom";
  47. src: url('http://static.tumblr.com/cs9z8nu/rxKmdmelb/setfiretotherain.ttf');
  48. }
  49.  
  50. @font-face { font-family: "beautiful flaws"; src: url('http://static.tumblr.com/qx5hjds/dZQm96b1j/beautifulflaws.ttf');}
  51.  
  52. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  53.  
  54. a {color:{color:link};text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  55.  
  56.  
  57. ::-webkit-scrollbar {width: 4px; height: 4px; background: #000000; }
  58.  
  59. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 20px;}
  60.  
  61.  
  62. iframe#tumblr_controls {
  63. right:3px !important;
  64. position: fixed !important;
  65. -webkit-transition: opacity 0.7s
  66. linear;opacity: 0.5;
  67. -webkit-transition: all 0.8s ease-out;
  68. -moz-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. }
  71.  
  72.  
  73. iframe#tumblr_controls:hover{
  74. -webkit-transition: opacity 0.7s linear;
  75. opacity: 1;
  76. -webkit-transition: all 0.4s ease-out;
  77. -moz-transition: all 0.4s ease-out;
  78. transition: all 0.4s ease-out;
  79. }
  80.  
  81.  
  82.  
  83. .wrapper{
  84. margin:1px auto;
  85. width: 802px;
  86. }
  87.  
  88. .header{
  89. float: left;
  90. width: 100%;
  91. }
  92.  
  93. .left{
  94. float: left;
  95. margin-right: 20px;
  96. width: 802px;
  97. }
  98.  
  99. .right{
  100. float: right;
  101. width: 200px;
  102. background-color: {color:Background};
  103. }
  104.  
  105.  
  106. p {
  107. margin:0px;
  108. margin-top:0px;
  109. }
  110.  
  111.  
  112.  
  113. body {
  114. line-height:100%;
  115. text-decoration: none;
  116. background-color: {color:background};
  117. background-image:url({image:Background});
  118. background-attachment: fixed;
  119. background-repeat: repeat;
  120. color: {color:Text};
  121. font-family: consolas;
  122. font-size: 10px;
  123. }
  124.  
  125. a:link, a:active, a:visited{
  126. color: {color:Link};
  127. text-decoration: none;
  128. -webkit-transition: color 0.2s ease-out;
  129. -moz-transition: color 0.2s ease-out;
  130. }
  131.  
  132. a:hover{
  133. color:{color:Hover};
  134. text-decoration:line-through;
  135. transition: all 0.5s ease-out;
  136. -o-transition-transition: all 0.5s ease-out;
  137. -webkit-transition: all 0.5s ease-out;
  138. -moz-transition: all 0.5s ease-out;;
  139. }
  140.  
  141.  
  142. .excel{
  143. opacity: 0.6;
  144. }
  145.  
  146. .excel:hover{
  147. -webkit-transition: opacity 0.7s linear;
  148. opacity: 1;
  149. -webkit-transition: all 0.4s ease-out;
  150. -moz-transition: all 0.4s ease-out;
  151. transition: all 0.4s ease-out;
  152. }
  153.  
  154. .permalink{
  155. line-height: 13px;
  156. text-transform: none;
  157. font-family: consolas;
  158. font-size: 10px;
  159. text-align:center;
  160. margin-top: 1px;
  161. text-align: right;
  162. text-transform: uppercase;
  163. }
  164.  
  165. div#sidebar{
  166. position:fixed !important;
  167. width: 250px;
  168. height:100%;
  169. margin-top: 100px;
  170. margin-left: -80px;
  171. padding: 2px;
  172. line-height:14px;
  173. letter-spacing:0px;
  174. margin-bottom: 6px;
  175. background-color:transparent;
  176. }
  177.  
  178. #posts {
  179. width: 540px;
  180. margin-left:190px;
  181. margin-top: 10px;
  182. background-color: {color:background};
  183. background-image:url({image:Background});
  184. {block:PermalinkPage}
  185. margin-left:190px;
  186. {/block:PermalinkPage}
  187. float:left;
  188. }
  189.  
  190. #infscr-loading{
  191. bottom: -70px;
  192. position: absolute;
  193. left: 50%;
  194. margin-left:-8px;
  195. width:16px;
  196. height:11px;
  197. overflow:hidden;
  198. margin-bottom: 50px;
  199. }
  200.  
  201.  
  202. .title{
  203. color: {color:link};
  204. font-family:beautiful flaws;
  205. font-size:15px;
  206. line-height:17px;
  207. text-align:center;
  208. }
  209.  
  210.  
  211. #pagination{
  212. display:none;
  213. }
  214.  
  215.  
  216.  
  217.  
  218. .perma {
  219. opacity: 0.0;
  220. filter: alpha(opacity = 0);
  221. z-index:9999991;
  222. display: inline-block;
  223. position: absolute;
  224. text-align: left;
  225. top: 5px;
  226. left: 5px;
  227. width: 100%;
  228. -webkit-transition: opacity 0.7s linear;
  229. opacity: 0.0;
  230. -webkit-transition: all 0.4s ease-out;
  231. -moz-transition: all 0.4s ease-out;
  232. transition: all 0.4s ease-out;
  233. }
  234.  
  235. .entry:hover .perma {
  236. opacity: 1;
  237. filter: alpha(opacity = 100);
  238. -webkit-transition: opacity 0.7s linear;
  239. opacity: 1;
  240. -webkit-transition: all 0.4s ease-out;
  241. -moz-transition: all 0.4s ease-out;
  242. transition: all 0.4s ease-out;
  243. }
  244.  
  245. .likep {
  246. width: 21px;
  247. height: 20px;
  248. overflow: hidden;
  249. z-index: 9999999;
  250. display: inline-block;
  251. }
  252.  
  253. .rep {
  254. width: 24px;
  255. height: 20px;
  256. overflow: hidden;
  257. z-index: 9999999;
  258. display: inline-block;
  259. }
  260.  
  261. .likep a:hover {
  262. background-position: 0px 0px;
  263. }
  264.  
  265. .likep a {
  266. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  267. background-position: 0px 0px;
  268. display: block;
  269. z-index: 9999999;
  270. }
  271.  
  272. .likep img {
  273. width: 21px;
  274. height: 20px;
  275. }
  276.  
  277. .rep img{
  278. width: 24px;
  279. height: 20px;
  280. line-height: 30px;
  281. display: inline;
  282. }
  283.  
  284. .not { display: inline-block;
  285. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  286. height: 20px;
  287. top: -6px;
  288. font-size: 11px;
  289. line-height: 20px;
  290. color: #fff;
  291. padding-left: 4px;
  292. padding-right: 4px;
  293. -moz-border-radius: 2px;
  294. border-radius: 2px;
  295. position: relative;
  296. }
  297.  
  298. .not a, .not:hover a, .not a:hover{
  299. color: #ffffff!important;
  300. letter-spacing: 1px;
  301. font-family: consolas;
  302. }
  303.  
  304. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  305. opacity: 0.8;
  306. filter: alpha(opacity = 80);
  307. margin-right: 0;
  308. }
  309.  
  310. .not:hover , .rep:hover, .likep:hover {
  311. opacity: 1!important;
  312. filter: alpha(opacity = 100)!important;
  313. }
  314.  
  315. .t {
  316. text-align: right;
  317. opacity: 1;
  318. filter: alpha(opacity =100);
  319. }
  320.  
  321. .t {
  322. font-size: 10px;
  323. line-height: 13px;
  324. height: 13px;
  325. }
  326.  
  327.  
  328.  
  329. .entry:hover .t {
  330. opacity: 1;
  331. filter: alpha(opacity = 100);
  332. }
  333.  
  334.  
  335. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  336.  
  337. blockquote{
  338. padding:0px 0px 2px 5px;
  339. margin:0px 0px 2px 10px;
  340. border-left: 1px dotted #555555;
  341. }
  342.  
  343. .entry {
  344. float:left;
  345. overflow: hidden;
  346. padding-right: 1px;
  347. padding-left:2px;
  348. padding-top: 1px;
  349. margin: 4px;
  350. overflow: hidden;
  351. background-color: {color:background};
  352. background-image:url({image:Background});
  353. {block:IndexPage}
  354. width: 250px;
  355. {/block:IndexPage}
  356. {block:PermalinkPage}
  357. width:500px;
  358. {/block:PermalinkPage}
  359. position:absolute;-webkit-animation: flipInY 3s;
  360. -moz-animation: flipInY 3s;
  361. -ms-animation: flipInY: 3s;
  362. }
  363. .animated {
  364. -webkit-animation-fill-mode: both;
  365. -moz-animation-fill-mode: both;
  366. -ms-animation-fill-mode: both;
  367. -o-animation-fill-mode: both;
  368. animation-fill-mode: both;
  369. -webkit-animation-duration: 1s;
  370. -moz-animation-duration: 1s;
  371. -ms-animation-duration: 1s;
  372. -o-animation-duration: 1s;
  373. animation-duration: 1s;
  374. }
  375.  
  376. .animated.hinge {
  377. -webkit-animation-duration: 2s;
  378. -moz-animation-duration: 2s;
  379. -ms-animation-duration: 2s;
  380. -o-animation-duration: 2s;
  381. animation-duration: 2s;
  382. }
  383.  
  384. @-webkit-keyframes flipInY {
  385. 0% {
  386. -webkit-transform: perspective(400px) rotateY(90deg);
  387. opacity: 0;
  388. }
  389.  
  390. 40% {
  391. -webkit-transform: perspective(400px) rotateY(-10deg);
  392. }
  393.  
  394. 70% {
  395. -webkit-transform: perspective(400px) rotateY(10deg);
  396. }
  397.  
  398. 100% {
  399. -webkit-transform: perspective(400px) rotateY(0deg);
  400. opacity: 1;
  401. }
  402. }
  403. @-moz-keyframes flipInY {
  404. 0% {
  405. -moz-transform: perspective(400px) rotateY(90deg);
  406. opacity: 0;
  407. }
  408.  
  409. 40% {
  410. -moz-transform: perspective(400px) rotateY(-10deg);
  411. }
  412.  
  413. 70% {
  414. -moz-transform: perspective(400px) rotateY(10deg);
  415. }
  416.  
  417. 100% {
  418. -moz-transform: perspective(400px) rotateY(0deg);
  419. opacity: 1;
  420. }
  421. }
  422. @-o-keyframes flipInY {
  423. 0% {
  424. -o-transform: perspective(400px) rotateY(90deg);
  425. opacity: 0;
  426. }
  427.  
  428. 40% {
  429. -o-transform: perspective(400px) rotateY(-10deg);
  430. }
  431.  
  432. 70% {
  433. -o-transform: perspective(400px) rotateY(10deg);
  434. }
  435.  
  436. 100% {
  437. -o-transform: perspective(400px) rotateY(0deg);
  438. opacity: 1;
  439. }
  440. }
  441. @keyframes flipInY {
  442. 0% {
  443. transform: perspective(400px) rotateY(90deg);
  444. opacity: 0;
  445. }
  446.  
  447. 40% {
  448. transform: perspective(400px) rotateY(-10deg);
  449. }
  450.  
  451. 70% {
  452. transform: perspective(400px) rotateY(10deg);
  453. }
  454.  
  455. 100% {
  456. transform: perspective(400px) rotateY(0deg);
  457. opacity: 1;
  458. }
  459. }
  460.  
  461. .flipInY {
  462. -webkit-backface-visibility: visible !important;
  463. -webkit-animation-name: flipInY;
  464. -moz-backface-visibility: visible !important;
  465. -moz-animation-name: flipInY;
  466. -o-backface-visibility: visible !important;
  467. -o-animation-name: flipInY;
  468. backface-visibility: visible !important;
  469. animation-name: flipInY;
  470. }
  471.  
  472. transition: all 0.9s ease-out;
  473. -o-transition-transition: all 0.9s ease-out;
  474. -webkit-transition: all 0.9s ease-out;
  475. -moz-transition: all 0.9s ease-out;}
  476.  
  477. #users:hover{}
  478.  
  479. #desc{
  480. opacity:0.7;
  481. width:250px;
  482. position: fixed;
  483. margin-top:0px;
  484. color:{color:text};
  485. font-family:short stack;
  486. font-size:9px;
  487. line-height:9px;
  488. letter-spacing:0px;
  489. background-color: transparent;
  490. text-transform: normal;
  491. text-align: center;
  492. transition: all 0.7s ease-out;
  493. -o-transition-transition: all 0.7s ease-out;
  494. -webkit-transition: all 0.7s ease-out;
  495. -moz-transition: all 0.7s ease-out;
  496. }
  497.  
  498. #sidebar:hover #desc{
  499. opacity:0;
  500. margin-top:-240px;
  501. transition: all 0.7s ease-out;
  502. -o-transition-transition: all 0.7s ease-out;
  503. -webkit-transition: all 0.7s ease-out;
  504. -moz-transition: all 0.7s ease-out;
  505. }
  506.  
  507.  
  508. #desc2 {
  509. opacity:0;
  510. width:250px;
  511. position: fixed;
  512. margin-top:0px;
  513. color:{color:text};
  514. font-family:short stack;
  515. font-size:9px;
  516. line-height:9px;
  517. letter-spacing:0px;
  518. line-height:9px;
  519. background-color: transparent;
  520. text-transform: normal;
  521. text-align: center;
  522. transition: all 0.7s ease-out;
  523. -o-transition-transition: all 0.7s ease-out;
  524. -webkit-transition: all 0.7s ease-out;
  525. -moz-transition: all 0.7s ease-out;
  526. }
  527.  
  528. #sidebar:hover #desc2{
  529. opacity:1;
  530. margin-top:0px;
  531. line-height:9px;
  532. transition: all 0.7s ease-out;
  533. -o-transition-transition: all 0.7s ease-out;
  534. -webkit-transition: all 0.7s ease-out;
  535. -moz-transition: all 0.7s ease-out;
  536. }
  537.  
  538. #blogtitle{
  539. opacity:0.7;
  540. width:250px;
  541. position: fixed;
  542. margin-left:0px;
  543. color:{color:title};
  544. font-family:beautiful flaws;
  545. font-size: 20px;
  546. margin-top:-20px;
  547. line-height:20px;
  548. letter-spacing:0px;
  549. background-color: transparent;
  550. text-transform: normal;
  551. text-align: center;
  552. transition: all 0.7s ease-out;
  553. -o-transition-transition: all 0.7s ease-out;
  554. -webkit-transition: all 0.7s ease-out;
  555. -moz-transition: all 0.7s ease-out;
  556. }
  557.  
  558. #sidebar:hover #blogtitle{
  559. opacity:0;
  560. margin-top:0px;
  561. margin-left:0px;
  562. text-align:center;
  563. transition: all 0.7s ease-out;
  564. -o-transition-transition: all 0.7s ease-out;
  565. -webkit-transition: all 0.7s ease-out;
  566. -moz-transition: all 0.7s ease-out;
  567. }
  568.  
  569.  
  570. #blogtitle2{
  571. opacity:0;
  572. width:250px;
  573. position: fixed;
  574. margin-top:0px;
  575. color:{color:title};
  576. font-family:beautiful flaws;
  577. font-size: 20px;
  578. line-height:20px;
  579. letter-spacing:0px;
  580. background-color: transparent;
  581. text-transform: normal;
  582. text-align: center;
  583. margin-left:0px;
  584. transition: all 0.7s ease-out;
  585. -o-transition-transition: all 0.7s ease-out;
  586. -webkit-transition: all 0.7s ease-out;
  587. -moz-transition: all 0.7s ease-out;
  588. }
  589.  
  590. #sidebar:hover #blogtitle2{
  591. opacity:1;
  592. margin-left:-0px;
  593. text-align:center;
  594. margin-top:-25px;
  595. transition: all 0.7s ease-out;
  596. -o-transition-transition: all 0.7s ease-out;
  597. -webkit-transition: all 0.7s ease-out;
  598. -moz-transition: all 0.7s ease-out;
  599. }
  600.  
  601. #links{
  602. position:absolute;
  603. opacity:0;
  604. text-align: center;
  605. width: 250px;
  606. font-family:short stack;
  607. font-size:9px;
  608. line-height:100%;
  609. text-transform:lowercase;
  610. margin-top:-10px;
  611. padding:0px;
  612. -webkit-transition: all 1s ease-in-out;
  613. -moz-transition: all 1s ease-in-out;
  614. -o-transition: all 1s ease-in-out;
  615. -ms-transition: all 1s ease-in-out;
  616. transition: all 1s ease-in-out;
  617. }
  618.  
  619. #sidebar:hover #links {
  620. opacity:1;
  621. margin-top:-10px;
  622. -webkit-transform: rotate(0deg);
  623. -moz-transform: rotate(0deg);
  624. -webkit-transition: all 1s ease-in-out;
  625. -moz-transition: all 1s ease-in-out;
  626. -o-transition: all 1s ease-in-out;
  627. -ms-transition: all 1s ease-in-out;
  628. transition: all 1s ease-in-out;
  629. }
  630.  
  631. div#backtitle {font-family:signerica;position:fixed;max-width:350px;font-size:20px;text-align:center;padding:3px;margin-top:420px;margin-left:990px;-webkit-transform: rotate(366deg);line-height: 30px;
  632. text-shadow: 1px 1px 3px #bbb;opacity: .6;color:{color:backtitle};}
  633.  
  634. {CustomCSS}
  635.  
  636. </style>
  637.  
  638. {block:IndexPage}
  639. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  640. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  641.  
  642. <script type="text/javascript">
  643. $(window).load(function () {
  644. var $content = $('#posts');
  645. $content.masonry({itemSelector: '.entry'}),
  646. $content.infinitescroll({
  647. navSelector : 'div#pagination',
  648. nextSelector : 'div#pagination a#nextPage',
  649. itemSelector : '.entry',
  650. loading: {
  651. finishedMsg: '',
  652. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  653. },
  654. bufferPx : 600,
  655. debug : false,
  656. },
  657. // call masonry as a callback.
  658. function( newElements ) {
  659. var $newElems = $( newElements );
  660. $newElems.hide();
  661. // ensure that images load before adding to masonry layout
  662. $newElems.imagesLoaded(function(){
  663. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  664.  
  665.  
  666. });
  667. });
  668. });
  669. </script>
  670.  
  671. {/block:IndexPage}
  672.  
  673.  
  674. <title>{title}</title>
  675.  
  676. <link rel="shortcut icon" href="{Favicon}">
  677. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  678. <meta name="viewport" content="width=820" />
  679.  
  680. </head>
  681. <body>
  682. <div id="backtitle">{text:backtitle}</div>
  683.  
  684. <div class="wrapper">
  685. <div class="header">
  686. </span>
  687. </div>
  688. <div id="sidebar">
  689. <div id="blogtitle">{text:title1}</div>
  690. <div id="blogtitle2">{text:title2}
  691. </div>
  692. <div id="links"><center><a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}
  693. <a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  694. <a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  695. <a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
  696. <a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}
  697. <a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}
  698. <a href="{text:Link Seven}">{text:Link Seven Title}</a>{/block:ifLinkSevenTitle}
  699. <a href="{text:Link Eight}">{text:Link Eight Title}</a>{/block:ifLinkEightTitle}
  700. <a href="{text:Link Nine}">{text:Link Nine Title}</a>{/block:ifLinkNineTitle}
  701. <a href="{text:Link Ten}">{text:Link Ten Title}</a>{/block:ifLinkTenTitle}
  702. </center></div>
  703. <center><a href="/"><img src="{image:sidebar}" width=250px></a>
  704. <div id="desc">
  705. {text:desc}
  706. </div>
  707. <div id="desc2">{block:Description}
  708. {Description}{/block:Description}</div>
  709.  
  710.  
  711. </div>
  712.  
  713.  
  714. <div class="left">
  715.  
  716. <div id="posts">
  717.  
  718. {block:Posts}
  719. <div class="entry">
  720.  
  721. {block:IndexPage}
  722. {/block:IndexPage}
  723.  
  724. {block:Text}
  725. {block:Title}<span class="title"><a href="{Permalink}">{Title}</a></span>{/block:Title}<span class="entrytext">{Body}</span>
  726. <div class="permalink">
  727. <a href="{permalink}">+{NoteCount}</a></div>
  728. {/block:Text}
  729.  
  730. {block:Link}
  731. <a href="{URL}" class="title">{Name}</a>
  732. {block:Description}{Description}{/block:Description}
  733. <div class="permalink">
  734. <a href="{permalink}">+{NoteCount}</a></div>
  735. {block:Link}
  736.  
  737.  
  738. {block:Photo}
  739.  
  740. <div class="perma">
  741. <div class="likep">
  742. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  743. </div>
  744. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  745. </div>
  746. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  747. </div>
  748.  
  749. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  750. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  751. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  752. {/block:Photo}
  753.  
  754. {block:Photoset}
  755. <div class="perma">
  756. <div class="likep">
  757. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  758. </div>
  759. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  760. </div>
  761. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  762. </div>
  763. {block:IndexPage}
  764. <center>
  765. {Photoset-250}
  766. </center>
  767. {/block:IndexPage}
  768. {block:PermalinkPage}
  769. {Photoset-500}
  770. {/block:PermalinkPage}
  771. {/block:Photoset}
  772.  
  773. {block:Quote}
  774. {Quote}</span>
  775. {block:Source}<strong>{Source}</strong>{/block:Source}
  776. <div class="permalink">
  777. <a href="{permalink}">+{NoteCount}</a></div>
  778. {/block:Quote}
  779.  
  780. {block:Chat}
  781. {block:Title}<span class="title">{Title}</span>{/block:Title}
  782. <ul class="chat">
  783. {block:Lines}
  784. <li class="user_{UserNumber}">
  785. {block:Label}
  786. <span class="label">{Label}</span>
  787. {/block:Label}
  788.  
  789. {Line}
  790. </li>
  791. {/block:Lines}
  792. </ul><div class="permalink">
  793. <a href="{permalink}">+{NoteCount}</a></div>
  794.  
  795. {/block:Chat}
  796.  
  797. {block:Audio}
  798. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  799. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  800. <div class="permalink">
  801. <a href="{permalink}">+{NoteCount}</a></div>
  802. {/block:Audio}
  803.  
  804. {block:Video}
  805. {block:IndexPage}
  806. {Video-250}
  807. {/block:IndexPage}
  808. {block:Video}
  809.  
  810. {block:PermalinkPage}
  811. <center>
  812. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  813. {/block:PermalinkPage}
  814.  
  815.  
  816. {block:PostNotes}{PostNotes}
  817. {/block:PostNotes}
  818. </div>
  819.  
  820.  
  821. {/block:Posts}
  822. </div>
  823. </div>
  824. {block:IndexPage}
  825. {block:Pagination}
  826. <div id="pagination">
  827. {block:NextPage}
  828. <a id="nextPage" href="{NextPage}"></a>
  829. {/block:NextPage}
  830. {block:PreviousPage}
  831. <a href="{PreviousPage}"></a>
  832. {/block:PreviousPage}
  833. </div>
  834. {/block:Pagination}
  835. {/block:IndexPage}
  836. </div>
  837.  
  838.  
  839.  
  840. </body>
  841. <div style="position:fixed; bottom:5px; left:5px;font-size:10px;">
  842. <a href="http://anonymouslydobrev.tumblr.com/">credit</a></div>
  843. </html>
Advertisement
Add Comment
Please, Sign In to add comment