jolaaloj

Clarity || Theme 003

May 29th, 2013
1,529
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.58 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7. 003. CLARITY theme by urbanclique
  8. orignally by irrelevantly
  9. Please do not steal, copy, or claim as your own.
  10. -->
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  17. <script type="text/javascript">
  18.  
  19. </script>
  20. <meta name="color:Background" content="#EEEEEE"/>
  21. <meta name="color:Text" content="#727272"/>
  22. <meta name="color:Hover" content="#343434"/>
  23. <meta name="color:Link" content="#000000"/>
  24. <meta name="color:Scrollbar" content="#130C11"/>
  25. <meta name="color:ask bg" content="#dddddd"/>
  26. <meta name="color: bold" content="#bbccdd"/>
  27. <meta name="color: post title" content="#bbccdd"/>
  28. <meta name="color: border" content="#bbccdd"/>
  29.  
  30. <meta name="image:sidebar" content="http://static.tumblr.com/390af5e8cc2630083053c199583dd13a/u4ojwj6/Y6Emnfn3c/tumblr_static_tumblr_inline_mjo6tlyufl1qz4rgp.gif"/>
  31. <meta name="image:Background" content="http://static.tumblr.com/a3a63de5cc4ed7a115366e03d0c4738c/lquab17/J5Zmka9b3/tumblr_static_hor.jpeg"/>
  32. <meta name="image: link bg" content=""/>
  33. <meta name="if:tiny scrollbar" content="1"/>
  34. <meta name="if:faded images" content="1"/>
  35. <meta name="if:tiny cursor" content="1"/>
  36. <meta name="text:link 1" content="http://" />
  37. <meta name="text:link 1 title" content="" />
  38. <meta name="text:link 2" content="http://" />
  39. <meta name="text:link 2 title" content="" />
  40. <meta name="text:link 3" content="http://" />
  41. <meta name="text:link 3 title" content="" />
  42. <meta name="text:link 4" content="http://" />
  43. <meta name="text:link 4 title" content="" />
  44. <meta name="text:link 5" content="http://" />
  45. <meta name="text:link 5 title" content="" />
  46. <meta name="text:link 6" content="http://" />
  47. <meta name="text:link 6 title" content="" />
  48. <meta name="text:title" content="summertime" />
  49.  
  50. <style type="text/css">
  51. ::selection { background: #ddd; color:; }
  52. ::-moz-selection { background: #ddd; color: ;}
  53.  
  54. {block:iftinycursor} body, a {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;} {block:iftinycursor}
  55.  
  56. @font-face {font-family: "zebra"; src: url('http://static.tumblr.com/u4ojwj6/qP8mmrgxb/zebra_01-49-58.ttf');}
  57.  
  58. {block:iftinyscrollbar}::-webkit-scrollbar {width: 4px; height: 4px; background: {color:Background}; } ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};} {/block:iftinyscrollbar}
  59.  
  60. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  61. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  62.  
  63. iframe#tumblr_controls {
  64. white-space:nowrap; filter: invert(90%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.97}
  65.  
  66. .wrapper{
  67. margin: 0px auto;
  68. width: 802px;
  69. }
  70.  
  71. .header{
  72. float: left;
  73. width: 100%;
  74. }
  75.  
  76. .left{
  77. float: left;
  78. margin-right: 20px;
  79. width: 802px;
  80. }
  81.  
  82. .right{
  83. float: right;
  84. width: 200px;
  85. background-color: {color:Background};
  86. }
  87.  
  88. body {
  89. font-family: pixel, sans-serif;
  90. padding: 0px;
  91. margin: 0px;
  92. color: {color:text};
  93. font-size: 12px;
  94. background-color: {color:Background};
  95. background-image:url({image:Background});
  96. background-attachment: fixed;
  97. background-repeat: repeat;
  98. }
  99.  
  100.  
  101. a:link, a:active, a:visited{
  102. color: {color:Link};
  103. text-decoration: none;
  104. -webkit-transition: color 0.3s ease-out;
  105. -moz-transition: color 0.3s ease-out;
  106. transition: color 0.3s ease-out;
  107. }
  108.  
  109. a:hover {
  110. text-decoration: none;
  111. color: {color: hover};
  112. -webkit-transition: color 0.3s ease-out;
  113. -moz-transition: color 0.3s ease-out;
  114. transition: color 0.3s ease-out;
  115. cursor: {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  116. }
  117.  
  118. b, strong {
  119. color: {color: bold};
  120. font-weight: none;
  121. }
  122.  
  123.  
  124. p {
  125. padding-top: 2px;
  126. }
  127.  
  128. blockquote {
  129. border-left: 3px {color: border} solid;
  130. padding-left: 5px;
  131. margin-left: 5px;}
  132.  
  133.  
  134.  
  135.  
  136. .entry:hover img {
  137. {block:iffadedimages}
  138. opacity: 0.97;
  139. -webkit-filter:blur(1px);
  140. -moz-filter:blur(1px);
  141. -webkit-transition: all 0.1s linear;
  142. -webkit-transition: all 0.1s linear;
  143. -moz-transition: all 0.1s linear;
  144. transition: all 0.1s linear;
  145. {/block:iffadedimages}
  146. }
  147.  
  148. .entry {
  149. margin: 5px;
  150. margin-left: 10px;
  151. padding: 10px;
  152. float:left;
  153. border: 1px solid #ddd;
  154. border-radius: 5px;
  155. background-color: #fff;
  156. font-family: calibri;
  157. font-size: 10px;
  158. letter-spacing: 0px;
  159. line-height:11px;
  160. overflow: hidden;
  161. {block:IndexPage}
  162. width:200px;
  163. {/block:IndexPage}
  164. {block:PermalinkPage}
  165. width: 500px;
  166. margin-left: 0px;
  167. {/block:PermalinkPage}
  168. {block:iffadedimages}
  169. opacity: .9;
  170. {/block:iffadedimages}
  171. -webkit-transition: all 0.1s linear;
  172. -webkit-transition: all 0.1s linear;
  173. -moz-transition: all 0.1s linear;
  174. transition: all 0.1s linear;
  175. }
  176.  
  177. .entry:hover{
  178. margin:5px;
  179. margin-left: 10px;
  180. float:left;
  181. letter-spacing: 0px;
  182. line-height:11px;
  183.  
  184. {block:IndexPage}
  185. width:200px;
  186. {/block:IndexPage}
  187. {block:PermalinkPage}
  188. width: 500px;
  189. margin-left: 0px;
  190. {/block:PermalinkPage}
  191. -webkit-transition: all 0.1s linear;
  192. -webkit-transition: all 0.1s linear;
  193. -moz-transition: all 0.1s linear;
  194. transition: all 0.1s linear;
  195. }
  196.  
  197.  
  198.  
  199. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  200.  
  201.  
  202. .entry .permalink{
  203. position:absolute;
  204. overflow:hidden;
  205. bottom: 25px;
  206. margin-left: 10px;
  207. width: 165px;
  208. height: auto;
  209. opacity: 0;
  210. letter-spacing: 1px;
  211. background-color: white;
  212. font-family: pixel;
  213. text-align: left;
  214. text-transform: uppercase;
  215. font-style: none;
  216. font-size: 8px;
  217. line-height: 12px;
  218. padding: 5px;
  219. text-align: center;
  220. z-index: 2;
  221. border-right: 3px solid {color: border};
  222. border-left: 3px solid {color: border};
  223.  
  224. -webkit-transition: all 0.6s linear;
  225. -webkit-transition: all 0.6s linear;
  226. -moz-transition: all 0.6s linear;
  227. transition: all 0.6s linear;
  228. }
  229.  
  230. .entry:hover .permalink{
  231. opacity: 1;
  232. width: 165px;
  233. bottom: 25px;
  234. -webkit-transition: all 0.6s linear;
  235. -webkit-transition: all 0.6s linear;
  236. -moz-transition: all 0.6s linear;
  237. transition: all 0.6s linear;
  238. {block:PermalinkPage}
  239. opacity: 0;
  240. {/block:PermalinkPage}
  241. }
  242.  
  243.  
  244.  
  245. #sidebar{
  246. position:fixed !important;
  247. overflow: hidden;
  248. width: 250px;
  249. height: 250px;
  250. border-radius: 50%;
  251. margin: 115px 0px 0px -90px;
  252. background-color: white;
  253. padding: 0px;
  254. text-align: center;
  255. font-family: consolas;
  256. font-size: 10px;
  257. line-height:12px;
  258. letter-spacing:0px;
  259. margin-bottom: 5px;
  260. kl/lu
  261. }
  262.  
  263. .side {
  264. position:fixed !important;
  265. margin: 82px 0px 0px -130px;
  266. z-index: -1;
  267. }
  268.  
  269. .tit {
  270. position:fixed !important;
  271. margin: 328px 0px 0px -130px;
  272. z-index: 5;
  273. }
  274.  
  275.  
  276.  
  277. .swag {
  278. position:fixed !important;
  279. margin: 335px 0px 0px -100px;
  280. width: 260px;
  281. text-align: center;
  282. overflow: hidden;
  283. font-family: zebra;
  284. font-size: 40px;
  285. z-index: 6;
  286. color: #fff;
  287. text-shadow: 0px 1px 5px #666;
  288. }
  289.  
  290. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  291.  
  292. .nigs {
  293. position:fixed !important;
  294. margin: 375px 0px 0px -114px;
  295. width: 284px;
  296. height: auto;
  297. padding-top: 20px;
  298. padding-left: 5px;
  299. padding-right: 5px;
  300. padding-bottom: 5px;
  301. border: 3px double #ddd;
  302. background-color: white;
  303. text-align: center;
  304. overflow: hidden;
  305. font-family: calibri;
  306. font-size: 10px;
  307. z-index: 2;
  308. color: {color:text};
  309. }
  310.  
  311. #sidebar img {
  312. border-radius: 50%;
  313. -webkit-filter:blur(0px);
  314. -moz-filter:blur(0px);
  315. -webkit-transition: all 0.6s linear;
  316. -webkit-transition: all 0.6s linear;
  317. -moz-transition: all 0.6s linear;
  318. transition: all 0.6s linear;
  319. }
  320.  
  321. #sidebar img:hover {
  322. border-radius: 50%;
  323. -webkit-filter:blur(1px);
  324. -moz-filter:blur(1px);
  325. -webkit-transition: all 0.6s linear;
  326. -webkit-transition: all 0.6s linear;
  327. -moz-transition: all 0.6s linear;
  328. transition: all 0.6s linear;
  329. }
  330.  
  331.  
  332.  
  333. #posts {
  334. width: 900px;
  335. margin-left: 220px;
  336. margin-top: 10px;
  337. float:left;
  338. }
  339.  
  340. #infscr-loading{
  341. bottom: -70px;
  342. position: absolute;
  343. left: 50%;
  344. margin-left:-8px;
  345. width:16px;
  346. height:11px;
  347. overflow:hidden;
  348. margin-bottom: 50px;
  349. }
  350.  
  351. .nav {
  352. overflow: visible;
  353. margin: 2px 0px 0px 0px;
  354. width: 108px;
  355. height: 12px;
  356. background-color: {color: link bg};
  357. padding: 1px;
  358. padding-right: 2px;
  359. text-align: center;
  360. font-family: trebuchet ms;
  361. text-transform: uppercase;
  362. font-size: 8px;
  363. line-height:12px;
  364. letter-spacing:0px;
  365. border-radius: 15px 15px 0px 0px;
  366. }
  367.  
  368. ol {
  369. list-style-type:lower-roman;
  370. margin-left: 30px;
  371. padding: 0px;
  372. }
  373.  
  374. .toes{
  375. overflow: visible;
  376. background-color: {color: desc bg};
  377. width: 109px;
  378. height: auto;
  379. margin: 2px 0px 0px 0px;
  380. padding: 1px;
  381. text-align: center;
  382. font-family: trebuchet ms;
  383. font-size: 10px;
  384. line-height:12px;
  385. letter-spacing:0px;
  386. }
  387.  
  388. @font-face { font-family: "speaknow"; src: url('http://static.tumblr.com/uzqv0i9/i9xmek3xd/speak_now_font_by_itsondemi-d30n7bz.ttf'); }
  389.  
  390. #text{
  391. position:fixed !important;
  392. right:3px;
  393. top:26px;
  394. font-size: 10px;
  395. line-height:12px;
  396. vertical-align: middle;
  397. overflow: hidden;
  398. padding:3px;
  399. -webkit-border-radius:2px;
  400. moz-border-radius:2px;
  401. -o-border-radius:2px;
  402. border-radius:2px;
  403. z-index: 10000000;
  404. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  405.  
  406. #text a{
  407. color: #fff;}
  408.  
  409.  
  410. .title {
  411. font-family: raleway;
  412. font-size: 20px;
  413. color: {color: Post Title};
  414. padding: 3px;
  415. line-height:20px;
  416. }
  417.  
  418. .bottom{
  419. padding:0px;
  420. padding-top: 3px;
  421. line-height: 9px;
  422. text-align: right;
  423. color:#4b6ca3;
  424. margin-top:10px;
  425. border-top: 1px solid #ddd; 0px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out; }
  426.  
  427. .bottom:hover{
  428. padding-right: 10px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out; }
  429.  
  430. .bottom a{
  431. letter-spacing:2px;
  432. font-size:6pt;
  433. padding:5px;
  434. color:#828282;
  435. text-transform:uppercase;
  436. font-weight: none;}
  437.  
  438.  
  439.  
  440.  
  441. .permalinkk {
  442. display: block;
  443. padding: 4px;
  444. margin-top: 5px;
  445. margin-bottom: -8px;
  446. margin-right: -7px;
  447. font-family: lekton;
  448. font-size: 10px;
  449. color: #424242;
  450. line-height: 12px;
  451. text-align: right;
  452. text-decoration: none;
  453. -webkit-transition: color 0.5s ease-out;
  454. -moz-transition: color 0.5s ease-out;
  455. border: 0px dotted #dcdcdc;
  456. }
  457. {CustomCSS}
  458.  
  459. iframe#tumblr_controls { position: fixed! important;
  460. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;
  461. }
  462.  
  463. .foot{ bottom:0px; right: 6px; font-size: 9px; z-index:99999; position:fixed; font-family: georgia; font-color: #ffffff; padding:0px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  464. .foot:hover{bottom: 5px;
  465. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  466. </style>
  467.  
  468. {block:IndexPage}
  469. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  470. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  471. <script type="text/javascript">
  472. $(window).load(function () {
  473. var $content = $('#posts');
  474. $content.masonry({itemSelector: '.entry'}),
  475. $content.infinitescroll({
  476. navSelector : 'div#pagination',
  477. nextSelector : 'div#pagination a#nextPage',
  478. itemSelector : '.entry',
  479. loading: {
  480. finishedMsg: '',
  481. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  482. },
  483. bufferPx : 600,
  484. debug : false,
  485. },
  486. // call masonry as a callback.
  487. function( newElements ) {
  488. var $newElems = $( newElements );
  489. $newElems.hide();
  490. // ensure that images load before adding to masonry layout
  491. $newElems.imagesLoaded(function(){
  492. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  493.  
  494.  
  495. });
  496. });
  497. });
  498. </script>
  499.  
  500. {/block:IndexPage}
  501.  
  502. <title>{title}</title>
  503.  
  504. <link rel="shortcut icon" href="{Favicon}">
  505. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  506. <meta name="viewport" content="width=820" />
  507. </head>
  508. <body onkeydown="return false">
  509. <script type="text/javascript">
  510. $('body').hide();
  511. $('body').fadeIn(2000);
  512. </script>
  513.  
  514. <div class="wrapper">
  515. <div class="header"></div>
  516.  
  517.  
  518. <div id="sidebar">
  519. <div id="container">
  520.  
  521. <center><a title="" href="/"><img src="{image:sidebar}" style="overflow: hidden;" width="250px" height="250px" border-radius="50%"></a></center>{/block:ifshowphoto} </div><center></div>
  522. <div class="side"><a href="/"><img src="http://24.media.tumblr.com/af821a64d393b879f43da2c89d9be777/tumblr_mmg2etnVmc1rgpyeqo1_500.png" width="330px"></a></div> <div class="tit"><img src="http://i39.tinypic.com/f3s7q.png" width="330px" height="70px"></div><div class="swag">{text:title}</div> <div class="nigs">
  523. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:consolas; text-transform: uppercase; font-size:8px; width: 284px; height: 20px; background:#FFF; color:#000000; border: 1px solid #ddd; margin-bottom: 5px;">
  524.  
  525. <option value="">Navigation</option>
  526. <option value="{text:link 1}">{text:link 1 title}</option>
  527. <option value="{text:link 2}"> {text:link 2 title} </option>
  528. <option value="{text:link 3}">{text:link 3 title}</option>
  529. <option value="{text:link 4}">{text:link 4 title}</option>
  530. <option value="{text:link 5}">{text:link 5 title}</option>
  531. <option value="{text:link 5}">{text:link 6 title}</option>
  532. <option value="http://urbanclique.tumblr.com">Credit</option>
  533. </select>
  534. </form>
  535. {description}</div>
  536.  
  537.  
  538. <div id="text"><!-- If removed, you'll get reported.-->
  539. <a href="http://urbanclique.tumblr.com/" target="_blank"><div class="yo"><img src="http://static.tumblr.com/vzjzx9a/Oyymbuhss/hdggj57retuete.png"></div> </a></div> <div class="left"><div id="posts">{block:Posts}<div class="entry">{block:IndexPage}{/block:IndexPage}
  540.  
  541.  
  542. {block:Answer}
  543. <div style="border-radius: 0px 0px 0px 0px;
  544. border-right: 3px solid {color:border};
  545. margin: 3px;
  546. margin-top: 4px;
  547. width: 190px;
  548. overflow: visible;
  549. padding: 3px;
  550. background: #fff;
  551. {block:PermalinkPage}width: 498px;{/block:PermalinkPage}">
  552. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right: 10px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 24px; padding-left: 0px; margin-left: -2px; margin-top: -4px; margin-bottom: 3px; "/>
  553. <span style="font-family: raleway; font-size: 13px; text-transform: uppercase;">{Asker}</span>: {Question}<br></div>
  554. <div style="font-family: calibri; font-size: 10px; margin-top: 3px; text-align: right; border-left: 3px solid {color:border}; background-color: #fcfcfc; padding-right: 3px;">
  555. {Answer} </div>
  556. <div class="bottom">
  557. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp || &nbsp;<a href="{Permalink}">{TimeAgo}</a></div>
  558.  
  559. {/block:Answer}
  560.  
  561. {block:Text}
  562. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span> <div class="bottom">
  563. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp || &nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></div>
  564. {/block:Text}
  565.  
  566. {block:Link}
  567. <a href="{URL}" class="title">{Name}</a>
  568. {block:Description}{Description}{/block:Description}
  569. <div class="bottom">
  570. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp || &nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></div>
  571. {block:Link}
  572.  
  573. {block:Photo}
  574. <div class="permalink">
  575. posted <a href="{Permalink}">{timeago}</a> on {shortmonth} {MonthNumberWithZero} <br>with <a href="{Permalink}"> {NoteCountWithLabel}</a>; <a href="{ReblogURL}" target="_blank">Reblog this post</a> </div>
  576.  
  577. {block:IndexPage}{LinkOpenTag}<a href"{Permalink}"><div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
  578. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
  579. {block:HasTags}
  580. <br>tagged under: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  581. {/block:PermalinkPage}
  582. {/block:Photo}
  583.  
  584. {block:Photoset}
  585. {block:IndexPage}
  586. <center>
  587. {Photoset-200}</center>
  588. {/block:IndexPage}
  589. {block:PermalinkPage}
  590. <center>
  591. {Photoset-550}</center>
  592. {/block:PermalinkPage}
  593. {/block:Photoset}
  594.  
  595. {block:Quote}
  596. {Quote}</span>
  597. {block:Source}<strong>{Source}</strong>{/block:Source} <div class="bottom">
  598. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp || &nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></div>
  599. {/block:Quote}
  600.  
  601. {block:Chat}
  602. {block:Title}<span class="title">{Title}</span>{/block:Title}
  603. <ul class="chat">
  604. {block:Lines}
  605. <li class="user_{UserNumber}">
  606. {block:Label}
  607. <span class="label">{Label}</span>
  608. {/block:Label}
  609.  
  610. {Line}
  611. </li>
  612. {/block:Lines}
  613. </ul> <div class="bottom">
  614. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp || &nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a></div>
  615. {/block:Chat}
  616.  
  617. {block:Audio}
  618. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  619. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center> <div class="bottom">
  620. {block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp;&rsaquo;&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}#notes">{NoteCount} Notes</a></a>&nbsp;&rsaquo;&nbsp;{/block:NoteCount}<a href="{ReblogURL}">Reblog</a></div>
  621. {/block:Audio}
  622.  
  623. {block:Video}
  624. {block:IndexPage}
  625. <center>
  626. {Video-250}</center>
  627. {/block:IndexPage}
  628. {block:PermalinkPage}
  629. <center>
  630. {Video-550}</center>
  631. {/block:PermalinkPage}
  632. {block:Video}
  633.  
  634. {block:PermalinkPage}
  635. <center>
  636. <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>
  637. {/block:PermalinkPage}
  638.  
  639. {block:PostNotes}{PostNotes}
  640. {/block:PostNotes}
  641. </div>
  642.  
  643. {/block:Posts}
  644. </div>
  645. </div>
  646. {block:IndexPage}
  647. {block:Pagination}
  648. <div id="pagination">
  649. {block:NextPage}
  650. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  651. {/block:NextPage}
  652. {block:PreviousPage}
  653. <a href="{PreviousPage}">&larr;&nbsp;</a>
  654. {/block:PreviousPage}
  655. </div>
  656. {/block:Pagination}
  657. {/block:IndexPage}
  658. </div>
  659. </body>
  660. </div></div>
  661. </html>
Advertisement
Add Comment
Please, Sign In to add comment