Advertisement
purethought-s

Theme #21: Wolves

Jun 10th, 2013
2,571
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.90 KB | None | 0 0
  1. <!-- Wolves Theme by Sleephy
  2. similar to my theme page layout requested by anon
  3. Please don't steal this :)
  4. A bug that prevented the follow/dashboard buttons from showing up has been fixed, please re-install the theme for them to show up. (Fixed on 8/08/13)
  5. -->
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
  8. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script>
  17. $(function(){
  18. $("[title]").mbTooltip({
  19. opacity : .90, //opacity
  20. wait:500, //before show
  21. ancor:"mouse", //"parent"
  22. cssClass:"default", // default = default
  23. timePerWord:70, //time to show in milliseconds per word
  24. hasArrow:false,
  25. color:"white",
  26. imgPath:"images/",
  27. shadowColor:"black",
  28. fade:500
  29. });
  30. })
  31.  
  32. </script>
  33.  
  34. <script type="text/javascript" src="http://static.tumblr.com/xrmodho/lSWmp7h7t/jquery.js"></script>
  35.  
  36.  
  37.  
  38. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  39.  
  40.  
  41. <!-- DEFAULT VARIABLES -->
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  43. <meta name="color:background" content="#fff"/>
  44. <meta name="color:text" content="#000"/>
  45. <meta name="color:title" content="#b1b99e"/>
  46. <meta name="color:link" content="#a3aa94"/>
  47. <meta name="color:hover" content="#000000"/>
  48. <meta name="color:scrollbar" content="#d8d8d8"/>
  49. <meta name="color:blogtitle" content="#cccccc"/>
  50. <meta name="color:sidebar border" content="#e9e7e7"/>
  51. <meta name="image:sidebar background" content=""/>
  52. <meta name="image:background" content=""/>
  53.  
  54. <meta name="text:Link One Title" content="home" />
  55. <meta name="text:Link One" content="" />
  56. <meta name="text:Link Two Title" content="mssg" />
  57. <meta name="text:Link Two" content="" />
  58. <meta name="text:Link Three Title" content="etc" />
  59. <meta name="text:Link Three" content="" />
  60. <meta name="text:Link Four Title" content="more" />
  61. <meta name="text:Link Four" content="" />
  62. <meta name="if:Three Columns" content="0" />
  63. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  64.  
  65. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  66.  
  67. <style>
  68. div#qTip {
  69. padding: 3px;
  70. height:auto;
  71. font-family:calibri;
  72. font-size:8px;
  73. display: none;
  74. font-style:normal;
  75. text-align: center;
  76. position: absolute;
  77. line-height:8px;
  78. z-index: 999999999999;
  79. background: {color:link};
  80. color: {color:background};
  81.  
  82. text-transform:uppercase;
  83. letter-spacing: 2px;
  84. }
  85. </style>
  86. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  87. <script type="text/javascript">
  88. $(document).ready(function () {
  89. $('li.drawer div:nth-child(2)').hide();
  90. $('li.drawer h4').click(function () {
  91. if ($(this).hasClass('open')) {
  92. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  93. else {
  94. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  95. $(this).next().slideDown();
  96. $(this).addClass('open');}
  97. });
  98. });
  99. </script>
  100. <style type="text/css">
  101.  
  102. a.info span {
  103. display: none;
  104. }
  105.  
  106. a.info:hover {
  107. position: relative;
  108. }
  109.  
  110. a.info:hover span {
  111. display: block;
  112. position: absolute;
  113. border: 1px solid #ddd;
  114. background-color: #fff;
  115. }
  116.  
  117.  
  118.  
  119. #scrollToTop:link,#scrollToTop:visited {z-index:9999; color: transparent; background-color: transparent; display: none; position: fixed; bottom: 20px; right: 10px;}
  120.  
  121.  
  122. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  123. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  124.  
  125.  
  126. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:background};}
  127.  
  128. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  129.  
  130.  
  131. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  132.  
  133.  
  134.  
  135.  
  136.  
  137. @font-face {
  138. font-family: "Mossy";
  139. src: url('http://static.tumblr.com/xrmodho/348mik6lm/mossy.ttf');
  140. }
  141. @font-face {
  142. font-family: "Jane";
  143. src: url('http://static.tumblr.com/xrmodho/ODBmipt6z/janeaust.ttf');
  144. }
  145.  
  146. /* Mozilla based browsers */
  147. ::-moz-selection {
  148. background-color: {color:selection 2};
  149. color: {color:selection};
  150. }
  151.  
  152. /* Works in Safari */
  153. ::selection {
  154. background-color: {color:selection 2};
  155. color: {color:selection};
  156. }
  157.  
  158. .wrapper{
  159. margin: 0px auto;
  160. margin-left: 60px;
  161. width: 802px;
  162. }
  163.  
  164. .header{
  165. float: left;
  166. width: 100%;
  167. }
  168.  
  169. .left{
  170. float: left;
  171. margin-right: 20px;
  172. width: 802;
  173. }
  174.  
  175. .right{
  176. float: right;
  177. width: 200px;
  178. background-color: #fff;
  179. }
  180.  
  181. body, a, a:hover {cursor:
  182. url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress; }
  183.  
  184. body {
  185. margin:0px;
  186. background-color: {color:Background};
  187. background-image:url({image:background});
  188. background-attachment: fixed;
  189. background-repeat: repeat;}
  190. body, div, p, textarea, submit, input{
  191. font-family: "Calibri";
  192. font-size: 10px;
  193. line-height:11px;
  194. color:{color:Text};
  195. }
  196.  
  197. b {font-weight: bold;
  198. color:{color:bold}
  199. }
  200. i {font-weight: italic;
  201. color:{color:italic}
  202. }
  203.  
  204. ::-webkit-scrollbar {width: 6px; height: 4px; background: transparent;
  205. border-left:0px solid #aaa; }
  206.  
  207. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  208. border: 0px solid #eee;}
  209.  
  210.  
  211. p {
  212. margin:0px;
  213. margin-top:0px;
  214. }
  215.  
  216. a:link, a:active, a:visited{
  217. text-decoration: none;
  218. -webkit-transition: color 0.3s ease-out;
  219. -moz-transition: color 0.3s ease-out;
  220. transition: color 0.3s ease-out;
  221. color: {color:Link};
  222. }
  223.  
  224. a:hover {
  225. color:{color:hover};
  226. text-shadow:0px 0px 2px #ddd,
  227. linear; -moz-transition: all 0.2s linear;
  228. transition: all 0.2s linear;}
  229.  
  230. @font-face{font-family: no; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}
  231. html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  232.  
  233. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  234.  
  235.  
  236. #borderask{
  237. position:fixed;
  238. background:#ddd;
  239. width:240px;
  240. height:1px;
  241.  
  242. }
  243.  
  244. #borderask2{
  245. position:fixed;
  246. background:#ddd;
  247. width:210px;
  248. height:1px;
  249.  
  250. }
  251.  
  252.  
  253. div#posts {
  254. width: {block:ifthreecolumns}920px{/block:ifthreecolumns}{block:ifnotthreecolumns}720px{/block:ifnotthreecolumns};
  255. top: 13px;
  256. margin-left:381px;
  257. float:center;
  258. z-index:9;
  259. font-family:calibri;
  260. {block:PermalinkPage}
  261. width:505px;
  262. height:auto;
  263. margin-top:13px;
  264. margin-left:450px;
  265. font-size: {text:Body Font Size}px;
  266. font-family:{Font:Body Font};
  267. text-align: center;
  268. {/block:PermalinkPage}
  269. }
  270.  
  271. .entry {
  272. margin:8px;
  273. font-family:calibri;
  274. {block:ifpostborders}border:1px solid #ddd;{/block:ifpostborders}
  275. padding:13px;
  276. float:center;
  277. background-color: #fff;
  278. border:0px solid #ddd;
  279.  
  280. overflow:hidden;
  281. {block:IndexPage}
  282. width:250px;
  283. {/block:IndexPage}
  284. {block:PermalinkPage}
  285. width:500px;
  286. height:auto;
  287. font-size: {text:Body Font Size}px;
  288. font-family:calibri;
  289. text-align: center;
  290. {/block:PermalinkPage}
  291. -webkit-transition: 0.4s linear;
  292. -moz-transition: all 0.4s linear;
  293. transition: all 0.4s linear;
  294. }
  295.  
  296. .perma
  297. {
  298. opacity: 0.0;
  299. filter: alpha(opacity = 0);
  300. letter-spacing:2px;
  301. width: 240px;
  302. background-color:#fff;
  303. height: 0px;
  304. line-height:12px;
  305. text-transform:uppercase;
  306. font-family:calibri;
  307. overflow:hidden;
  308. padding:10px;
  309. margin-left:0px;
  310. margin-top:0px;
  311. border-left:2px solid #fff;
  312. border-right:2px solid #fff;
  313. font-size: 8px;
  314. font-family:{Font:Body Font};
  315. position:absolute;
  316. text-align: center;
  317. display:block;
  318.  
  319. color: #888;
  320. -webkit-transition: opacity 0.4s linear;
  321. -moz-transition: all 0.4s linear;
  322. transition: all 0.4s linear;
  323.  
  324. }
  325. .entry:hover .perma {
  326. height:25px;
  327. -webkit-transition: opacity 0.4s linear;
  328. opacity: .85;
  329.  
  330. -moz-transition: all 0.4s linear;
  331. transition: all 0.4s linear;
  332. filter: alpha(opacity = 100);
  333.  
  334. }
  335.  
  336. .perma a{
  337. color:#000;
  338. }
  339.  
  340.  
  341. .title{
  342. font-family: "Calibri";
  343. font-size: 13px;
  344. line-height: 16px;
  345. color: {color:Title};
  346. text-shadow:1px 2px 2px #fff;
  347. letter-spacing: 3px;
  348. font-weight: normal;
  349. text-transform:uppercase;
  350. }
  351.  
  352. .sel{
  353. letter-spacing:0px;
  354. display: block;
  355. background:transparent;
  356. border-top: 1px solid #ddd;
  357. margin-top: 5px;
  358. padding-right:10px;
  359. font-family:"Calibri";
  360. font-size:10px;
  361. line-height:8px;
  362. padding-top:4px;
  363. text-transform:uppercase;
  364. text-align:right;
  365. color:#000;
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. -ms-transition: all 0.5s ease-in-out;
  370. transition: all 0.5s ease-in-out;
  371. }
  372.  
  373. .sel:hover{
  374. padding-right:30px;
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -moz-transition: all 0.5s ease-in-out;
  377. -o-transition: all 0.5s ease-in-out;
  378. -ms-transition: all 0.5s ease-in-out;
  379. transition: all 0.5s ease-in-out;
  380. }
  381.  
  382. .sel2{
  383. letter-spacing:0px;
  384. display: block;
  385. background-color:#FFFFFF;
  386. border-top: 0px solid #ddd;
  387. margin-top: 2px;
  388. padding-top:0px;
  389. margin-bottom:2px;
  390. font-family:"Dixel";
  391. font-size:8px;
  392. line-height:8px;
  393. text-transform:uppercase;
  394. text-align:right;
  395. color:#000;
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. -o-transition: all 0.5s ease-in-out;
  399. -ms-transition: all 0.5s ease-in-out;
  400. transition: all 0.5s ease-in-out;
  401. }
  402.  
  403. .sel:hover{
  404. padding-right:30px;
  405. -webkit-transition: all 0.5s ease-in-out;
  406. -moz-transition: all 0.5s ease-in-out;
  407. -o-transition: all 0.5s ease-in-out;
  408. -ms-transition: all 0.5s ease-in-out;
  409. transition: all 0.5s ease-in-out;
  410. }
  411.  
  412.  
  413.  
  414. #infscr-loading{
  415. bottom: -70px;
  416. position: absolute;
  417. left: 50%;
  418. margin-left:-8px;
  419. width:16px;
  420. height:11px;
  421. overflow:hidden;
  422. margin-bottom: 50px;
  423. }
  424.  
  425. #postnotes{
  426. text-align: justify;
  427. }
  428.  
  429. #postnotes blockquote{
  430. border: 0px;
  431. }
  432.  
  433.  
  434.  
  435. blockquote{
  436. padding:0px 0px 2px 5px;
  437. margin:0px 0px 2px 1px;
  438. border-left: 1px solid #ddd;
  439. }
  440.  
  441. audioshit{
  442. background:#eee;}
  443.  
  444.  
  445. #title {color:#fff;font-size:47px;font-family:web;background:#fff url('{image:sidebar background}');margin-top:0px;position:FIXED;
  446. height:100%;width:300px;padding-top:50px;padding-left:10px;
  447. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  448. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;
  449. }
  450.  
  451. #title a{
  452. color:{color:blogtitle};
  453. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  454. -o-transition: 0.5s ease;-moz-transition: 0.5s ease; }
  455.  
  456. #title a:hover{
  457. color:{color:blogtitle};
  458. text-decoration:none;
  459. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  460. -o-transition: 0.5s ease;-moz-transition: 0.5s ease; }
  461.  
  462. #pinks{
  463. position:fixed;
  464. height:100%;
  465. text-align:center;
  466. background:{color:sidebar border};
  467. opacity:1;
  468. margin-left:300px;
  469. margin-top:0px;
  470. padding:20px;
  471.  
  472. }
  473. #pinks img{
  474. opacity:.65;
  475. width:24px;
  476. -webkit-filter: invert(100%);
  477. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  478. -o-transition: 0.5s ease;-moz-transition: 0.5s ease; }
  479.  
  480. #pinks img:hover{
  481. opacity:1;
  482. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  483. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;
  484. }
  485.  
  486.  
  487.  
  488. @font-face {font-family: "Web";
  489. src: url('http://static.tumblr.com/xrmodho/vvmmmoc3j/callie_hand-trial_version.otf');}
  490.  
  491.  
  492.  
  493.  
  494. .audioplayerr{
  495. position:absolute;
  496. background: white;
  497. border:5px solid #fff;
  498. text-align:center;
  499. margin-left:28px;
  500. margin-top:28px;
  501. width:15px;
  502. height:15px;
  503. opacity:0.7;
  504. overflow:hidden;
  505. -webkit-transition: all 0.5s ease-in-out;
  506. -moz-transition: all 0.5s ease-in-out;
  507. -o-transition: all 0.5s ease-in-out;
  508. -ms-transition: all 0.5s ease-in-out;
  509. transition: all 0.5s ease-in-out;}
  510.  
  511. .audioplayerr:hover{
  512. opacity:1;
  513. -webkit-transition: all 0.5s ease-in-out;
  514. -moz-transition: all 0.5s ease-in-out;
  515. -o-transition: all 0.5s ease-in-out;
  516. -ms-transition: all 0.5s ease-in-out;
  517. transition: all 0.5s ease-in-out;}
  518.  
  519. .audioplayerr1{
  520. padding:1px;
  521. margin-top:-10px;
  522. margin-left:-10px;
  523. background-color: #fff;}
  524.  
  525. .audioplayerr1:hover{
  526. opacity:1;}
  527.  
  528. .albumartt{
  529. margin-left:0px;
  530. }
  531.  
  532. .albumartt img{
  533. background:#f7f7f7;
  534. border-right:2px solid {color:border};
  535. max-width:60px;
  536. float:left;
  537. padding:10px;
  538. border:1px solid #f0f0f0;
  539. }
  540.  
  541. .infooo{
  542. position:relative;
  543. background:transparent;
  544. padding-bottom:5px;
  545. font-family:Consolas;
  546. font-size:8px;
  547. letter-spacing:1px;
  548. text-transform:uppercase;
  549. height:80px;
  550. margin-top:0px;
  551. margin-left:87px;
  552. padding-left:5px;
  553. line-height:10px;}
  554.  
  555.  
  556. blockquote p, ul{
  557. margin:0px;
  558. padding:0px;
  559. }
  560.  
  561. asker{
  562. margin-left:-4px;
  563. font-family:"calibri";
  564. font-size:12px;
  565. line-height:15px;
  566. color: {color:link};
  567. text-transform:uppercase;
  568. letter-spacing:3px;
  569. border-bottom:1px solid #ddd;
  570. }
  571.  
  572. snowflake{
  573. font-family:"Snowflake";
  574. font-size:40px;
  575. color:{color:sidebar border};
  576. text-decoration:none;
  577. }
  578.  
  579. a img{border: 0px;}
  580. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  581. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label,
  582. .user_5 .label, .user_6 .label,
  583. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  584. .notes img{width:10px; position:relative; top:3px;
  585. }
  586.  
  587. small{font-size: 90%;}
  588.  
  589. .video embed, .post div.video object {width:260px !important;
  590. height:180px !important;}
  591. .video2 embed, .post div.video object {width:400px !important;
  592. height:400px !important;}
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599. {CustomCSS}
  600.  
  601. </style>
  602. <script type="text/javascript"
  603. src="http://static.tumblr.com/xrmodho/vT3mr6qpr/infinitescroll.js"></script>
  604.  
  605. <script type="text/javascript"
  606. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  607.  
  608.  
  609. <script type="text/javascript">
  610. $(window).load(function () {
  611. var $content = $('#posts');
  612. $content.masonry({itemSelector: '.entry'}),
  613. $content.infinitescroll({
  614. navSelector : 'div#pagination',
  615. nextSelector : 'div#pagination a#nextPage',
  616. itemSelector : '.entry',
  617. loading: {
  618. finishedMsg: '',
  619. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  620. },
  621. bufferPx : 600,
  622. debug : false,
  623. },
  624. // call masonry as a callback.
  625. function( newElements ) {
  626. var $newElems = $( newElements );
  627. $newElems.hide();
  628. // ensure that images load before adding to masonry layout
  629. $newElems.imagesLoaded(function(){
  630. $content.masonry( 'appended', $newElems, true,
  631. function(){$newElems.fadeIn(300);} );
  632.  
  633.  
  634. });
  635. });
  636. });
  637. </script>
  638.  
  639.  
  640. <title>{title}</title>
  641.  
  642. <link rel="shortcut icon" href="http://i45.tinypic.com/20tqk1v.png">
  643. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  644. <meta name="viewport" content="width=820" />
  645. </head>
  646.  
  647. <body>
  648.  
  649.  
  650.  
  651.  
  652. <div id="title"><a href="/">{title}</a><div style="position:fixed;background:#fff;padding:8px;bottom:15px;margin-left:40px;color:#000;width:200px;font-family:calibri;font-size:11px;opacity:.8;">{description}</div></div><div id="pinks">
  653. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  654.  
  655. <a href="/" title="return home"><img src="http://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/home-24.png"></a>
  656.  
  657. <br><br><br>
  658.  
  659. <a href="/ask" title="{asklabel}"><img src="http://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/contact-24.png"></a>
  660. <br><br><br>
  661. <a href="{text:Link One}" title="{text:Link One Title}"><img src="http://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/grid-small-24.png"></a>
  662. <br><br><br>
  663. <a href="{text:Link Two}" title="{text:Link Two Title}"><img src="http://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/favorite-empty-24.png"></a><br><br><br>
  664. <a href="{text:Link Three}" title="{text:Link Three Title}"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/calendar.png"></a>
  665.  
  666.  
  667. <br><br><br><a href="{text:Link Four}" title="{text:Link Four Title}"><img src="http://cdn2.iconfinder.com/data/icons/3_Minicons-Free-_Pack/43/Crown.png" width="24px"></a>
  668.  
  669.  
  670. </div>
  671.  
  672.  
  673.  
  674.  
  675.  
  676. <div class="left">
  677. <div id="posts">
  678. {block:Posts}
  679. <div class="entry">
  680.  
  681. {block:Answer}
  682. <div style="margin-left: 3px; margin-top: 2px; min-height:32px; padding: 5px; background:transparent; border-bottom:1px solid #ddd; width:245px;">
  683.  
  684. <img src="{AskerPortraitURL-30}" width="30" align="left"
  685. style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/>
  686.  
  687. <asker>&nbsp;{Asker}:<br></asker>
  688. {Question}</div>
  689.  
  690. <div style="margin-left:5px; background-color: transparent; padding:7px; text-align:center; width:245px;">{Answer}</div><div class="sel"><a id="notes{PostID}" href="{Permalink}">{TimeAgo}</a> &nbsp; </div>
  691. {/block:Answer}
  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="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </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="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  706. {/block:IndexPage}
  707. {block:Link}
  708.  
  709. {block:Photo}
  710. {block:IndexPage}
  711. <div class="perma" ><a href="{permalink}">{notecountwithlabel} &middot; <a title="reblog this photo" href="{ReblogURL}">reblog</a><br><a href="{permalink}" title="posted {timeago}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  712.  
  713. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  714. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><div id="padding"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></center></div></a>{LinkCloseTag}{/block:PermalinkPage}
  715. {/block:Photo}
  716.  
  717. {block:Photoset}
  718. {block:IndexPage}
  719. <div class="perma" ><a href="{permalink}">{notecountwithlabel} &middot; <a title="reblog this photo" href="{ReblogURL}">reblog</a><br><a href="{permalink}" title="posted {timeago}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  720. {Photoset-250}</center>
  721. {/block:IndexPage}
  722. {block:PermalinkPage}
  723. <center>
  724. {Photoset-500}</center>
  725. {/block:PermalinkPage}
  726. {/block:Photoset}
  727.  
  728.  
  729.  
  730.  
  731. {block:Quote}
  732. <span class="title">{Quote}</span><br />
  733. {block:Source}{Source}{/block:Source}
  734. {block:IndexPage}
  735. <br /><div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  736. {/block:IndexPage}
  737. {/block:Quote}
  738.  
  739. {block:Chat}
  740. {block:Title}<span class="title">{Title}</span>{/block:Title}
  741. <ul class="chat">
  742. {block:Lines}
  743. <li class="user_{UserNumber}">
  744. {block:Label}
  745. <span class="label">{Label}</span>
  746. {/block:Label}
  747.  
  748. {Line}
  749. </li>
  750. {/block:Lines}
  751. </ul>
  752. {block:IndexPage}
  753. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  754. {/block:IndexPage}
  755. {/block:Chat}
  756.  
  757. {block:Audio}
  758. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr"><div class="audioplayerr1">{AudioPlayer}</div></div> <div class="infooo"> {block:Artist} <b><audioshit>The Artist of This Song is:</audioshit></b><br> {Artist} {/block:Artist}<br><br>{block:TrackName} <b><audioshit>The Name of the Song is:</audioshit></b><br> "{TrackName}" {/block:TrackName}</br><br> {block:PlayCount}<b><audioshit>This track has been played:</audioshit></b><br> {PlayCount} times{/block:PlayCount} </div>
  759. {block:IndexPage}
  760. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> </div>
  761. {/block:IndexPage}
  762. {/block:Audio}
  763.  
  764. {block:Video}<center>
  765. <div class="video">{Video-250}</div></center>
  766. {block:IndexPage}
  767. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;/ &nbsp;<a href="{reblogurl}" target="_blank">reblog</a></div>
  768. {/block:IndexPage}
  769. {block:Video}
  770.  
  771. {block:PostNotes}<div align="middle"><br><br>{caption}</div>
  772. <center>
  773.  
  774. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  775.  
  776. {block:HasTags}
  777. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
  778. {/block:HasTags}
  779. {block:RebloggedFrom}
  780. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  781. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  782.  
  783. {/block:RebloggedFrom}
  784. </center></span>
  785. <br>
  786. <div id="postnotes">{PostNotes}</div><br>
  787.  
  788. <center>{block:ContentSource}
  789. <br><a href="{SourceURL}">
  790. {lang:Source}:
  791. {block:SourceLogo}
  792. <img src="{BlackLogoURL}" width="{LogoWidth}"
  793. height="{LogoHeight}" alt="{SourceTitle}" />
  794. {/block:SourceLogo}
  795. {block:NoSourceLogo}
  796. {SourceLink}
  797. {/block:NoSourceLogo}
  798. </a>
  799. {/block:ContentSource}</center>
  800.  
  801. {/block:PostNotes}
  802. </div>
  803. {/block:Posts}
  804. </div></div>
  805.  
  806. {block:IndexPage}
  807. {block:Pagination}
  808. <div id="pagination">
  809. {block:NextPage}
  810. <a id="nextPage" href="{NextPage}"></a>
  811. {/block:NextPage}
  812. {block:PreviousPage}
  813. <a href="{PreviousPage}"></a>
  814. {/block:PreviousPage}
  815. </div>
  816. {/block:Pagination}
  817. {/block:IndexPage}
  818.  
  819.  
  820.  
  821. </div>
  822. </div>
  823.  
  824. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement