Advertisement
wildthemes

syd theme

Nov 9th, 2012
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.59 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4.  
  5. <!--
  6. syd theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
  7.  
  8. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  9.  
  10. taking credits off/stealing/using my themes as a basecode is illegal.-->
  11.  
  12.  
  13. <!--To enable infinite/endless scrolling in the two/three column version, you must change posts per page to 15 by going on customize, scroll down to advance and change posts per page to 15 -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17. <meta name="if:Two Columns" content="0"/>
  18. <meta name="if:Three Columns" content="1"/>
  19. <meta name="color:Body font" content="#000000"/>
  20. <meta name="color:Links" content="#ff9c00"/>
  21. <meta name="color:Link hover" content="eccc84"/>
  22. <meta name="color:Link One" content="#ccc"/>
  23. <meta name="color:Link Two" content="#ccc"/>
  24. <meta name="color:Link Three" content="#ccc"/>
  25. <meta name="color:Link Four" content="#ccc"/>
  26. <meta name="color:Link Five" content="#ccc"/>
  27.  
  28. <meta name="color:Background" content="#ff9c00"/>
  29. <meta name="color:Content" content="#f3f3f3"/>
  30. <meta name="image:Background image" content="0"/>
  31. <meta name="image:Sidebar image" content="0"/>
  32. <meta name="if:Show blog title" content="1"/>
  33. <meta name="if:Show links" content="1"/>
  34. <meta name="if:Rainbow title" content="1"/>
  35. <meta name="if:Kewl font" content="0"/>
  36. <meta name="image:Border" content= ""/>
  37. <meta name="if:Show sidebar image" content="1"/>
  38. <meta name="text:Link one URL" content="" />
  39. <meta name="text:Link one title" content="Link 1" />
  40. <meta name="text:Link two URL" content="" />
  41. <meta name="text:Link two title" content="Link 2" />
  42. <meta name="text:Link three URL" content="" />
  43. <meta name="text:Link three title" content="Link 3" />
  44. <meta name="text:Link four URL" content="" />
  45. <meta name="text:Link four title" content="Link 4" />
  46.  
  47.  
  48. <title>{title}</title>{block:ifRainbowtitle}
  49. <script type="text/javascript">
  50. // <![CDATA[
  51. var speed=100; // speed colours change, 1 second = 1000
  52. var glow=4; // can be set from '0' for no glow, to 10
  53. var raincol=new Array("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099"); // change the colours if you want to
  54. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  55.  
  56. /****************************
  57. * Rainbow Text Effect *
  58. *(c)2003-12 mf2fm web-design*
  59. * http://www.mf2fm.com/rv *
  60. * DON'T EDIT BELOW THIS BOX *
  61. ****************************/
  62. var rainbow, raintxt, raincnt=0;
  63. window.onload=function() { if (document.getElementById) {
  64. var i, rainbeau;
  65. rainbow=document.getElementById("rainbow");
  66. raintxt=rainbow.firstChild.nodeValue;
  67. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  68. for (i=0; i<raintxt.length; i++) {
  69. rainbeau=document.createElement("span");
  70. rainbeau.setAttribute("id", "rain"+i);
  71. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  72. if (alink) {
  73. rainbeau.style.cursor="pointer";
  74. rainbeau.onclick=function() { top.location.href=alink; }
  75. }
  76. rainbow.appendChild(rainbeau);
  77. }
  78. rainbow=setInterval ("raining()", speed);
  79. }}
  80.  
  81. function raining() {
  82. var i, c;
  83. for (i=0; i<raintxt.length; i++) {
  84. c=raincol[(i+raincnt)%raincol.length];
  85. document.getElementById("rain"+i).style.color=c;
  86. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  87. }
  88. raincnt++;
  89. }
  90. // ]]>
  91. </script>{/block:ifRainbowtitle}
  92.  
  93. <link rel="shortcut icon" href="{Favicon}">
  94. {block:Description}
  95. <meta name="description" content="{MetaDescription}"/>
  96. {/block:Description}
  97. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  98. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  99. <style type="text/css">
  100. html, body, {
  101. font-family: {block:ifCutefont}'short'{/block:ifCutefont}{block:ifnotCutefont}arial{/block:ifnotCutefont};
  102. }
  103.  
  104.  
  105.  
  106. body {
  107. color: {color:Body font};
  108. background:{color:Background}
  109. url({image:background image});
  110. background-attachment: fixed;
  111. background-repeat: repeat;
  112. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  113. line-height: 113%;
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb:vertical {
  117. background-color:{color:Links};
  118. height:auto;-webkit-border-radius:10px;border:1px dashed {color:Body font};
  119.  
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:horizontal {
  123. background-color:{color:Links};
  124. height:6px !important;-webkit-border-radius:10px;border:1px dashed {color:Body font};
  125.  
  126. }
  127.  
  128. ::-webkit-scrollbar {
  129. height:6px;
  130. width:6px;
  131. background-color:{color:Background};
  132. -webkit-border-radius:10px;
  133. }
  134.  
  135. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  136.  
  137.  
  138. .linkies{font-family:littlefont;
  139. text-shadow: 0 0 0.2em {color:Content}, 0 0 0.2em {color:Content};
  140. text-transform:uppercase;
  141. color:{color:Button link text};
  142. margin-left:0px;
  143. margin-bottom:4px;
  144. background: #7d7d7d url('{image:Button background}');
  145. background-position: 0 0;
  146. display: inline-block;
  147. font-size: 8px;
  148. line-height: 25px;
  149. height: 25px;
  150. width: 80px;
  151. overflow: hidden;
  152. -webkit-transition: all 0.9s ease-out;
  153. -moz-transition: all 0.9s ease;
  154. -o-transition: all 0.9s ease;
  155. }
  156.  
  157. .linkies:hover { background-position: 0 150px;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}
  158.  
  159.  
  160. @font-face{
  161. font-family:"short stack";
  162. src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
  163. }
  164.  
  165.  
  166. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  167. #infscr-loading {
  168. position: absolute;
  169. bottom: 0;
  170. left: 25%;}
  171.  
  172.  
  173. a:link, a:active, a:visited{
  174. color:{color:Links}; text-shadow: 0 0 1px #888888;
  175.  
  176. text-decoration: none;
  177. }
  178.  
  179.  
  180. a:hover {
  181. color:{color:Link hover}; text-shadow: 0 0 1px #888888;
  182.  
  183. text-decoration: none;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;
  184. }
  185.  
  186.  
  187. ul {
  188. display: block;
  189. list-style-type: disc;
  190. -webkit-margin-before: 1em;
  191. -webkit-margin-after: 1em;
  192. -webkit-margin-start: 0px;
  193. -webkit-margin-end: 0px;
  194. -webkit-padding-start: 20px;
  195. }
  196.  
  197. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  198. .title{font-family: 'lobster';
  199. font-size: 35px;
  200. line-height:100%;
  201. color: {color: title};
  202. padding:0px 0px 0px 0px;
  203. text-transform: none;
  204. -webkit-transition: all .3s ease-out;
  205. -moz-transition: all .3s ease-out;transition: all .3s ease-out;
  206. }
  207.  
  208. #tumblr_controls{
  209. position:fixed z-index:9999999999;;
  210. }
  211.  
  212.  
  213. #content {
  214.  
  215. {block:ifTwoColumns} width: 800px;{/block:ifTwoColumns}
  216. {block:ifThreeColumns} width: 900px;{/block:ifThreeColumns}
  217. margin-left:435px; margin-top:8px;
  218.  
  219. }
  220. #contain {
  221. width: 940px;
  222.  
  223. margin: -7px auto;
  224. }
  225.  
  226.  
  227. #sidebar {
  228. padding: 1px;
  229. margin-left: -130px;
  230. width: 260px;
  231. overflow: hidden;
  232. text-align: center;
  233. position: fixed;
  234. top: 5px;
  235.  
  236. background-color:{color:Content};
  237. }
  238.  
  239.  
  240. ol.notes img {
  241. width: 16px;
  242. display: inline;
  243. position: relative;
  244. top: 3px;
  245. }
  246.  
  247.  
  248.  
  249. .entry {
  250. overflow: hidden;
  251. float: left;
  252. {block:indexpage}
  253. width:550px;
  254. {block:ifTwoColumns}width:350px;{/block:ifTwoColumns}
  255. {block:ifThreeColumns}width:250px;{/block:ifThreeColumns} margin: 2px;
  256. {/block:indexpage}
  257. {block:permalinkpage}
  258. width: 500px;
  259. margin: 5px;
  260. {/block:permalinkpage}
  261. display: block;
  262. background:{color:Content};
  263. }
  264.  
  265.  
  266.  
  267. .entry img {
  268.  
  269. display: block;
  270. }
  271.  
  272.  
  273.  
  274.  
  275. .entry:hover .details {
  276. opacity: 1.0;
  277. margin:12px 0px 0px 0px;
  278. filter: alpha(opacity = 100);
  279. -webkit-transition: all .25s ease-in-out;
  280. -moz-transition: all .25s ease-in-out;
  281. -o-transition: all .25s ease-in-out;
  282. transition: all .25s ease-in-out;
  283. }
  284.  
  285.  
  286.  
  287. #pagination{
  288. display:none;
  289. }
  290.  
  291.  
  292.  
  293. .clear {
  294. clear: both;
  295. }
  296.  
  297.  
  298. .drawer {
  299. list-style: none;}
  300. #topmenu {
  301. margin: 5px;
  302. }
  303.  
  304.  
  305.  
  306. #description {
  307. position: relative;
  308. }
  309.  
  310. .textperma {
  311. color: #000000;
  312. padding-top: 0px;
  313. padding-bottom: 0px;
  314. font-size: 10px;
  315. text-align: center;
  316. opacity: 0;
  317. filter: alpha(opacity = 0);
  318. -webkit-transition: all ease-in 250ms;
  319. -moz-transition: all ease-in 250ms;
  320. -o-transition: all ease-in 250ms;
  321. -ms-transition: all ease-in 250ms;
  322. transition: all ease-in 250ms;
  323.  
  324. }
  325.  
  326. blockquote, q {
  327. quotes: "«" "»" "'" "'";
  328. padding: 2px;
  329. background: #dfdfdf;
  330. margin: 2px 0px;
  331. }
  332.  
  333.  
  334. li.drawer a {
  335. margin: 0px 5px;}
  336.  
  337.  
  338.  
  339. .an {
  340. text-align:left;
  341. padding-left:5px;
  342. color:black;
  343. padding-right:5px;
  344. border-left: 2px solid #000000;
  345. border-right: 2px solid #000000;
  346. background-color:#dfdfdf;
  347. }
  348.  
  349.  
  350. .text {
  351. padding: 2px;
  352. }
  353.  
  354.  
  355.  
  356. .entry:hover .textperma {
  357. opacity: 1;
  358. filter: alpha(opacity = 100);
  359. -webkit-transition: all ease-in 250ms;
  360. -moz-transition: all ease-in 250ms;
  361. -o-transition: all ease-in 250ms;
  362. -ms-transition: all ease-in 250ms;
  363. transition: all ease-in 250ms;
  364. }
  365.  
  366.  
  367.  
  368. .askb {float: left; margin: 0px;padding: 0px 5px 5px 0px; background: #eee}
  369.  
  370.  
  371. #border{
  372. background-attachment: fixed;
  373. background-image: repeat;
  374. background-image:url({image:Border});
  375. width: 80px;
  376. position: fixed;
  377. height:100%;
  378.  
  379. left:350px;
  380. }
  381. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  382. .blogtitle a {
  383. font-family: 'lobster';
  384. font-size: 40px;
  385. line-height: 130%;
  386. color:{color:Links};
  387. }
  388.  
  389.  
  390. .blogtitle a:hover {
  391. color:{color:Link hover};}
  392.  
  393.  
  394. .wildthemes a {color:{color:Links}}
  395.  
  396. .entry .wildthemes{
  397. position:absolute;
  398. width:auto;
  399. padding:7px;
  400. margin-left: 10px;
  401. overflow:hidden;
  402. border-radius:5px;
  403. top: 0px;
  404. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont}; border:1px dashed {color:Body font};
  405.  
  406.  
  407. text-align:center;
  408.  
  409. opacity:0.0;
  410.  
  411. -webkit-transition: all 0.3s linear;
  412. -moz-transition: all 0.3s linear;
  413. transition: all 0.3s linear;
  414. background-color:{color:Content};
  415.  
  416.  
  417. }
  418. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  419.  
  420. .entry:hover .wildthemes{
  421. overflow:visible;
  422. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  423. transition: all 0.4s linear;
  424. margin-left: 10px;
  425. border:1px dashed {color:Body font};
  426. width:auto;
  427. background-color:{color:Content};
  428. height: auto;
  429. top: 10px;border-radius:5px;
  430.  
  431.  
  432. padding:7px;
  433.  
  434. opacity:0.9;
  435. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  436. -webkit-transition: all 0.3s linear;
  437. -moz-transition: all 0.3s linear;
  438. transition: all 0.3s linear; }
  439. }
  440.  
  441. .entry:hover .wildthemes:hover{
  442. opacity: 1;
  443. width:auto;
  444. -webkit-transition: all 0.5s linear;
  445. -moz-transition: all 0.5s linear;
  446. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  447.  
  448. display: inline-block;
  449.  
  450. }
  451.  
  452.  
  453.  
  454.  
  455.  
  456. .entry .wildthemes2{
  457. position:absolute;
  458. width:auto;
  459. padding:7px;
  460. margin-left: 70px;
  461. overflow:hidden;
  462. top: 0px;
  463. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  464.  
  465. text-align:center;
  466.  
  467. opacity:0.0; border-radius:5px;
  468. border:1px dashed {color:Body font};
  469.  
  470. -webkit-transition: all 0.3s linear;
  471. -moz-transition: all 0.3s linear;
  472. transition: all 0.3s linear;
  473. background-color:{color:Content};
  474.  
  475. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  476. }
  477. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  478.  
  479. .entry:hover .wildthemes2{
  480. overflow:visible;
  481. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  482. transition: all 0.4s linear;
  483. margin-left: 70px;
  484. width:auto;
  485. background-color:{color:Content};
  486. height: auto;
  487. top: 10px;
  488. border-radius:5px;
  489. border:1px dashed {color:Body font};
  490. padding:7px;
  491.  
  492. opacity:0.9;
  493. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  494. -webkit-transition: all 0.3s linear;
  495. -moz-transition: all 0.3s linear;
  496. transition: all 0.3s linear;
  497. }
  498.  
  499.  
  500.  
  501. .perma2 {
  502. text-transform:uppercase;
  503. padding-top:3px;
  504. border:1px solid #bbbbba;
  505. text-align:right;
  506. float: right;
  507. opacity:0;
  508. width: 100%;
  509. font-size: 8px;
  510. line-height: 120%;
  511. letter-spacing:px;
  512. font-family:'littlefont'; }
  513.  
  514. .entry:hover .perma2{
  515. -webkit-transition: all .25s ease-in-out;
  516. -moz-transition: all .25s ease-in-out;
  517. -o-transition: all .25s ease-in-out;
  518. transition: all .25s ease-in-out;
  519. text-transform:uppercase;
  520. padding-top:3px;
  521. border:1px solid #bbbbba;
  522. text-align:right;
  523. float: right;
  524. opacity:1;
  525. width: 100%;
  526. font-size: 8px;
  527. line-height: 120%;
  528. letter-spacing:px;
  529. font-family:'littlefont' ;
  530.  
  531. }
  532.  
  533.  
  534.  
  535. #description {
  536. background: {color:content};
  537. padding: 5px;
  538.  
  539.  
  540. }
  541.  
  542.  
  543.  
  544. .clearfix {
  545. clear: both;
  546. }
  547.  
  548.  
  549. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  550. padding-bottom : 0px;}
  551.  
  552. .linkz {
  553. display:inline-block;
  554. width: 49.3px;
  555. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  556. line-height: 15px;
  557. opacity: 1.0;
  558. position:relative;
  559. margin-top:-8px;
  560. text-transform: lowercase;
  561. text-align:center;
  562. -webkit-transition: all 0.3s ease-in-out;
  563. -moz-transition: all 0.3s ease-in-out;
  564. -o-transition: all 0.3s ease-in-out;
  565. color: #000000;
  566. margin-bottom:2px;
  567. }
  568.  
  569. .linkz a {color: #000000;}
  570.  
  571. .linkz a:hover {
  572. opacity: 0.3;
  573. height:50%;
  574. -webkit-transition-duration: .2s;
  575. }
  576.  
  577.  
  578.  
  579. </style>
  580. </head>
  581. <body>
  582.  
  583.  
  584. <div id="contain">
  585. <div id="border">
  586.  
  587. </div>
  588. <div id="sidebar">
  589.  
  590. <div id="description">
  591.  
  592.  
  593.  
  594. {block:ifShowblogtitle}<center><div class="blogtitle">{block:ifRainbowtitle}<a href="/"><span id="rainbow">{Title}</span></a>{/block:ifRainbowtitle} {block:ifnotRainbowtitle}<a href="/">{Title}</a>{/block:ifnotRainbowtitle} </div>
  595.  
  596.  
  597.  
  598.  
  599. {/block:ifShowblogtitle}
  600.  
  601. {block:ifShowsidebarimage}<a title="" href="/"><img src="{image:Sidebar image}" width="250"></a>{/block:ifShowsidebarimage}<br>
  602. {block:ifShowlinks}
  603. <div style="margin-left:3.6px;">
  604. <div class="linkz" style="background-color:{color:Link one}; margin-left: -4px; border-bottom-left-radius:10px;"><a href="{text:Link one URL}">{text:Link one title}</a></div>
  605.  
  606. <div class="linkz" style="background-color:{color:Link two}; margin-left: -4px;"><a href="{text:Link two URL}">{text:Link two title}</a></div>
  607.  
  608. <div class="linkz" style="background-color:{color:Link three}; margin-left: -4px;"><a href="{text:Link three URL}">{text:Link three title}</a></div>
  609.  
  610. <div class="linkz" style="background-color:{color:Link four}; margin-left: -4px;"><a href="{text:Link four URL}">{text:Link four title}</a></div>
  611.  
  612. <div class="linkz" style="background-color:{color:Link five}; margin-left: -4px; border-bottom-right-radius:10px; width:53px;"><a href="http://wildthemes.tumblr.com/">Credit</a></div></div>
  613. {/block:ifShowlinks}
  614. {Description}
  615.  
  616.  
  617.  
  618. </div>
  619. </div>
  620. </div>
  621.  
  622. <div id="content">
  623.  
  624. {block:Posts}
  625.  
  626. <div class="entry">
  627.  
  628.  
  629.  
  630. {block:Text}
  631. <div class="text">
  632. {block:Title}
  633. <div class="title"><a href="{Permalink}">{Title}</a></div>
  634. {/block:Title}
  635. {Body}
  636. {block:IndexPage}<br>
  637. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  638. {/block:IndexPage}
  639. </div>
  640. {/block:Text}
  641.  
  642.  
  643.  
  644. {block:Photo}
  645. {block:IndexPage}
  646. <div class="wildthemes"><a href="{ReblogURL}" target="_blank">reblog</a> </div> <div class="wildthemes2"><a href="{Permalink}">{notecountwithlabel}</a></div>
  647.  
  648.  
  649. {/block:IndexPage}
  650. {block:indexpage}
  651. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  652. {/block:indexpage}
  653. {block:permalinkpage}
  654. <center></center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  655. {/block:permalinkpage}
  656. {/block:Photo}
  657.  
  658.  
  659.  
  660. {block:Photoset}
  661. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  662. {block:IndexPage} <br>
  663. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  664. {/block:IndexPage}
  665. {block:permalinkpage}
  666. {Photoset-500}
  667. {/block:permalinkpage}
  668. {/block:Photoset}
  669.  
  670.  
  671.  
  672.  
  673. {block:Quote}
  674. <div class="text">
  675. <div class="title">"{Quote}" </div>
  676. {block:Source}
  677. <div style="text-align:right">{Source}</div>
  678. {/block:Source}
  679. {block:IndexPage}<br>
  680. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  681. {/block:IndexPage}
  682. </div>{/block:Quote}
  683.  
  684.  
  685.  
  686.  
  687. {block:Link}
  688. <div class="text">
  689. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  690. {block:Description}
  691. <div class="description">{Description}</div>
  692. {/block:Description}
  693. <p>
  694. {block:IndexPage}<br>
  695. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  696. {/block:IndexPage}
  697.  
  698. </div>{/block:Link}
  699.  
  700.  
  701.  
  702.  
  703. {block:Chat}
  704. <div class="text">
  705. {block:Title}
  706. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  707. {/block:Title}
  708. <ul class="chat">
  709. {block:Lines}
  710. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  711. {Line} </li>
  712. {/block:Lines}
  713. </ul>
  714. {block:IndexPage}<br>
  715. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  716. {/block:IndexPage}
  717. </div>{/block:Chat}
  718.  
  719.  
  720.  
  721.  
  722. {block:Video}
  723. {block:IndexPage}{Video-250}{/block:IndexPage}
  724. {block:IndexPage}<br>
  725. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  726. {/block:IndexPage}
  727. {block:permalinkpage}
  728. {Video-250}
  729. {/block:permalinkpage}
  730. {/block:Video}
  731.  
  732.  
  733.  
  734.  
  735. {block:Audio}
  736. <div class="text">
  737. {AudioPlayerGrey}
  738. {block:Caption}
  739. {Caption}
  740. {/block:Caption}
  741. {block:IndexPage}<br>
  742. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  743. {/block:IndexPage}
  744. </div>{/block:Audio}
  745.  
  746.  
  747.  
  748.  
  749. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="asssborder"><div class="asss"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  750. {block:IndexPage}<br>
  751. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  752. {/block:IndexPage}
  753. {/block:Answer}
  754.  
  755.  
  756.  
  757. {block:PermalinkPage}
  758. <center>
  759. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  760.  
  761.  
  762. {/block:PermalinkPage}
  763.  
  764.  
  765. {block:PostNotes}{PostNotes}
  766. {/block:PostNotes}
  767. </div>
  768.  
  769.  
  770. {/block:Posts}
  771.  
  772. <div class="clear"></div>
  773. </div>
  774.  
  775. {block:Pagination}
  776. <ul id="pagination">
  777. {block:PreviousPage}
  778. <li><a href="{PreviousPage}"></a></li>
  779. {/block:PreviousPage}
  780. {block:JumpPagination length="5"}
  781. {block:CurrentPage}
  782. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  783. {/block:CurrentPage}
  784. {block:JumpPage}
  785. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  786. {/block:JumpPage}
  787. {/block:JumpPagination}
  788. {block:NextPage}
  789. <li><a id="nextPage" href="{NextPage}"></a></li>
  790. {/block:NextPage}
  791. </ul>
  792. {/block:Pagination}
  793. {block:IndexPage}
  794.  
  795.  
  796. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  797.  
  798.  
  799. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  800.  
  801.  
  802.  
  803.  
  804. {block:IndexPage}
  805. <script type="text/javascript">
  806. $(window).load(function () {
  807. $('#content').masonry(),
  808. $('.masonryWrap').infinitescroll({
  809. navSelector : '#pagination',
  810. nextSelector : '#pagination a#nextPage',
  811. itemSelector : ".entry, .clear",
  812. bufferPx : 200,
  813. loadingText : "<em></em>",
  814. },
  815. function() { $('#content').masonry({ appendedContent: $(this) }); }
  816. );
  817. });
  818. </script>
  819. {/block:IndexPage}
  820.  
  821. <script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt">
  822.  
  823.  
  824. </body>
  825.  
  826. </div>
  827. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement