Advertisement
sighthemes

Theme Five; By Spencer

Dec 3rd, 2013
814
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.48 KB | None | 0 0
  1. <!--
  2.  
  3. New theme 5 by Spencer (sighthemes)
  4. Keep the credit
  5. Or you will be reported
  6.  
  7. Do not steal or steal parts of the coding
  8. I worked very hard and it would be very disrespectful
  9.  
  10. Make sure your posts per page is set at 15 or the infinite scroll won't work! (Customize > Advanced > Posts per page > 15 > Save)
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  19. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  20.  
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("a[title]").style_my_tooltips({
  25. tip_follows_cursor:true,
  26. tip_delay_time:90,
  27. tip_fade_speed:600,
  28. attribute:"title"
  29. });
  30. });
  31. })(jQuery);
  32. </script>
  33. <script type="text/javascript">
  34. <!--
  35.  
  36. // Disable Right Click Script
  37.  
  38. function IE(e)
  39. {
  40. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  41. {
  42. return false;
  43. }
  44. }
  45. function NS(e)
  46. {
  47. if (document.layers || (document.getElementById && !document.all))
  48. {
  49. if (e.which == "2" || e.which == "3")
  50. {
  51. return false;
  52. }
  53. }
  54. }
  55. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  56.  
  57. //-->
  58. </script>
  59.  
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63.  
  64. <!--DEFAULT VARIABLES-->
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  66. <meta name="color:background" content="#fff"/>
  67. <meta name="color:link" content="#777"/>
  68. <meta name="color:text" content="#777"/>
  69. <meta name="color:title" content="#333"/>
  70. <meta name="color:scrollbar" content="#ccc">
  71. <meta name="color:blogtitle" content="#aaa">
  72. <meta name="color:hover" content="#fff"/>
  73. <meta name="image:sidebar" content="1"/>
  74. <meta name="image:background" content="1"/>
  75.  
  76. <meta name="text:link one title" content="Link One" />
  77. <meta name="text:link one" content="http://" />
  78. <meta name="text:link two title" content="Link Two" />
  79. <meta name="text:link two" content="http://" />
  80. <meta name="text:link three title" content="Link Three" />
  81. <meta name="text:link three" content="http://" />
  82. <meta name="text:link four title" content="Link Four" />
  83. <meta name="text:link four" content="http://" />
  84. <meta name="text:link five title" content="Link Five" />
  85. <meta name="text:link five" content="http://" />
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. 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:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  91.  
  92. ::-webkit-scrollbar-thumb{
  93. background-color: {color:scrollbar};
  94. border: 2px solid #ffffff;
  95. height:5px;
  96. -moz-border-radius: 20px;
  97. border-radius: 20px;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height:5px;
  102. width:9px;
  103. background-color: #aaaaaa;
  104. border: 4px solid #fff;
  105. }
  106.  
  107. ::selection {
  108. background: #fff;
  109. }
  110.  
  111. ::-moz-selection {
  112. background: #fff;
  113. }
  114.  
  115.  
  116. p {
  117. margin:0px;
  118. margin-top:5px;
  119. }
  120.  
  121. body {
  122. padding: 0px;
  123. margin: 0px;
  124. color:{color:text};
  125. font-family:arial;
  126. font-size:9px;
  127. line-height:100%;
  128. text-normal;
  129. text-align:left;
  130. background-color:#f2f2f2;
  131. background-attachment: fixed;
  132. background-repeat: repeat;
  133. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. a:link, a:active, a:visited{
  141. text-decoration: none;
  142. -webkit-transition: color 0.3s ease-out;
  143. -moz-transition: color 0.3s ease-out;
  144. transition: color 0.3s ease-out;
  145. color:{color:link};
  146. }
  147.  
  148. a:hover {
  149. text-decoration: none;
  150. font-style:;
  151. color: {color:Hover};
  152. }
  153.  
  154. div#qTip {
  155. z-index:999999999999999999999999;
  156. padding:0px 4px 0px 3px;
  157. margin: 1px 0px 0px 10px;
  158. box-shadow:1px 1px 3px rgba(0,0,0, .1);
  159. border-radius:4px;
  160. border:1px solid #ddd;
  161. display: none;
  162. font: 10px calibri;
  163. text-align: center;
  164. position: absolute;
  165. letter-spacing: px;
  166. background: white;
  167. color: #c0c0c0;
  168. text-transform: lowercase;
  169. font-style:italic;
  170. }
  171.  
  172. div#center{
  173. margin:auto;
  174. position:relative;
  175. width:1000px;
  176. background-color:;
  177. overflow:auto;
  178. overflow-y:hidden;
  179. }
  180.  
  181. .entry {
  182. opacity:.9;
  183. border-radius: 5px;
  184. width:240px;
  185. background: #fff;
  186. margin:20px;
  187. padding:6px;
  188. padding-bottom:5px;
  189. border:1px solid #cccccc;
  190. margin-bottom:13px;
  191. {block:permalinkpage}
  192. width: 500px;
  193. {/block:permalinkpage}
  194. display: block;
  195. position: relative;
  196. }
  197.  
  198. .entry img{
  199. border-radius: 3px;
  200. {block:permalinkpage}
  201. width: 500px;
  202. {/block:permalinkpage}
  203. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  204. }
  205.  
  206. .entry .perma{
  207. width:auto;
  208. height:auto;
  209. margin-left:0px;
  210. padding-left:2px;
  211. padding-right:4px;
  212. position: absolute;
  213. line-height: 15px;
  214. overflow:hidden;
  215. text-align:left;
  216. top:24px;
  217. background:white;
  218. font-family:consolas;
  219. font-size:8px;
  220. text-transform:uppercase;
  221. letter-spacing:1px;
  222. opacity: 0.0;
  223. border-right:2px solid {color:link};
  224. -webkit-transition: all .7s ease;
  225. -moz-transition: all .7s ease;
  226. -o-transition: all .7s ease;
  227. transition: all .7s ease;
  228.  
  229. }
  230.  
  231. .entry:hover .perma{
  232. overflow:visible;
  233. opacity:0.95;
  234. }
  235.  
  236. .perma:hover{
  237. padding-left:10px;
  238. -webkit-transition: all .7s ease;
  239. -moz-transition: all .7s ease;
  240. -o-transition: all .7s ease;
  241. transition: all .7s ease;
  242. }
  243.  
  244. .permalinktext{
  245. display: block;
  246. font-calibri;
  247. font-size:9px;
  248. line-height:3px;
  249. letter-spacing:1px;
  250. text-transform:uppercase;
  251. text-align: right;
  252. background-color:transparent;
  253. margin: 2px;
  254. margin-top:5px;
  255. border-top:1px solid #eee;
  256. padding-top:6px;
  257. }
  258.  
  259. #posts {
  260. width:700px;
  261. margin-top:10px;
  262. z-index:3;
  263. margin-left:300px;
  264. right:auto;
  265. background:transparent;
  266. margin-right:auto;
  267. position:relative;
  268. overflow-y: hidden;
  269. opacity:.85;
  270. }
  271.  
  272. asker{
  273. margin-left:-4px;
  274. font-family:Ubuntu;
  275. font-size:10px;
  276. text-transform:uppercase;
  277. letter-spacing:0px;
  278. background-color:#f7f7f7;
  279. line-height:17px;
  280. border-bottom:1px solid #eee;
  281. padding-right:2px;
  282. padding-left:2px;
  283. }
  284.  
  285. #sidebar{
  286. position:fixed !important;
  287. width:200px;
  288. background:white;
  289. height:auto;
  290. margin-top:160px;
  291. margin-left:75px;
  292. text-align:center;
  293. padding:6px;
  294. border: solid #cccccc 1px;
  295. padding-bottom:4px;
  296. -webkit-filter:grayscale(40%);
  297. border-radius:5px;
  298. opacity:1;
  299. z-index:2;
  300. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  301. }
  302.  
  303.  
  304. #sidebar .description{
  305. width:200px;
  306. height:auto;
  307. margin-top:1px;
  308. margin-left:0px;
  309. font-family:calibri;
  310. line-height:11px;
  311. word-spacing:1px;
  312. font-size:10px;
  313. color:#777;
  314. }
  315.  
  316. #link1{
  317. overflow:hidden;
  318. position:fixed;
  319. margin-left:-40px;
  320. top:185px;
  321. width:25px;
  322. z-index: 9999;
  323. font-size: 12px;
  324. font-family: calibri;
  325. line-height: 25px;
  326. opacity: 1;
  327. height:25px;
  328. border: 1px solid {color:link};
  329. background: #fff;
  330. border-radius: 50px;
  331. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  332. }
  333.  
  334. #link1:hover{
  335. background: {color:link};
  336. border: 1px solid #fff;
  337. -webkit-transform:rotate(360deg);
  338. -moz-transform:rotate(360deg);
  339. -o-transform: rotate(360deg);
  340. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  341. }
  342. #link1:hover a{
  343. color: #fff;
  344. }
  345.  
  346.  
  347. #link2{
  348. overflow:hidden;
  349. position:fixed;
  350. margin-left:-40px;
  351. top:215px;
  352. line-height: 25px;
  353. font-family: calibri;
  354. font-size: 12px;
  355. opacity: 1;
  356. width:25px;
  357. height:25px;
  358. border: 1px solid {color:link};
  359. background: #fff;
  360. border-radius: 50px;
  361. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  362. }
  363.  
  364. #link2:hover{
  365. background: {color:link};
  366. border: 1px solid #fff;
  367. -webkit-transform:rotate(360deg);
  368. -moz-transform:rotate(360deg);
  369. -o-transform: rotate(360deg);
  370. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  371. }
  372. #link2:hover a{
  373. color: #fff;
  374. }
  375.  
  376.  
  377. #link3{
  378. overflow:hidden;
  379. position:fixed;
  380. margin-left:-40px;
  381. top:245px;
  382. line-height: 25px;
  383. font-family:calibri;
  384. font-size: 12px;
  385. opacity: 1;
  386. width:25px;
  387. height:25px;
  388. border: 1px solid {color:link};
  389. background: #fff;
  390. border-radius: 50px;
  391. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  392. }
  393.  
  394. #link3:hover{
  395. background: {color:link};
  396. border: 1px solid #fff;
  397. -webkit-transform:rotate(360deg);
  398. -moz-transform:rotate(360deg);
  399. -o-transform: rotate(360deg);
  400. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  401. }
  402. #link3:hover a{
  403. color: #fff;
  404. }
  405.  
  406.  
  407. #link4{
  408. overflow:hidden;
  409. position:fixed;
  410. margin-left:-40px;
  411. top:275px;
  412. line-height: 25px;
  413. font-family: calibri;
  414. font-size: 12px;
  415. opacity: 1;
  416. width:25px;
  417. height:25px;
  418. border: 1px solid {color:link};
  419. background: #fff;
  420. border-radius: 50px;
  421. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  422. }
  423.  
  424. #link4:hover{
  425. background: {color:link};
  426. border: 1px solid #fff;
  427. -webkit-transform:rotate(360deg);
  428. -moz-transform:rotate(360deg);
  429. -o-transform: rotate(360deg);
  430. -webkit-transition: opacity 1.1s linear;-webkit-transition: all 1.1s ease-out;-moz-transition: all 1.1s ease-out;transition: all 1.1s ease-out;
  431. }
  432. #link4:hover a{
  433. color: #fff;
  434. }
  435.  
  436.  
  437. #link5{
  438. overflow:hidden;
  439. position:fixed;
  440. margin-left:-40px;
  441. top:305px;
  442. line-height: 25px;
  443. font-family: calibri;
  444. font-size: 12px;
  445. opacity: 1;
  446. width:25px;
  447. height:25px;
  448. border: 1px solid {color:link};
  449. background: #fff;
  450. border-radius: 50px;
  451. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 1.3s ease-out;-moz-transition: all 1.3s ease-out;transition: all 1.3s ease-out;
  452. }
  453.  
  454. #link5:hover{
  455. background: {color:link};
  456. border: 1px solid #fff;
  457. -webkit-transform:rotate(360deg);
  458. -moz-transform:rotate(360deg);
  459. -o-transform: rotate(360deg);
  460. -webkit-transition: opacity 1.3s linear;-webkit-transition: all 1.3s ease-out;-moz-transition: all 1.3s ease-out;transition: all 1.3s ease-out;
  461. }
  462. #link5:hover a{
  463. color: #fff;
  464. }
  465.  
  466.  
  467. #blogtitle{
  468. position: fixed;
  469. z-index: 9999999;
  470. margin-top: -21px;
  471. margin-left: 5px;
  472. text-align: center;
  473. text-transform: lowercase;
  474. font-size: 40px;
  475. line-height: 5px;
  476. font-family: fuck;
  477. color: {color:link};
  478. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff ;
  479. }
  480.  
  481. @font-face {font-family:fuck;src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,}
  482.  
  483. #fuck{
  484. position: fixed;
  485. height: 164px;
  486. width: 70px;
  487. margin-top: 175px;
  488. margin-left: 55px;
  489. background: transparent;
  490. border: 1px solid {color:link};
  491. }
  492.  
  493. #audio {
  494. width:200px;
  495. height:auto;
  496. min-height:60px;
  497. padding-bottom:0px;
  498. }
  499.  
  500. .cover {
  501. position:absolute;
  502. z-index:1;
  503. width:60px;
  504. height:60px;
  505. }
  506.  
  507. .cover img {
  508. float:left;
  509. width:60px;
  510. height:60px;
  511. }
  512.  
  513. .playbox {
  514. opacity:0.6;
  515. width:27px;
  516. height:30px;
  517. overflow:hidden;
  518. position:absolute;
  519. z-index:1000;
  520. margin-left:17px;
  521. margin-top:17px;
  522. text-align:center;
  523. }
  524.  
  525. .info {
  526. margin-left:66px;
  527. margin-top:3px;
  528. line-height:12px;
  529. }
  530.  
  531. askk{
  532. font-size:9px;
  533. text-transform:uppercase;
  534. letter-spacing:1px;
  535. color:#73ac69;
  536. }
  537.  
  538. @font-face{font-family:high; src:url('http://static.tumblr.com/3jj4ois/ixMms3uip/willg___.ttf');}
  539.  
  540. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  541.  
  542. .title{
  543. line-height: 20px;
  544. color:{color:title};
  545. font-family:high;
  546. font-size:18px;
  547. font-weight: normal;
  548. }
  549.  
  550. .permalink{
  551. text-transform: normal;
  552. display: block;
  553. text-align: right;
  554. text-decoration: none;
  555. }
  556.  
  557. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS*/
  558. #infscr-loading{
  559. bottom: -70px;
  560. position: absolute;
  561. left: 50%;
  562. margin-left:-8px;
  563. width:16px;
  564. height:11px;
  565. overflow:hidden;
  566. margin-bottom: 50px;
  567. }
  568.  
  569. #postnotes{
  570. text-align: justify;}
  571.  
  572. #postnotes blockquote{
  573. border: 0px;}
  574.  
  575. blockquote{
  576. padding:0px 0px 2px 5px;
  577. margin:5px 5px 5px 5px;
  578. border-left: 2px solid {color:};
  579. }
  580.  
  581. blockquote p, ul{
  582. margin:0px;
  583. padding:0px;
  584. }
  585.  
  586. a img{border: 0px;}
  587.  
  588.  
  589. ul, ol, li{list-style:none; margin-top:5px; padding:0px;}
  590.  
  591. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  592. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  593.  
  594. .notes img{width:10px; position:relative; top:3px;}
  595. <--ses-->
  596. small{font-size: 90%;}
  597.  
  598. {CustomCSS}
  599.  
  600. </style>
  601.  
  602. {block:IndexPage}
  603. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  604. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  605.  
  606. <script type="text/javascript">
  607. $(window).load(function(){
  608. var $wall = $('#posts');
  609. $wall.imagesLoaded(function(){
  610. $wall.masonry({
  611. itemSelector: '.entry, .entry_photo',
  612. isAnimated : false
  613. });
  614. });
  615.  
  616. $wall.infinitescroll({
  617. navSelector : '#pagination',
  618. nextSelector : '#pagination a',
  619. itemSelector : '.entry, .entry_photo',
  620. bufferPx : 2000,
  621. debug : false,
  622. errorCallback: function() {
  623. $('#infscr-loading').fadeOut('normal');
  624. }},
  625. function( newElements ) {
  626. var $newElems = $( newElements );
  627. $newElems.hide();
  628. $newElems.imagesLoaded(function(){
  629. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  630. });
  631. }); $('#posts').show(500);
  632. });
  633. </script>
  634.  
  635.  
  636. {/block:IndexPage}
  637.  
  638.  
  639. <title>{title}</title>
  640.  
  641. <link rel="shortcut icon" href="{Favicon}" />
  642. <meta name="viewport" content="width=820" />
  643. </head>
  644.  
  645. <body><body onkeydown="return false">
  646. <BODY onselectstart="return false;" ondragstart="return false;">
  647. <div class="wrapper">
  648. <div class="header">
  649. </div>
  650. <script type="text/javascript" src="http://static.tumblr.com/kwt5vuq/o3Mmx9njc/infinitescroll.txt"></script>
  651.  
  652. <div id="cage">
  653. <div id="center">
  654.  
  655.  
  656. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  657.  
  658. <div id="fuck"> </div>
  659. <div id="sidebar">
  660. <div id="blogtitle">{Title}</div>
  661. <center>
  662. <a href="/"><img src="{image:sidebar}" style="border-radius:5px;" width=100%></a>
  663. <div class="description">
  664. {description}
  665. </div>
  666. <div id="link1"><a href="{text:link one}" title="{text:link one title}">01</a></div>
  667.  
  668. <div id="link2"><a href="{text:link two}" title="{text:link two title}">02</a></div>
  669.  
  670. <div id="link3"><a href="{text:link three}" title="{text:link three title}">03</a> </div>
  671.  
  672. <div id="link4"><a href="{text:link four}" title="{text:link four title}">04</a> </div>
  673.  
  674. <div id="link5"><a href="{text:link five}" title="{text:link five title}">05</a> </div>
  675.  
  676. </center>
  677. </div>
  678.  
  679. <!------------------------------------->
  680.  
  681.  
  682. <div class="left">
  683. <div id="posts">
  684. {block:Posts}
  685. <div class="entry">
  686.  
  687. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext">
  688. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>
  689. {/block:Text}
  690.  
  691. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  692. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  693.  
  694. {block:Answer}
  695. <div style="margin: 2px 2px 2px 2px; min-height:30px; padding: 3px; background-color: #fff; border:1px solid #eee;">
  696. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:4px; border:1px solid #eee; padding:3px; margin-left:-3px; border-left:0px; border-top:0px; margin-top:-3px;"/>
  697. <asker>{Asker}:</asker> {Question}</div>
  698. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div>
  699. <div class="permalinktext">
  700. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{/block:Answer}
  701.  
  702. {block:Photo}
  703. {block:IndexPage}
  704. <center>
  705. <div class="perma">
  706. <a href="{reblogurl}">reblog </a> with <a href="{permalink}">{notecountwithlabel}</a> <br> posted {DayOfWeek}, {12hour}:{Minutes} {AmPm}</div>
  707. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  708. {/block:IndexPage}
  709. {block:PermalinkPage}
  710. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:5px;" alt="{PhotoAlt}" width="100%"/></a></div>
  711.  
  712. {LinkCloseTag}
  713. {/block:PermalinkPage}
  714. {/block:Photo}
  715.  
  716. {block:Photoset}
  717. <center>
  718. {block:IndexPage}
  719. <div class="perma">
  720. <a href="{reblogurl}">reblog </a> with <a href="{permalink}">{notecountwithlabel}</a> <br> posted {DayOfWeek}, {12hour}:{Minutes} {AmPm}</div>
  721. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  722. {/block:IndexPage}
  723. </center>
  724. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  725. {/block:Photoset}
  726.  
  727. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  728. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{/block:Quote}
  729.  
  730. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  731. <ul class="chat">
  732. {block:Lines}
  733. <li class="user_{UserNumber}">
  734. {block:Label}
  735. <b><span class="label">{Label}</span></b>
  736. {/block:Label}
  737.  
  738. {Line}
  739. </li>
  740. {/block:Lines}
  741. <div class="permalinktext">
  742. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>
  743. {/block:Chat}
  744.  
  745. {block:Audio}
  746. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  747. {block:IndexPage}
  748. <div class="permalinktext">
  749. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center>
  750. </div>
  751. {/block:IndexPage}
  752. {/block:Audio}
  753.  
  754. {block:Video}
  755. <center>
  756. {block:IndexPage}
  757. <div class="perma">
  758. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a>
  759. </div>
  760. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  761. {/block:IndexPage}
  762. </center>
  763. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  764. {block:Video}
  765.  
  766.  
  767. {block:PostNotes}<div align="left">{caption}</div>
  768. <center>
  769.  
  770. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  771.  
  772. {block:HasTags}
  773. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  774. {block:RebloggedFrom}
  775. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  776. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  777.  
  778. {/block:RebloggedFrom}
  779. </center></span>
  780. <br>
  781. <div id="postnotes">{PostNotes}</div><br>
  782.  
  783. <center>{block:ContentSource}
  784. <br><a href="{SourceURL}">
  785. {lang:Source}:
  786. {block:SourceLogo}
  787. <img src="{BlackLogoURL}" width="{LogoWidth}"
  788. height="{LogoHeight}" alt="{SourceTitle}" />
  789. {/block:SourceLogo}
  790. {block:NoSourceLogo}
  791. {SourceLink}
  792. {/block:NoSourceLogo}
  793. </a>
  794. {/block:ContentSource}</center>
  795.  
  796. {/block:PostNotes}
  797. </div>
  798. {/block:Posts}
  799. </div></div>
  800.  
  801. {block:IndexPage}
  802. {block:Pagination}
  803. <div id="pagination">
  804. {block:NextPage}
  805. <a id="nextPage" href="{NextPage}"></a>
  806. {/block:NextPage}
  807. {block:PreviousPage}
  808. <a href="{PreviousPage}"></a>
  809. {/block:PreviousPage}
  810. </div>
  811. {/block:Pagination}
  812. {/block:IndexPage}
  813. </div></div>
  814. </body>
  815. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement