Advertisement
rasperries

snark cool girl

Dec 30th, 2014
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.39 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME 7 by ARYASNARK
  8.  
  9. Copyright © Aryasnark 2013 All Rights Reserved. No part of this website may be reproduced without my express consent.
  10.  
  11. -->
  12.  
  13. <head>
  14. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <script>
  23. $(document).ready(function() {
  24. //When you click on a link with class of poplight and the href starts with a #
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. //Pull Query & Variables from href URL
  29. var query= popURL.split('?');
  30. var dim= query[1].split('&');
  31. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  32. //Fade in the Popup and add close button
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img class="btn_close"/></a>');
  34. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. //Fade in Background
  43. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  44. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  45. return false;
  46. });
  47. //Close Popups and Fade Layer
  48. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56.  
  57. <meta name="color:background" content="#ffffff">
  58. <meta name="color:title" content ="#3b3b3b">
  59. <meta name="color:text" content="#3b3b3b">
  60. <meta name="color:tags" content="#555555">
  61. <meta name="color:tags hover" content="#555555">
  62. <meta name="color:link" content="#aaaaaa">
  63. <meta name="color:link hover" content="#232323">
  64. <meta name="color:sidelink" content="#3b3b3b">
  65. <meta name="color:sidelink hover" content="#292929">
  66. <meta name="color:border" content="#eeeeee">
  67. <meta name="color:scrollbar" content="#eeeeee">
  68. <meta name="color:scrollbar bg" content="#ffffff">
  69.  
  70. <meta name="if:400px" content="1"/>
  71. <meta name="if:500px" content="0"/>
  72. <meta name="if:show captions" content="1"/>
  73. <meta name="if:hover" content="1"/>
  74. <meta name="if:sidebarimg" content="0"/>
  75. <meta name="text:username" content=""/>
  76. <meta name="text:ask title" content=""/>
  77. <meta name="text:link 1 title" content="link 1"/>
  78. <meta name="text:link 2 title" content="link 2"/>
  79. <meta name="text:link 3 title" content="link 3"/>
  80.  
  81. <meta name="image:sidebar" content=""/>
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar {width:7px; height:auto; background:{color:scrollbar bg};}
  88. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  89. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  90. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  91.  
  92. body {
  93. margin:0px;
  94. padding:0px;
  95. font-family:helvetica;
  96. font-size:9px;
  97. letter-spacing:0.02em;
  98. color:{color:text};
  99. text-align:justify;
  100. background:{color:background};
  101. line height:125%;
  102. font-weight:lighter;
  103. }
  104.  
  105. small, sub {
  106. font-family:helvetica;
  107. font-size:9px;
  108. font-weight:lighter;
  109. letter-spacing:0.02em;
  110. vertical-align:baseline;
  111. }
  112.  
  113. a:link, a, a:active, a:visited {
  114. text-decoration:none;
  115. color:{color:link};
  116. transition-duration: 0.6s;
  117. -moz-transition-duration: 0.6s;
  118. -webkit-transition-duration: 0.6s;
  119. -o-transition-duration: 0.6s;
  120. }
  121. a:hover {
  122. color:{color:link hover};
  123. transition-duration: 0.6s;
  124. -moz-transition-duration: 0.6s;
  125. -webkit-transition-duration: 0.6s;
  126. -o-transition-duration: 0.6s;
  127. }
  128.  
  129. #entry {
  130. margin-left:540px;
  131. margin-top:75px;
  132. width:440px;
  133. font-family:helvetica;
  134. {block:if500px}
  135. width:540px;
  136. {/block:if500px}
  137. }
  138.  
  139. .post {
  140. -webkit-filter:grayscale(50%);
  141. -webkit-transition: all 0.6s ease-in-out;
  142. overflow:hidden;
  143. float:center;
  144. margin-top:10px;
  145. margin-bottom:120px;
  146. padding-top:20px;
  147. padding-bottom:10px;
  148. width:400px;
  149. overflow:hidden;
  150. {block:if500px}
  151. width:500px;
  152. {/block:if500px}
  153. }
  154.  
  155. .post:hover {
  156. -webkit-filter:none;
  157. -webkit-transition: all 0.6s ease-in-out;
  158. }
  159.  
  160. .info {
  161. width:400px;
  162. margin-bottom:10px;
  163. font-family:helvetica;
  164. font-size:8px;
  165. font-style:none;
  166. text-align:center;
  167. letter-spacing:0.05em;
  168. line-height:150%;
  169. text-transform:lowercase;
  170. padding-top:5px;
  171. {block:indexpage}
  172. {block:ifhover}
  173. opacity:0;
  174. {/block:ifhover}
  175. {block:indexpage}
  176. transition-duration: 0.5s;
  177. -moz-transition-duration: 0.5s;
  178. -webkit-transition-duration: 0.5s;
  179. -o-transition-duration: 0.5s;
  180. {block:if500px}
  181. width:500px;
  182. padding-top:7px;
  183. {/block:if500px}
  184. }
  185.  
  186. .info a {
  187. color:{color:tags};
  188. padding:5px;
  189. }
  190. .info a:hover {
  191. color:{color:tags hover};
  192. }
  193.  
  194. {block:ifhover}
  195. .post:hover .info {
  196. opacity:1;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. }
  202. {/block:ifhover}
  203.  
  204. h1 {
  205. font-size:7px;
  206. text-transform:uppercase;
  207. letter-spacing:4px;
  208. font-weight:lighter !important;
  209. text-align:center;
  210. line-height:150%;
  211. padding:8px 5px 5px 5px;
  212. background-color:#f8f8f8;
  213. }
  214. h1 a {
  215. color:{color:title};
  216. font-weight:lighter;
  217. }
  218.  
  219. h3 {
  220. font-family:helvetica;
  221. text-transform:;
  222. font-size:11px;
  223. font-weight:lighter !important;
  224. text-align:center;
  225. padding:7px;
  226. letter-spacing:1px;
  227. line-height:150%;
  228. color:{color:background};
  229. }
  230.  
  231. #sidebar {
  232. width:280px;
  233. height:100%;
  234. left:280px;
  235. font-size:9px;
  236. text-align:left;
  237. position:fixed;
  238. top:250px;
  239. overflow:hidden;
  240. {block:ifsidebarimg}
  241. top:50px;
  242. {/block:ifsidebarimg}
  243. }
  244.  
  245. {block:ifsidebarimg}
  246. #sidebar img {
  247. -webkit-filter:grayscale(30%);
  248. width:90px;
  249. height:auto;
  250. margin-bottom:0px;
  251. margin-top:150px;
  252. border:3px solid #f8f8f8;
  253. margin-left:10px;
  254. }
  255. {/block:ifsidebarimg}
  256.  
  257. #blogtitle {
  258. width:100px;
  259. font-family:helvetica;
  260. text-transform:uppercase;
  261. font-size:11px;
  262. font-weight:lighter;
  263. text-align:left;
  264. margin-left:px;
  265. padding:10px;
  266. padding-bottom:9px;
  267. letter-spacing:4px;
  268. }
  269. #blogtitle a {
  270. color:{color:title};
  271. }
  272.  
  273. /*sidebar shit*/
  274. div { position:relative; }
  275.  
  276. input[type=checkbox] {
  277. position:absolute;
  278. top:0;
  279. left:0;
  280. width:100%;
  281. height:100%;
  282. opacity:0;
  283. }
  284.  
  285. h2 {
  286. display:navigate;
  287. font-family:helvetica;
  288. font-weight:lighter;
  289. width:100px;
  290. font-size:9px;
  291. letter-spacing:0.05em;
  292. text-align:left;
  293. font-style:none;
  294. text-transform:lowercase;
  295. line-height:180%;
  296. padding-left:4px;
  297. padding-right:3px;
  298. margin-left:5px;
  299. z-index:9999;
  300. color:{color:sidelink};
  301. }
  302. h2 a {
  303. color:{color:sidelink} !important;
  304.  
  305. }
  306.  
  307. label {
  308. cursor:pointer;
  309. }
  310. label {
  311. position:relative;
  312. display:block;
  313. padding-left:10px;
  314. font-family:helvetica;
  315. font-weight:lighter;
  316. z-index:9999;
  317. }
  318.  
  319. label:before {
  320. content:"";
  321. position:absolute;
  322. width:0;
  323. height:0;
  324. top:50%;
  325. left:10px;
  326. z-index:9999;
  327.  
  328. }
  329.  
  330. input[type=checkbox]:checked ~ h2 label:before {
  331. margin-left:-4px;
  332. margin-top:-4px;
  333. z-index:9999;
  334. }
  335.  
  336. #description {
  337. max-height:0;
  338. overflow:hidden;
  339. padding-left:30px;
  340. transition:max-height 0.8s ease;
  341. font-family:helvetica;
  342. font-weight:lighter;
  343. font-size:9px;
  344. letter-spacing:0.02em;
  345. width:170px;
  346. line-height:150%;
  347. }
  348.  
  349. input[type=checkbox]:checked ~ h2 ~ #description {
  350. max-height:250px; /*MAX HEIGHT OF SIDEBAR CONTENT CHANGED HERE*/
  351. z-index:9999;
  352. }
  353.  
  354. .text_box:before {
  355. content :"";
  356. position :absolute;
  357. margin-left:2px;
  358. width:2px;
  359. height:16px;
  360. background:#f8f8f8;
  361. filter:alpha(opacity=100);
  362. -moz-opacity:1;
  363. -khtml-opacity:1;
  364. opacity:1;
  365. z-index:999;
  366. transition-duration: 0.8s;
  367. -moz-transition-duration: 0.8s;
  368. -webkit-transition-duration: 0.8s;
  369. -o-transition-duration: 0.8s;
  370. }
  371.  
  372. input[type="checkbox"]:hover ~ h2 .text_box:before {
  373. width:2px;
  374. background:#dddddd;
  375. transition-duration: 0.8s;
  376. -moz-transition-duration: 0.8s;
  377. -webkit-transition-duration: 0.8s;
  378. -o-transition-duration: 0.8s;
  379. }
  380.  
  381. input[type="checkbox"]:checked ~ h2 .text_box:before {
  382. width:100px;
  383. background:#f8f8f8;
  384. transition-duration: 0.8s;
  385. -moz-transition-duration: 0.8s;
  386. -webkit-transition-duration: 0.8s;
  387. -o-transition-duration: 0.8s;
  388. }
  389.  
  390. #pagination {
  391. width:400px;
  392. bottom:20px;
  393. padding-bottom:30px;
  394. font-size:8px;
  395. font-family:helvetica;
  396. text-align:center;
  397. letter-spacing:6px;
  398. {block:if500px}
  399. width:500px;
  400. {/block:if500px}
  401. }
  402. #pagination a {
  403. color:{color:sidelink};
  404. }
  405. .jump_page {
  406. padding:10px;
  407. color:{color:sidelink};
  408. border-top:2px solid {color:background};
  409. }
  410. .jump_page:hover {
  411. color:{color:sidelink hover};
  412. border-top:2px solid #eeeeee;
  413. }
  414. .current_page {
  415. padding:10px 8px 10px 10px;
  416. color:{color:sidelink};
  417. border-top:2px solid {color:border};
  418. }
  419.  
  420.  
  421. .quote {
  422. font-family:helvetica;
  423. font-size:9px;
  424. font-style:none;
  425. text-align:center;
  426. letter-spacing:0.02em;
  427. line-height:125%;
  428. padding:10px;
  429. border:2px solid #f8f8f8;
  430. }
  431.  
  432. #source {
  433. font-size:7px;
  434. text-transform:uppercase;
  435. letter-spacing:4px;
  436. text-align:center;
  437. padding:8px 5px 5px 5px;
  438. background-color:#f8f8f8;
  439. }
  440.  
  441. #source a {
  442. color:{color:text};
  443. border-bottom:1px solid #b8b8b8;
  444. }
  445.  
  446. /*AUDIO*/
  447.  
  448. .post .audio {
  449. text-align:left;
  450. background-color:rgba(0,0,0,1);
  451. padding:3px;
  452. height:27px;
  453. margin:auto;
  454. overflow:hidden;
  455. }
  456. .post .audio .plyr {
  457. width:27px;
  458. height:27px;
  459. overflow:hidden;
  460. position:absolute;
  461. }
  462. .post .audio .track {
  463. width:100%;
  464. height:27px;
  465. left:32px;
  466. position:relative;
  467. line-height:27px;
  468. overflow:hidden;
  469. text-transform:uppercase;
  470. font-size:7px;
  471. font-weight:lighter;
  472. letter-spacing:2px;
  473. color:rgba(255,255,255,.80);
  474. }
  475.  
  476.  
  477.  
  478. .caption {
  479. text-align:left;
  480. font-size:9px;
  481. letter-spacing:0.02em;
  482. padding:3px 20px 3px 30px;
  483. font-family:helvetica;
  484. display:block;
  485. color:{color:text};
  486. background:#f5f5f5;
  487. }
  488. .caption img {
  489. max-width:360px;
  490. }
  491. .caption a {
  492. color:{color:text};
  493. border-bottom:1px solid #b8b8b8;
  494. }
  495.  
  496. blockquote {
  497. padding-left:12px;
  498. margin-left:0px;
  499. border-left:1px solid #ddd;
  500. width:95%;
  501. }
  502.  
  503. #asker {
  504. text-align:left;
  505. margin-top:0px;
  506. margin-bottom:-10px;
  507. font-style:none;
  508. padding:10px;
  509. background-color:#f8f8f8;
  510. }
  511.  
  512. #asker a {
  513. background:none;
  514. border-bottom:1px solid #b8b8b8;
  515. color:{color:text}
  516. }
  517.  
  518. #asked {
  519. font-size:9px;
  520. font-family:helvetica;
  521. letter-spacing:0px;
  522. background:none;
  523. }
  524.  
  525. #answer {
  526. padding:2px 10px 5px 10px;
  527. margin-top:7px;
  528. margin-bottom:5px;
  529. border:2px solid #f8f8f8;
  530. }
  531.  
  532.  
  533.  
  534. ol.notes {
  535. padding-bottom:2%;
  536. width:360px;
  537. list-style-type:upper-roman;
  538. text-align:left;
  539. font-size:9px;
  540. {block:if500px}
  541. width:460px;
  542. {/block:if500px}
  543. }
  544.  
  545. ol.notes li.note{
  546. border-bottom:1px solid {color:border};
  547. padding:2%;
  548. }
  549.  
  550. ol.notes li.note img.avatar{
  551. width:0px;
  552. height:0px;}
  553.  
  554. #fade {
  555. display: none;
  556. background: #000;
  557. position: fixed;
  558. left: 0;
  559. top: 0;
  560. width: 100%;
  561. height: 100%;
  562. opacity: .80;
  563. z-index: 9999;
  564. }
  565.  
  566. .popup_block{
  567. display: none;
  568. background:transparent;
  569. padding: 20px;
  570. float: left;
  571. position: fixed;
  572. top: 50%;
  573. left: 50%;
  574. z-index: 99999;
  575. }
  576.  
  577. *html #fade {
  578. position: absolute;
  579. }
  580.  
  581. *html .popup_block {
  582. position: absolute;
  583. }
  584.  
  585.  
  586. .showhide_element {
  587. display: none;
  588. }
  589.  
  590. #credit {
  591. bottom:15px;
  592. text-align:center;
  593. font-size:7px;
  594. letter-spacing:3px;
  595. font-family:helvetica;
  596. opacity:1;
  597. width:400px;
  598. {block:if500px}
  599. width:500px;
  600. {/block:if500px}
  601. }
  602.  
  603. #cr {
  604. bottom:0px;
  605. right:0px;
  606. position:fixed;
  607. z-index:1000;
  608. padding:8px 9px;
  609. background-color:{color:background};
  610. }
  611. #cr a {
  612. font-size:7px;
  613. line-height:8px;
  614. background-color:transparent;
  615. font-family:arial;
  616. letter-spacing:0px;
  617. color:#4f4f4f;
  618.  
  619.  
  620. </style></head>
  621. <body>
  622. <div id="sidebar">
  623. {block:ifsidebarimg}<div id="sidebar img"><a href="/"><img src="{image:sidebar}"/></a></div>{/block:ifsidebarimg}
  624. <div id="blogtitle"><a href="/">cool girl</a></div>
  625. <div>
  626. <input type="checkbox" id="description">
  627. <h2><div class="text_box"><label for="description">about</label></div></h2>
  628. <div id="description">trish, twenty one, gemini (cis, she/her)<br> i like cute boys, romance novels, indian food, cold coffee and pastel colors.
  629. <ul>
  630. <li>bae #1: <a href="/tagged/hs">harry styles</a></li>
  631. <li>bae #2: <a href="/tagged/ts">taylor swift</a></li>
  632. <li>bae #3: jess mariano</li>
  633.  
  634.  
  635. </ul></div>
  636. </div>
  637.  
  638. <!-- 1ST LINK -->
  639. <div>
  640. <input type="checkbox" id="01">
  641. <h2><div class="text_box"><label for="01">{text:link 1 title}</label></div></h2>
  642. <div id="description">
  643. <!-- CONTENT BEGINS -->
  644. <ul>
  645. <li><a href="/tagged/!">all edits</a></li>
  646. <li><a href="/tagged/typo">typography</a></li>
  647. <li><a href="/tagged/1k">1k notes</a></li>
  648. <li><a href="/tagged/5k">5k notes</a></li>
  649. <li><a href="/icons">icons</a></li>
  650. </ul>
  651. <!-- CONTENT ENDS -->
  652. </div>
  653. </div>
  654.  
  655. <!-- 2ND LINK -->
  656. <div><input type="checkbox" id="02">
  657. <h2><div class="text_box"><label for="02">{text:link 2 title}</label></div></h2>
  658. <div id="description">
  659. <!-- CONTENT BEGINS -->
  660. <ul>
  661. <li><a href="/tv">tv shows</a></li>
  662. <li><a href="/books">books</a></li>
  663. <li><a href="/ficrec">fic rec</a></li>
  664. <li><a href="/tagged/tunes">music</a></li>
  665. <li><a href="/blogroll">blogroll</a></li>
  666. <li><a href="/tagss">all tags + links</a></li>
  667. </ul>
  668. <!-- CONTENT ENDS -->
  669. </div>
  670. </div>
  671.  
  672. <!-- 3RD LINK -->
  673. <div>
  674. <input type="checkbox" id="03">
  675. <h2><div class="text_box"><label for="03">{text:link 3 title}</label></div></h2>
  676. <div id="description">
  677. <!-- CONTENT BEGINS -->
  678. currently watching:
  679. <ul>
  680. <li><a href="/tagged/the 100">the 100</a></li>
  681. <li><a href="/tagged/htgawm">how to get away with murder</a></li>
  682. <li><a href="/tagged/tmp">the mindy project</a></li>
  683. <li><a href="/tagged/grey's anatomy">grey's anatomy</a></li>
  684. <li><a href="/tagged/parenthood">parenthood</a></li>
  685. <li><a href="/tagged/scandal">scandal</a></li>
  686. </ul>
  687. <p>currently reading:
  688. <ul>
  689. <li>the bell jar by sylvia plath</li>
  690. <li>the girlfriend by abigail barnette</li>
  691.  
  692. </ul>
  693. <!-- CONTENT ENDS -->
  694. </div>
  695. </div>
  696.  
  697. <!-- ASK LINK -->
  698. <div>
  699. <input type="checkbox" id="ask">
  700. <h2><a href="#?w=500" rel="askpop" class="poplight"><div class="text_box"><label for="ask">queries</label></div></a></h2>
  701. </div>
  702.  
  703. </div>
  704.  
  705. <div id="entry">
  706.  
  707. {block:Posts}
  708.  
  709. <div class="post">
  710.  
  711. {block:Text}
  712. {block:Title}<h1>{Title}</h1>{/block:Title}
  713. {Body}
  714. {/block:Text}
  715.  
  716.  
  717. {block:Photo}
  718. {block:if400px}
  719. <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  720. {/block:if400px}
  721. {block:if500px}
  722. <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
  723. {/block:if500px}
  724.  
  725.  
  726. {/block:Photo}
  727.  
  728.  
  729. {block:Photoset}
  730. {block:if400px}
  731. {Photoset-400}
  732. {/block:if400px}
  733. {block:if500px}
  734. {Photoset-500}
  735. {/block:if500px}
  736.  
  737. {/block:Photoset}
  738.  
  739. {block:Quote}
  740. {block:Source}
  741. <div id="source">{Source}</div>
  742. {/block:Source}
  743. <div class="quote">❝ {Quote} ❞</div>
  744. {/block:Quote}
  745.  
  746.  
  747. {block:Link}
  748. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  749. {block:Description}
  750. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  751. {/block:Description}
  752. {/block:Link}
  753.  
  754.  
  755. {block:Chat}
  756. {block:Title}<h1>{Title}</h1>{/block:Title}
  757. {block:Lines}
  758. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  759. {/block:Lines}
  760. {/block:Chat}
  761.  
  762. {block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}<div class="plyr">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{/block:Audio}
  763.  
  764. {block:Caption}
  765. {block:ifshowcaptions}
  766. <span class="caption">{Caption}</span>
  767. {/block:ifshowcaptions}
  768. {/block:Caption}
  769. {/block:Audio}
  770.  
  771.  
  772.  
  773. {block:Video}
  774. {block:if400px}
  775. {Video-400}
  776. {/block:if400px}
  777. {block:if500px}
  778. {Video-500}
  779. {/block:if500px}
  780.  
  781. {block:Caption}
  782. {block:ifshowcaptions}
  783. <span class="caption">{Caption}</span>
  784. {/block:ifshowcaptions}
  785. {/block:Caption}
  786. {/block:Video}
  787.  
  788.  
  789. {block:Answer}
  790. <div id="asker">{Asker} <font id="asked">asked:</font>
  791. <font-style="font-family:times new roman;"><i>{Question}</i></font></div>
  792. <div id="answer">{Answer}</div>
  793. {/block:Answer}
  794.  
  795. {block:IndexPage}
  796. <div class="info">{block:Date}<a href="{Permalink}">{DayOfMonth} . {MonthNumberWithZero} . {ShortYear}</small>{/block:Date} {block:HasTags}{block:Tags}
  797. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}</div>
  798. {/block:IndexPage}
  799.  
  800. {block:PermalinkPage}
  801. <div class="info">{block:Date}<a href="{Permalink}">{DayOfMonth} . {MonthNumberWithZero} . {ShortYear}</small></a>{/block:Date} {block:HasTags}{block:Tags}
  802. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}</div>
  803. <center><font style="padding:5px;font-size:6px;text-transform:uppercase;letter-spacing:3px;">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font></center>
  804. {/block:PermalinkPage}
  805.  
  806. </div>
  807. {/block:Posts}
  808.  
  809. {block:PermalinkPage}
  810. {block:PostNotes}
  811. <div id="notes">{PostNotes}</div>
  812. {/block:PostNotes}
  813. {/block:permalinkpage}
  814.  
  815. <div id="pagination">
  816. {block:IndexPage}
  817. {block:Pagination}
  818. {block:PreviousPage}
  819. <a href="{PreviousPage}">←</a>&nbsp;&nbsp;
  820. {/block:PreviousPage}
  821. {block:JumpPagination length="5"}
  822. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  823. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  824. {/block:JumpPagination}
  825. {block:NextPage}
  826. &nbsp;&nbsp;<a href="{NextPage}">→</a>
  827. {/block:NextPage}
  828. {/block:Pagination}
  829. {/block:IndexPage}
  830. </div>
  831.  
  832. <div id="cr"><script language="JavaScript">
  833. var ref = (''+document.referrer+'');
  834. var w_h = window.screen.width + " x " + window.screen.height;
  835. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4496455&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  836. </script></div>
  837.  
  838. </div>
  839.  
  840. </div>
  841.  
  842. <div id="askpop" class="popup_block">
  843. <center>
  844. <h3>{text:ask title}</h3>
  845. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  846. </center>
  847. </div>
  848. </div></div></div></div></div></div></div></div></div></div>
  849.  
  850. </body>
  851. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement