Advertisement
Guest User

theme11 wrecked

a guest
Apr 7th, 2013
1,402
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 19.73 KB | None | 0 0
  1. <!--
  2.  
  3. -->
  4.  
  5. <head>
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  12.  
  13.  
  14. <meta name="color:Background" content="#F7F7F7"/>
  15. <meta name="color:Text" content="#535353"/>
  16. <meta name="color:Hover" content="#130C11"/>
  17. <meta name="color:nav links" content="#777777"/>
  18. <meta name="color:nav links hover" content="#9b9b9b"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:Scrollbar" content="#130C11"/>
  21. <meta name="color:Description" content=""/>
  22. <meta name="color:Side Text" content="#FFFFFF"/>
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="image:Background" content="1"/>
  25. <meta name="image:Sidebar Background" content="1"/>
  26. <meta name="font:Text Font" content="arial"/>
  27. <meta name="text:Link One Title" content="" />
  28. <meta name="text:Link One" content="" />
  29. <meta name="text:Link Two Title" content="" />
  30. <meta name="text:Link Two" content="" />
  31. <meta name="text:Link Three Title" content="" />
  32. <meta name="text:Link Three" content="" />
  33. <meta name="text:Link Four Title" content="" />
  34. <meta name="text:Link Four" content="" />
  35. <meta name="text:side title" content="" />
  36. <!-- random files -->
  37.  
  38.  <script type="text/javascript" src="http://static.tumblr.com/lz9mf2v/LGhmhazdx/myfont.txt"></script>
  39.  
  40. <script src="http://static.tumblr.com/uiqhh9x/Jbfm68nyq/totop.js" type="text/javascript"></script>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. @import url(http://fonts.googleapis.com/css?family=Engagement|Sacramento);
  47.  
  48.  
  49. .entry img {
  50.     display: block;
  51.     max-width: 100%;
  52.     {block:indexpage}
  53.     {block:iffadedimages}
  54.     opacity: .75;
  55.     filter: alpha(opacity = 75);
  56.     {/block:iffadedimages}
  57.     {/block:indexpage}
  58. }
  59.  
  60.  
  61. .entry:hover img {
  62.     max-width: 100%;
  63.     {block:indexpage}
  64.     {block:iffadedimages}
  65.     opacity: 1.0;
  66.     filter: alpha(opacity = 100);
  67.     {/block:iffadedimages}
  68.     {/block:indexpage}
  69. }
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: black; }
  80.  
  81. {block:ifshadowhover}text-shadow:0px 0px 4px #000{/block:ifshadowhover};
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  85.  
  86. <title>{Title}{block:Title} - {Title}{/block:Title}</title>{block:Description}<meta name=”description” content={MetaDescription}/>{/block:Description}
  87. {block:ifinfinitescrolling}<script type=text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  88.  
  89. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  90.  
  91. .wrapper{
  92. margin: 0px auto;
  93. width: 802px;
  94. }
  95.  
  96. .header{
  97. float: left;
  98. width: 100%;
  99. }
  100.  
  101. .left{
  102. float: left;
  103. margin-right: 20px;
  104. width: 802px;
  105. }
  106.  
  107. .right{
  108. float: right;
  109. width: 200px;
  110. background-color: {color:Background};
  111. }
  112.  
  113. body {
  114. padding: 0px;
  115. margin: 0px;
  116. color:{color:text};
  117. font-family: {font:text font};
  118. font-size: 10px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-size: cover;
  123. }
  124.  
  125. a:link, a:active, a:visited{
  126. color:{color:Link};
  127. text-decoration: none;
  128. -webkit-transition: color 0.4s ease-out;
  129. -moz-transition: color 0.4s ease-out;
  130. }
  131.  
  132. a:hover{
  133. color:{color:Hover};
  134. -webkit-transition: color 0.4s ease-out;
  135. -moz-transition: color 0.4s ease-out;
  136. {block:ifshadowhover}text-shadow:0px 0px 4px #000{/block:ifshadowhover};
  137. }
  138.  
  139. .entry {
  140. margin:1px;
  141. padding: 5px;
  142. float:left;
  143. font-family: georgia;
  144. font-size: 12px;
  145. line-height:12px;
  146. {block:IndexPage}
  147. width:250px;
  148. {/block:IndexPage}
  149. {block:PermalinkPage}
  150. width:550px;
  151. margin-left: 507x;
  152. {/block:PermalinkPage}
  153.    {block:ifhelveticafont}
  154.     font-family: helvetica;
  155.     font-size:11px;
  156.     letter-spacing:0px;
  157.     line-height:12px;
  158.     {/block:ifhelveticafont}
  159.  {block:ifshadow}
  160.      box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  161.     -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  162.     -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  163.     {/block:ifshadow}
  164.      {block:ifroundedcorners}-moz-border-radius: 5px;
  165. border-radius: 5px;
  166. {block:ifroundedcorners}
  167. }
  168.  
  169. .title{
  170. font-family: georgia;
  171. font-size: 12px;
  172. line-height:12px;
  173. color: {color:title};
  174. font-weight: normal;
  175. text-transform: uppercase;
  176. padding:0px 0px 0px 0px;
  177.  
  178.    {block:ifhelveticafont}
  179.     font-family: helvetica;
  180.     font-size:11px;
  181.     letter-spacing:0px;
  182.     line-height:12px;
  183.     {/block:ifhelveticafont}
  184. }
  185. #blogtitle{
  186.     text-transform:lowercase;
  187.     width:200px;
  188.     text-shadow: 1px 1px 2px #000;
  189.     margin-top:-158px;
  190. font-family: 'ariel';
  191. font-size: 15px;
  192. color: black;
  193. font-weight: normal;
  194. }
  195.  
  196. .entry .permalink{
  197. text-transform:uppercase;
  198. position:absolute;
  199. width:auto;
  200. height:8px;
  201. padding-top:2px;
  202. padding-bottom:14px;
  203. padding-left:5px;
  204. padding-right:10px;
  205. background-color:#ffffff;
  206. overflow:hidden;
  207. font-family: consolas;
  208. font-size: 10px;
  209. line-height:20px;
  210. text-align:center;
  211. opacity:0.0;
  212. -webkit-transition: all 0.3s linear;
  213. -webkit-transition: all 0.3s linear;
  214. -moz-transition: all 0.3s linear;
  215. transition: all 0.3s linear;
  216. }
  217.  
  218. .entry:hover .permalink{
  219. margin-top:5px;
  220. margin-left:5px;
  221. overflow:visible;
  222. -webkit-transition: all 0.4s linear; opacity: 0.8;
  223. -webkit-transition: all 0.4s linear;
  224. -moz-transition: all 0.4s linear;
  225. transition: all 0.4s linear;
  226. }
  227.  
  228. .textperma{
  229. display: block;
  230. font-family: georgia;
  231. font-size: 11px;
  232. text-transform: lowercase;
  233. text-align: right;
  234. background-color:#FFFFFF;
  235. letter-spacing: 0px;
  236. border-top: 1px solid #c7c6c6;
  237. padding: 0px;
  238. margin: 2px;
  239.  
  240.    {block:ifhelveticafont}
  241.     font-family: helvetica;
  242.     font-size:11px;
  243.     letter-spacing:0px;
  244.     line-height:12px;
  245.     {/block:ifhelveticafont}
  246. }
  247.  
  248. #rst{
  249. position:fixed !important;
  250. right:3px;
  251. top:26px;
  252. font-family: helvetica;
  253. font-size: 10px;
  254. line-height:12px;
  255. vertical-align: middle;
  256. overflow: hidden;
  257. padding:3px;
  258. -webkit-border-radius:2px;
  259. moz-border-radius:2px;
  260. -o-border-radius:2px;
  261. border-radius:2px;
  262. z-index: 100;}
  263.  
  264. #rst a{
  265. color: #fff;}
  266.  
  267. .yo a{
  268. color: #fff;}
  269.  
  270. .yo{
  271. color: #fff;
  272. font-size: 12px;
  273. display: inline-block;}
  274.  
  275.  
  276. .videoperma embed, .post div.video object {
  277. width:400px !important;
  278. height:350px !important;
  279. }
  280.  
  281.      
  282. @font-face { font-family: "Signerica"; src: url('http://static.tumblr.com/lz9mf2v/mq6mis9pl/signerica_fat.ttf'); }
  283.  
  284. #sidebar2{
  285. z-index:999999999999999;
  286. width:50px;
  287. margin-left: 300px;
  288. z-index:10;
  289. position:fixed !important;
  290. bottom:0px;
  291. height:100%;
  292. z-index:10;
  293. background-color: #585858;
  294. background-image:url({image:Sidebar Background});
  295. background-size:cover;
  296. }
  297.  
  298. div#sidebar{
  299. border:1px solid #a4a4a4;
  300. margin-left:-150px;
  301. margin-top:100px;
  302. position:fixed !important;
  303. width: 245px;
  304. height:auto;
  305. padding:10px;
  306. text-align: right;
  307. font-family: georgia;
  308. font-size: 10px;
  309. line-height:12px;
  310. letter-spacing:0px;
  311. background-image:{image:Sidebar Background};
  312.    {block:ifhelveticafont}
  313.     font-family: helvetica;
  314.     font-size:11px;
  315.     letter-spacing:0px;
  316.     line-height:12px;
  317.     {/block:ifhelveticafont}
  318.  {block:ifshadow}
  319.      box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  320.     -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  321.     -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07);
  322.     {/block:ifshadow}
  323.      {block:ifroundedcorners}-moz-border-radius: 5px;
  324. border-radius: 5px;
  325. {block:ifroundedcorners}
  326. }
  327.  
  328. .ohana a{
  329.     color:{color:nav links};
  330.     font-size:12px;
  331.     text-decoration:underline;
  332.     margin:5px 5px;
  333.     text-transform:uppercase;
  334.     font-family:calibri;
  335.     line-height:20px;
  336.     -webkit-transition: all 1s ease;
  337.    
  338. }
  339.  
  340. .ohana a:hover{
  341.     color:#FFF;
  342.     text-shadow: 1px 1px 1px #FA5882;
  343.         filter: dropshadow(color=#FA5882, offx=1, offy=2);
  344.         -webkit-transition: all 1s ease;
  345. }
  346.  
  347. #posts {
  348. width: 600px;
  349. margin-left:220px;
  350. margin-top:0px;
  351. float:left;
  352. font-family: 'Questrial', sans-serif;
  353. background-attachment:fixed;
  354. background-repeat: repeat;
  355. background-size:cover;
  356. }
  357.  
  358. #infscr-loading{
  359. bottom: -70px;
  360. position: absolute;
  361. left: 50%;
  362. margin-left:-8px;
  363. width:16px;
  364. height:11px;
  365. overflow:hidden;
  366. margin-bottom: 50px;
  367. }
  368.  .textperma {
  369.     color: #000000;
  370.     padding-top: 0px;
  371.     padding-bottom: 0px;
  372.     font-size: 10px;
  373.     text-align: center;
  374.         opacity: 0;
  375.         filter: alpha(opacity = 0);
  376.         -webkit-transition: all ease-in 250ms;
  377.         -moz-transition: all ease-in 250ms;
  378.         -o-transition: all ease-in 250ms;
  379.         -ms-transition: all ease-in 250ms;
  380.         transition: all ease-in 250ms;
  381.        
  382.     }
  383.      
  384.     h1 {
  385.       font-size:{text:title font size};
  386.     }
  387.  
  388. blockquote, q {
  389. padding-left:5px;padding-top:7px;
  390. padding-right:5px;padding-bottom:7px;
  391. margin-left:5px; margin-right:5px;
  392. border-left: 2px solid #ccc;
  393. border-right: 2px solid #ccc;
  394. background-color:{color:blockquote};
  395. }
  396.      
  397. .label {
  398.       text-transform:uppercase;
  399.       color:{color:Link}
  400.       }
  401.    
  402. .question {
  403.       text-align:left;
  404.       padding-left:5px;padding-top:7px;
  405.       padding-right:5px;padding-bottom:7px;
  406.       border-left: 2px solid {color:Link};
  407.       border-right: 2px solid {color:Link};
  408.       background-color:{color:blockquote};
  409.       }
  410.  
  411. .answer {
  412.       text-align:left;
  413.       padding-left:5px;padding-top:7px;
  414.       padding-right:5px;padding-bottom:7px;
  415.       }      
  416. .text {
  417.     padding: 10px;
  418. }
  419.      
  420.     .entry:hover .textperma {
  421.         opacity: 1;
  422.         filter: alpha(opacity = 100);
  423.         -webkit-transition: all ease-in 250ms;
  424.         -moz-transition: all ease-in 250ms;
  425.         -o-transition: all ease-in 250ms;
  426.         -ms-transition: all ease-in 250ms;
  427.         transition: all ease-in 250ms;
  428.     }
  429.      
  430.     #pp {
  431.         text-align: center;
  432.         width: 100%;
  433.         padding-top: 2px;
  434.     }
  435.     .perma
  436.     {
  437.         opacity: 0.0;
  438.     filter: alpha(opacity = 0);
  439.     position:absolute;
  440.     z-index:9999991;  
  441.     bottom: 0px;
  442.     right: 7px;
  443.     }
  444.      
  445.     .entry:hover .perma {
  446.      -webkit-transition: opacity 0.4s linear;
  447.     opacity: 1;
  448.     -moz-transition: all 0.4s linear;
  449.     transition: all 0.4s linear;
  450.     filter: alpha(opacity = 100);
  451.     }
  452.      
  453.    
  454.  
  455. .likep {
  456. width: 21px;
  457. height: 20px;
  458. overflow: hidden;
  459. z-index: 9999999;
  460. display: inline-block;
  461.  
  462. }
  463. .rep {
  464. width: 24px;
  465. height: 20px;
  466. overflow: hidden;
  467. z-index: 9999999;
  468. display: inline-block;
  469.  
  470. }    
  471. .likep a:hover {
  472. background-position: 0px 0px;
  473. }
  474. .likep a {
  475. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  476. background-position: 0px 0px;
  477. display: block;
  478. z-index: 9999999;
  479.    webkit-transition: all 0s linear;
  480. -webkit-transition: all 0s linear;
  481. -moz-transition: all 0s linear;
  482. transition: all 0s linear;
  483. }
  484. .likep img {
  485.     width: 21px;
  486.     height: 20px;
  487.        webkit-transition: all 0.2s linear;
  488. -webkit-transition: all 0.2s linear;
  489. -moz-transition: all 0.2s linear;
  490. transition: all 0.2s linear;
  491. }
  492. .rep img{
  493.     width: 24px;
  494.     height: 20px;
  495.     line-height: 30px;
  496.     display: inline;
  497. }
  498.  
  499. .not { display: inline-block;
  500. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  501. height: 20px;
  502. font-size: 11px;
  503. line-height: 20px;
  504. color: #fff;
  505. padding-left: 4px;
  506. padding-right: 4px;
  507. -moz-border-radius: 2px;
  508.     border-radius:  2px;
  509.     bottom: 6px;
  510. position: relative;
  511. letter-spacing:0px;
  512. }
  513. .not a{
  514. color: #fff;
  515. font-family: helvetica;
  516. }
  517.  
  518. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  519.      opacity: 0.8;
  520.     filter: alpha(opacity = 80);
  521. }
  522. .not:hover , .rep:hover, .likep:hover {
  523.      opacity: 1!important;
  524.     filter: alpha(opacity = 100)!important;
  525. }
  526.  
  527. .permahover {
  528.     text-align: right;
  529.     line-height:200%;
  530.     opacity: 0.0;
  531.     filter: alpha(opacity = 0);
  532.     font-size: 9px;
  533.     line-height: 9px;
  534.     text-transform: uppercase;
  535.     }
  536.    
  537. .entry:hover .permahover {
  538.     text-align: center;
  539.     opacity: 1;
  540.     filter: alpha(opacity = 50);
  541.     }
  542.            
  543.     .clearfix {
  544.         clear: both;
  545.         }
  546.      
  547.  
  548.     .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle;  padding : 2px;
  549.     padding-bottom : 0px;}
  550.  
  551. #toTop {
  552.     display:none;
  553.     text-decoration:none;
  554.     position:fixed;
  555.     bottom:10px;
  556.     right:10px;
  557.     overflow:hidden;
  558.     width:21px;
  559.     height:21px;
  560.     border:none;
  561.     text-indent:100%;
  562.     background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  563.     opacity: .5;
  564.     filter: alpha(opacity = 50);
  565. }
  566.  
  567. #toTopHover {
  568.     width:21px;
  569.     height:21px;
  570.     display:block;
  571.     overflow:hidden;
  572.     float:left;
  573.     opacity: 0;
  574.     -moz-opacity: 0;
  575.     filter:alpha(opacity=0);
  576. }
  577.  
  578. #toTop:hover {
  579.     opacity: 1;
  580.     filter: alpha(opacity = 100);
  581. }
  582.  
  583. #toTop:active, #toTop:focus {
  584.     outline:none;
  585. }  
  586.  
  587.  
  588. {CustomCSS}
  589.  
  590. #tumblr_controls{ position:fixed !important;  -webkit-filter: invert(100%); }
  591.  
  592. </style>
  593.  
  594. {block:IndexPage}
  595. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  596. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  597.  
  598. <script type="text/javascript">
  599. $(window).load(function () {
  600. var $content = $('#posts');
  601. $content.masonry({itemSelector: '.entry'}),
  602. $content.infinitescroll({
  603. navSelector : 'div#pagination',
  604. nextSelector : 'div#pagination a#nextPage',
  605. itemSelector : '.entry',
  606. loading: {
  607. finishedMsg: '',
  608. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  609. },
  610. bufferPx : 600,
  611. debug : false,
  612. },
  613. // call masonry as a callback.
  614. function( newElements ) {
  615. var $newElems = $( newElements );
  616. $newElems.hide();
  617. // ensure that images load before adding to masonry layout
  618. $newElems.imagesLoaded(function(){
  619. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  620.  
  621.  
  622. });
  623. });
  624. });
  625. </script>
  626.  
  627. {/block:IndexPage}
  628.  
  629.  
  630. <title>{title}</title>
  631. <link rel="shortcut icon" href="{Favicon}"/>
  632. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  633. <meta name="viewport" content="width=820" />
  634.  
  635. {block:ifsparklehover}<style type="text/css">a:hover{background:url(http://www.layoutstuff.com/userpics/dividers/sparkles.gif);}hr{background-image:url(http://www.layoutstuff.com/userpics/dividers/sparkles.gif); </style>{/block:ifsparklehover}
  636.  
  637. </head>
  638. <body>
  639. <div class="wrapper">
  640. <div class="header">
  641. </div>
  642.  
  643. <div id="sidebar">
  644.  
  645.  
  646. <center>
  647.  
  648. <div style="padding-top:5px;">
  649. <img src="{image:sidebar}" style="" width="230px" height=auto></div>
  650. <div style="text-align:center; padding:5px; z-index:9; color: {color:Description} ; width:200px; font-family:calibri; font-size:11px; margin-top:5px; letter-spacing:0px; border-bottom:1px solid #a4a4a4;">
  651. &nbsp;&nbsp;&nbsp;{Description}
  652. </br></div>
  653. </center>
  654.  
  655. <center>
  656. <div class="ohana">
  657. <div style="margin-top:5px;">
  658. <a href="/">Home</a>
  659. <a href="/faqask">Ask</a>
  660. <a href="{text:Link One}">{text:Link One Title}</a>
  661. <a href="{text:Link Two}">{text:Link Two Title}</a>
  662. <a href="{text:Link Three}">{text:Link Three Title}</a>
  663. <a href="{text:Link Four}">{text:Link Four Title}</a>
  664. </div>
  665. </div>
  666. </center>
  667.  
  668. <div id="sidebar2">
  669. <div style="color:{Color:Side Text}; -webkit-transform:rotate(270deg); margin-top:400px; font-size:20px; font-family:signerica;">
  670. {text:side title}
  671. </div>
  672. </div>
  673.  
  674.  
  675.  
  676.  
  677.  
  678. </select>
  679.  
  680.  
  681. </div>
  682.  
  683.  
  684.  
  685. <div class="left">
  686.  
  687. <div id="posts">
  688.  
  689. {block:Posts}
  690. <div class="entry">
  691.  
  692.  
  693. {block:Text}
  694. {block:Title}<span class="title">{Title}</span>{/block:Title}
  695. <span class="entrytext">{Body}</span></a>
  696. {block:IndexPage}
  697. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  698. {/block:IndexPage}
  699. {/block:Text}
  700.  
  701. {block:Link}
  702. <a href="{URL}" class="title">{Name}</a>
  703. {block:Description}{description}{/block:Description}
  704. {block:IndexPage}
  705. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  706. {/block:IndexPage}
  707. {block:Link}
  708.  
  709. {block:Photo}
  710. {block:IndexPage}{LinkOpenTag}<div class="photo"><div class="permalink">
  711. <a href="{Permalink}">{dayofweek} with <a href="{permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></div><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  712. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="550"/></a>{LinkCloseTag}{/block:PermalinkPage}
  713. {/block:Photo}
  714.  
  715. {block:Photoset}{block:IndexPage}
  716. <div class="permalink">
  717. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> | <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
  718.  
  719. {block:Quote}
  720. <span class="title">{Quote}</span><br />
  721. {block:Source}{Source}{/block:Source}
  722. {block:IndexPage}
  723. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  724. {/block:IndexPage}
  725. {/block:Quote}
  726.  
  727. {block:Chat}
  728. {block:Title}<span class="title">{Title}</span>{/block:Title}
  729. <ul class="chat">
  730. {block:Lines}
  731. <li class="user_{UserNumber}">
  732. {block:Label}
  733. <span class="label">{Label}</span>
  734. {/block:Label}
  735.  
  736. {Line}
  737. </li>
  738. {/block:Lines}
  739. </ul>
  740. {block:IndexPage}
  741. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  742. {/block:IndexPage}
  743. {/block:Chat}
  744.  
  745. {block:Audio}
  746. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  747. {FormattedPlayCount} plays</small></div></div></center><br>
  748. {block:Caption}{Caption}{/block:Caption}
  749. {block:IndexPage}
  750. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  751. {/block:IndexPage}
  752. {/block:Audio}
  753.  
  754. {block:Video}{block:IndexPage}
  755. <div class="permalink">
  756. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> | <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  757. <center>
  758. <div class="videoperma">{Video-400}</div><BR>
  759. {block:Caption}{Caption}</a>{/block:Caption}</center>
  760. {block:Video}
  761.  
  762. {block:PermalinkPage}
  763. <center>
  764. <br>{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>
  765.  
  766.  
  767. {/block:PermalinkPage}
  768.  
  769.  
  770. {block:PostNotes}{PostNotes}
  771. {/block:PostNotes}
  772. </div>
  773.  
  774.  
  775. {/block:Posts}
  776. </div>
  777. </div>
  778. {block:IndexPage}
  779. {block:Pagination}
  780. <div id="pagination">
  781. {block:NextPage}
  782. <a id="nextPage" href="{NextPage}"></a>
  783. {/block:NextPage}
  784. {block:PreviousPage}
  785. <a href="{PreviousPage}"></a>
  786. {/block:PreviousPage}
  787. </div>
  788. {/block:Pagination}
  789. {/block:IndexPage}
  790. </div>
  791.  
  792. <script type="text/javascript">
  793.         $(document).ready(function() {
  794.             /*
  795.             var defaults = {
  796.                   containerID: 'toTop', // fading element id
  797.                 containerHoverID: 'toTopHover', // fading element hover id
  798.                 scrollSpeed: 1200,
  799.                 easingType: 'linear'
  800.             };
  801.             */
  802.            
  803.             $().UItoTop({ easingType: 'easeOutQuart' });
  804.            
  805.         });
  806. </script>
  807. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  808. </body>
  809. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement