Advertisement
rasperries

ivcors pop up

Nov 20th, 2013
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.81 KB | None | 0 0
  1. <!--I only ask you keep the credit intact--DO NOT MOVE IT/HIDE IT. Other than that, edit it all ye want. If you have questions, trot on over to leepace.tumblr.com -->
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7. <!--random shit you need-->
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables are here, folks-->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#cccccc"/>
  17. <meta name="color:link" content="#a7a7a7"/>
  18. <meta name="color:title"content="#070707"/>
  19. <meta name="color:scrollbar" content="#d5d5d5" />
  20. <meta name="color:link hover" content="#8F8F8F"/>
  21.  
  22.  
  23.  
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 2 URL" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 3 URL" content="" />
  29. <meta name="text:Link 3" content="" />
  30.  
  31. <meta name="image:audio bg" content="http://static.tumblr.com/1fe0fb2eb9179fdba195906aa5c7bc29/ygd3n2x/TPHmil7fo/tumblr_static_diagonal_striped_brick.png">
  32. <meta name="if:Hide Tags" content="1">
  33.  
  34.  
  35.  
  36.  
  37. <!-- jquery -->
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41.  
  42. <script>
  43.  
  44. (function($){
  45.  
  46. $(document).ready(function(){
  47.  
  48. $("a[title]").style_my_tooltips({
  49.  
  50. tip_follows_cursor:true,
  51.  
  52. tip_delay_time:30,
  53.  
  54. tip_fade_speed:300,
  55.  
  56. attribute:"title"
  57.  
  58. });
  59.  
  60. });
  61.  
  62. })(jQuery);
  63.  
  64. </script>
  65.  
  66. <!--pop up-->
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69. <script>
  70. $(document).ready(function() {
  71. //
  72. $('a.poplight[href^=#]').click(function() {
  73. var popID = $(this).attr('rel'); //Get Popup Name
  74. var popURL = $(this).attr('href'); //Get Popup href to define size
  75. var query= popURL.split('?');
  76. var dim= query[1].split('&');
  77. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  78. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  79. var popMargTop = ($('#' + popID).height()) / 2;
  80. var popMargLeft = ($('#' + popID).width()) / 2;
  81. //Apply Margin to Popup
  82. $('#' + popID).css({
  83. 'margin-top' : -popMargTop,
  84. 'margin-left' : -popMargLeft
  85. });
  86. $('body').append('<div id="fade"></div>');
  87. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  88. return false;
  89. });
  90. $('a.close, #fade').live('click', function() {
  91. $('#fade , .popup_block').fadeOut(function() {
  92. $('#fade, a.close').remove(); //fade them both out
  93. });
  94. return false;
  95. });
  96. });
  97. </script>
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104. <!--CSS time baby. This is where you change font size, color, etc. Just be careful, my dears. -->
  105.  
  106. <style type="text/css">
  107.  
  108. #s-m-t-tooltip {max-width:300px;
  109. padding:2px;
  110. margin:10px 0px 0px 10px;
  111. padding:3px 5px;
  112. background-color:#ffffff;
  113. text-transform:uppercase;
  114. font-size:7px;
  115. letter-spacing:1px;
  116. color:#747474;
  117. border-bottom:1px solid {color:text};
  118. z-index:999 }
  119.  
  120. /*pop up*/
  121. #fade { /*--Transparent background layer--*/
  122. display: none; /*--hidden by default--*/
  123. background: #000;
  124. position: fixed;
  125. left: 0;
  126. top: 0;
  127. width: 100%; height: 100%;
  128. opacity: .70;
  129. z-index: 9999;
  130. }
  131. .popup_block{
  132. display: none; /*--hidden by default--*/
  133. background-color:#fff;
  134. padding: 20px 0;
  135. position: fixed;
  136. width:400px;
  137. margin-left:-200px;
  138. top:50%;
  139. font-family:times;
  140. left:50%;
  141. z-index: 99999;
  142. }
  143.  
  144.  
  145.  
  146. /*--Making IE6 Understand Fixed Positioning--*/
  147. *html #fade {
  148. position: absolute;
  149. }
  150. *html .popup_block {
  151. position: absolute;
  152. }
  153.  
  154.  
  155. #t {
  156. }
  157.  
  158. #tt {font-size:12px;
  159. font-weight:bold;
  160. text-align:right;
  161. padding-right:20px;
  162. padding-bottom:5px;
  163. border-bottom:1px solid black}
  164.  
  165. #ts {font-size:12px;
  166. margin-top:30px;
  167. padding-left:30px;
  168. padding-bottom:20px;
  169. text-align:left;
  170. font-style:italic;
  171. line-height:130%}
  172.  
  173. /*scrollbar*/
  174. ::-webkit-scrollbar{height: 5px;
  175. width: 5px;
  176. -webkit-border-radius: 0px;
  177. background-color:{color:background}}
  178. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  179. ::-webkit-scrollbar-track{background-color:{color:background};}
  180. iframe#tumblr_controls {
  181. position: fixed !important;
  182. z-index: 9999;
  183. opacity:.5;
  184. -webkit-transition:all 0.5s ease-in-out;
  185. -moz-transition:all 0.5s ease-in-out;
  186. transition:all 0.5s ease-in-out;}
  187. iframe#tumblr_controls:hover {
  188. opacity: 0.9;
  189. -webkit-transition:all 0.5s ease-in-out;
  190. -moz-transition:all 0.5s ease-in-out;
  191. transition:all 0.5s ease-in-out;}
  192. ::selection {
  193. background:black;
  194. color:white;
  195. }
  196.  
  197. ::-moz-selection {
  198. background:black;
  199. color:white;
  200. }
  201.  
  202. ::-webkit-selection {
  203. background:black;
  204. color:white;
  205. }
  206.  
  207. iframe#tumblr_controls {
  208. position: fixed !important;
  209. z-index: 9999;
  210. opacity:.5;
  211. -webkit-transition:all 0.5s ease-in-out;
  212. -moz-transition:all 0.5s ease-in-out;
  213. transition:all 0.5s ease-in-out;}
  214. iframe#tumblr_controls:hover {
  215. opacity: 0.9;
  216. -webkit-transition:all 0.5s ease-in-out;
  217. -moz-transition:all 0.5s ease-in-out;
  218. transition:all 0.5s ease-in-out;}
  219.  
  220.  
  221. #credit {position:fixed;
  222. float:right;
  223. opacity:0.7;
  224. bottom:5px;
  225. right:5px;
  226. text-align:center;
  227. padding:5px 5px;
  228. font-size:7px;
  229. font-family:helvetica}
  230. @font-face
  231. {
  232. font-family:'Inconsolata';
  233. src:url('http://static.tumblr.com/sas2ex2/3lgmqt637/inconsolata.otf');
  234. }
  235.  
  236.  
  237. /*main structure*/
  238. blockquote {
  239. max-width:400px!important;
  240. margin-left:0px;
  241. border-left:1px solid #f2f2f2;
  242. padding-left:10px;
  243. width:95%;}
  244.  
  245. h1 {
  246. font-size:11px;
  247. color:#555454;}
  248.  
  249. body {
  250. background-color:#ffffff;
  251. color:#747474;
  252. font-family: helvetica;
  253. font-size:9px;
  254. text-align:justify;
  255. line-height:13px;
  256. margin:0;
  257. line-height:120%;}
  258.  
  259.  
  260. a {
  261. color:#747474;
  262. text-decoration:none;}
  263.  
  264. a:hover {
  265. color:#020101}
  266.  
  267. img{
  268. opacity:1;
  269. border:none;
  270. text-decoration:none}
  271.  
  272.  
  273. b, strong {
  274. color:#3c3c3c}
  275. i, em {
  276. color:#161616}
  277. p {
  278. margin-top:5px;
  279. margin-bottom:5px}
  280. ol {
  281. list-style:normal;}
  282. ul {
  283. list-style:square;}
  284.  
  285. small {
  286. font-size:7px;}
  287.  
  288. big {
  289. font-size:11px;}
  290.  
  291.  
  292.  
  293.  
  294. .title{font-size:10px;
  295. font-weight:none;
  296. float:left;
  297. letter-spacing:1px;
  298. text-transform:uppercase;
  299. padding:10px 20px 5px 5px;
  300. color:#555454;} .title a:hover {text-decoration:underline;}
  301.  
  302.  
  303.  
  304.  
  305.  
  306. /*header*/
  307.  
  308.  
  309. #header {width:400px;
  310. text-align:justify;
  311. margin-top:50px;
  312. }
  313.  
  314.  
  315. #blogt {
  316. line-height:120%;
  317. font-size:7px;
  318. text-align:left; letter-spacing:1px;
  319. text-transform:uppercase;
  320.  
  321. display:none;
  322.  
  323. }
  324.  
  325. #blogt a {color:#555454;}
  326. #blogt a:hover {
  327. text-decoration:none;
  328. color:#747474}
  329.  
  330.  
  331.  
  332. .top {
  333. font-size:7px;
  334. text-transform:uppercase;
  335. margin-left
  336. font-weight:normal;
  337. letter-spacing:1px;
  338. text-align:right;
  339. border-top:1px solid #ededed
  340. }
  341.  
  342.  
  343. .top a {
  344. line-height:25px;
  345. padding:0 10px;
  346. text-align:center;
  347. display:inline-block;
  348. } #standardlinks a:hover {color:#4A4A4A;}
  349.  
  350. .top a:hover{opacity:1;color:#000000;background-color:#f7f7f7;}
  351.  
  352. #description {
  353. font-size:9px;
  354. line-height:130%;
  355. text-align:justify;
  356. padding:15px 25px;}
  357.  
  358. #description a {
  359. text-transform:uppercase;
  360. font-size:7px;
  361. letter-spacing:1px;}
  362.  
  363. /*#description a:hover {text-decoration:underline;}*/
  364.  
  365.  
  366. /*pagination*/
  367.  
  368. #pagination {
  369. font-size:7px;
  370. font-style:normal;
  371. text-align:right;
  372. letter-spacing:2px;
  373. font-family:helvetica;
  374. margin:50px 0;
  375.  
  376. }
  377.  
  378. #pagination a {
  379. text-align:center;
  380. display:inline-block;
  381. margin-left:2px;
  382. line-height:15px;
  383. padding:0 2px 2px 2px;
  384. text-decoration:none;}
  385. #pagination a:hover {text-decoration:underline;}
  386.  
  387. .current_page {text-align:center;
  388. margin-left:2px;
  389. font-size:9px;
  390. line-height:15px;
  391. padding:0 2px 2px 2px;
  392. text-decoration:none;}
  393. .current_page:hover {text-decoration:underline;}
  394.  
  395. /*container*/
  396. #con {position:absolute;
  397. left:50%;
  398. margin-left:-200px;
  399. }
  400. /*posts*/
  401. #entries {position:absolute;
  402. width:400px;
  403. margin-top:110px;
  404.  
  405. }
  406.  
  407. #posts {
  408. margin-bottom:120px;
  409. overflow:hidden;
  410. width:400px;
  411. }
  412.  
  413. #posts a {font-size:7px; letter-spacing:1px; text-transform:uppercase;}
  414. /*#posts a:hover {text-decoration:underline;}*/
  415.  
  416. #posts img {max-width: 400px;
  417.  
  418. }
  419.  
  420.  
  421.  
  422.  
  423.  
  424. #titlequote{font-size:9px;
  425. color:#747474;
  426. text-align:justify; text-transform:; letter-spacing:px;
  427. padding:15px 0;
  428. border-bottom:1px solid #ededed
  429. }
  430.  
  431. #posts img, #posts li, #posts blockquote {max-width: 100%;
  432. }
  433. .caption img{max-width:100%;}
  434. .caption {width:100%;
  435. text-align:justify;
  436. display: block;
  437. margin-top: 5px;
  438. text-transform:none;
  439. font-size:8px;
  440. border-top:1px solid #ededed;
  441. padding-top:5px
  442. } .caption a {font-size:7px; text-transform:uppercase;} .caption a:hover {text-decoration:underline;} .caption blockquote {padding:5px; margin-left:5px; border-left:1px solid #161616;}
  443.  
  444. #source {text-align:right;
  445. padding-top:5px;
  446. font-size:9px}
  447.  
  448.  
  449.  
  450.  
  451.  
  452. /*audio*/
  453. .audio {
  454. width:100%;
  455. background-color:{color:toplinkbackground};
  456. background-image: url('{image:audio bg}');
  457. background-attachment:repeat;
  458. }
  459.  
  460. .audioplayer{
  461. height:27px;
  462. width:6.5%;
  463. overflow:hidden;
  464. opacity: 1;
  465. }
  466.  
  467.  
  468.  
  469.  
  470.  
  471. /*asks*/
  472. #question {color:#747474}
  473. .as {text-align:right;
  474. padding-top:5px;
  475. text-transform:uppercase;
  476. font-size:7px; letter-spacing:1px;}
  477. .as a {#747474}
  478. .q {
  479. padding:15px 0;
  480. border-bottom:1px solid #ededed;
  481. color:#747474;
  482. text-align:right;
  483. }
  484. .a {color:#747474;
  485. margin-top:15px;
  486. text-align:justify}
  487.  
  488.  
  489.  
  490. .chat ol {
  491. padding:0;
  492. line-height:180%;
  493. list-style:none;
  494. }
  495.  
  496. .line.odd {
  497. background-color:#FAFAFA;
  498. padding:5px;
  499. }
  500.  
  501. .line.even {
  502. background-color:#ffffff;
  503. padding:5px;
  504. }
  505.  
  506. .label {
  507. padding-right:1px;
  508. text-transform:uppercase;font-size:7px; letter-spacing:1px;
  509. color:#161616;
  510. }
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518. /*permalink and notes*/
  519.  
  520. #posts:hover #permalink {opacity:1;
  521. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  522.  
  523. #permalink {
  524. margin-left:410px!important;
  525. width:200px;
  526. position:absolute;
  527. z-index:99;
  528. text-align:left;
  529. margin-top:-21px;
  530. font-size:7px;letter-spacing:1px;
  531. text-transform:uppercase;
  532. padding:20px;
  533. opacity:0;
  534. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out
  535. }
  536. #permalink a {text-decoration:none!important;}
  537.  
  538.  
  539. .tags {
  540. font-family:helvetica;
  541. margin-top:10px; line-height:200%;
  542. margin-bottom:10px; text-align:left;
  543. font-size:7px; letter-spacing:1px;
  544. text-transform:uppercase;
  545. width:400px;
  546. }
  547.  
  548. .tags a{
  549. letter-spacing:1px; padding:1px; background:#fafafa;
  550. padding:3px 4px;margin-right:5px; text-decoration:none!important;}
  551.  
  552.  
  553. .pagenotes {
  554.  
  555.  
  556. width:450px; margin-top:100px;margin-left:-45px;
  557.  
  558. text-align:left;
  559.  
  560. }
  561. .pagenotes img {
  562. display:none!important;}
  563. .pagenotes li {
  564. text-transform:uppercase;
  565. letter-spacing:1px; font-size:7px;
  566. list-style-type:none;
  567. padding:10px;
  568. text-align:left;
  569. margin:0 0 0 -40px;
  570. line-height:130%;
  571. }
  572. .pagenotes li:hover {background-color:#F5F5F5;}
  573.  
  574. #fade {
  575. display: none;
  576. background: #525252;
  577. position: fixed;
  578. left: 0;
  579. top: 0;
  580. width: 100%;
  581. height: 100%;
  582. opacity: .80;
  583. z-index: 9999;
  584. }
  585.  
  586. .popup_block{
  587. display: none;
  588. background: #fff;
  589. padding: 35px;
  590. float: left;
  591. position: fixed;
  592. top: 50%;
  593. left: 50%;
  594. z-index: 99999;
  595. }
  596.  
  597. img.btn_close {
  598. float: right;
  599. margin: -55px -55px 0 0;
  600. }
  601.  
  602. *html #fade {
  603. position: absolute;
  604. }
  605.  
  606. *html .popup_block {
  607. position: absolute;
  608. }
  609.  
  610. #linkpopup {
  611. background-color: #fff;
  612. font-family:helvetica;
  613. font-size:9px;
  614. text-align:justify;
  615. }
  616.  
  617.  
  618. #aboutpopup {
  619. background-color: #fff;
  620. font-family:helvetica;
  621. font-size:9px;
  622. text-align:justify;
  623. }
  624.  
  625.  
  626.  
  627.  
  628. </style>
  629.  
  630. <script>
  631.  
  632.  
  633.  
  634. $(document).ready(function() {
  635.  
  636. //
  637.  
  638.  
  639.  
  640. //When you click on a link with class of poplight and the href starts with a #
  641.  
  642. $('a.poplight[href^=#]').click(function() {
  643.  
  644. var popID = $(this).attr('rel'); //Get Popup Name
  645.  
  646. var popURL = $(this).attr('href'); //Get Popup href to define size
  647.  
  648.  
  649.  
  650. //Pull Query & Variables from href URL
  651.  
  652. var query= popURL.split('?');
  653.  
  654. var dim= query[1].split('&');
  655.  
  656. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  657.  
  658.  
  659.  
  660. //Fade in the Popup and add close button
  661.  
  662. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  663.  
  664.  
  665. //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
  666.  
  667. var popMargTop = ($('#' + popID).height() + 80) / 2;
  668.  
  669. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  670.  
  671.  
  672.  
  673. //Apply Margin to Popup
  674.  
  675. $('#' + popID).css({
  676.  
  677. 'margin-top' : -popMargTop,
  678.  
  679. 'margin-left' : -popMargLeft
  680.  
  681. });
  682.  
  683.  
  684.  
  685. //Fade in Background
  686.  
  687. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  688.  
  689. $('#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
  690.  
  691.  
  692.  
  693. return false;
  694.  
  695. });
  696.  
  697.  
  698.  
  699. //Close Popups and Fade Layer
  700.  
  701. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  702.  
  703. $('#fade , .popup_block').fadeOut(function() {
  704.  
  705. $('#fade, a.close').remove(); //fade them both out
  706.  
  707. });
  708.  
  709. return false;
  710.  
  711. });
  712.  
  713.  
  714.  
  715.  
  716.  
  717. });
  718.  
  719. </script>
  720.  
  721.  
  722.  
  723. </head>
  724.  
  725. <body>
  726.  
  727.  
  728.  
  729. <div id="credit"><a title="credit" href="http://leepace.tumblr.com">LP</a></div>
  730.  
  731. <div id="con">
  732.  
  733. <div id="header">
  734.  
  735. <div id="blogt"><a href="/">{Title}</a></div>
  736. <div id="description">{Description}</div>
  737.  
  738. <div class="top">&nbsp;
  739. <a href="/">home</a>
  740. <a href="#?w=400" rel="askpopup" class="poplight">mail</a>
  741. <a href="#?w=400" rel="aboutpopup" class="poplight">about</a>
  742. <a href="#?w=400" rel="linkpopup" class="poplight">navi</a>
  743. <script language="JavaScript">
  744. var ref = (''+document.referrer+'');
  745. var w_h = window.screen.width + " x " + window.screen.height;
  746. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3539933&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');</script>
  747.  
  748. </div>
  749.  
  750. <div id="aboutpopup" class="popup_block">
  751. trish. 20. college student who spends too much time planning the future and ignoring the present. double majoring in business and english literature. i spend too much time reading <a href="http://stymshaws.tumblr.com/books">books</a> not in the syllabus. currently obsessed with <a href="http://stymshaws.tumblr.com/tagged/reign">reign</a> and forever in love with <a href="http://stymshaws.tumblr.com/tagged/boys">boys</a>, especially <a title="harry styles" href="http://stymshaws.tumblr.com/tagged/hs">this one</a>.
  752. </div>
  753.  
  754. <div id="askpopup" class="popup_block">
  755. <h1><center>hi. thanks for dropping by. <i>(<a href="/submit">submit</a>.)</I></h1></center><br>
  756. <iframe frameborder=”0” scrolling="no" width="100%" height="190"src="http://www.tumblr.com/ask_form/thethornbirds.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]—>
  757. </div>
  758.  
  759. <div id="linkpopup" class="popup_block">
  760. Navigating this blog:
  761. <div align="justify"><ul>
  762. <li><a href="/mine">all my *stuff*</a>
  763. <li><a href="/tagged/100songs">music</a>
  764. <li><a href="/tagged/books">books</a>
  765. <li><a href="/tagged/films">films</a>
  766. <li><a href="/tv">tv shows</a>
  767. <li><a href="/blogroll">blogroll</a>
  768. </ul>
  769. </div>
  770. <a href="http://hipsstirhaz.tumblr.com">Harry Styles Blog</a>
  771. </div>
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789. <div id="entries">
  790.  
  791. {block:Posts}
  792. <div id="posts">
  793.  
  794. {block:PermalinkPage}
  795. {block:Date}
  796. <div id="permalink">
  797. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  798. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  799. {block:ContentSource}
  800. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  801. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  802. {/block:SourceLogo}
  803. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  804. {/block:ContentSource}·
  805. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}&nbsp;·&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  806. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  807. </div>
  808. {/block:Date}
  809. {/block:PermalinkPage}
  810.  
  811. {block:IndexPage}
  812. {block:Date}
  813.  
  814.  
  815. <div id="permalink">
  816. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  817. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  818. {block:ContentSource}
  819. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  820. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  821. {/block:SourceLogo}
  822. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  823. {/block:ContentSource}
  824. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}&nbsp;·&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  825. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  826. </div>
  827. {/block:Date}
  828. {/block:Date}
  829.  
  830. {/block:IndexPage}
  831.  
  832. {block:Quote}
  833.  
  834.  
  835. <div id="titlequote">{Quote}</div>
  836. {block:Source}<div id="source">{Source}</div>{/block:Source}
  837. {/block:Quote}
  838.  
  839.  
  840.  
  841. {block:Text}
  842.  
  843. {block:Title}
  844. <div id="title">{Title}</div>{/block:Title}
  845. {Body}
  846.  
  847.  
  848. {/block:Text}
  849.  
  850. {block:Link}
  851.  
  852. <h1><a href="{URL}">⟩ {Name}</a></h1>{block:Description}{Description}{/block:Description}
  853.  
  854. {/block:Link}
  855.  
  856. {block:Chat}
  857. {block:Title}
  858. <h1>{Title}</h1>
  859. {/block:Title}
  860. <div class="chat">
  861. <ol>{block:Lines}
  862. <li class="line {Alt}">
  863. {block:Label}
  864. <span class="label">
  865. {Label}</span>
  866. {/block:Label}{Line}</li>
  867. {/block:Lines}
  868. </ol></div>
  869. {/block:Chat}
  870.  
  871. {block:Photo}
  872.  
  873. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  874.  
  875.  
  876.  
  877. {/block:Photo}
  878.  
  879. {block:Photoset}
  880.  
  881. <center>{Photoset-400}</center>
  882.  
  883.  
  884.  
  885.  
  886. {/block:Photoset}
  887.  
  888. {block:Video}
  889.  
  890.  
  891. {Video-400}
  892. {/block:Video}
  893.  
  894.  
  895.  
  896. <div style="margin-bottom: -5px;">{block:Audio}
  897. <center><div style="border-top:1px solid #eee;"></div>
  898. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div><div style="border-top:1px solid #eee;"></div></center><br>{block:Caption}{Caption}{/block:Caption}<br>
  899. {/block:Audio}</div>
  900.  
  901.  
  902.  
  903.  
  904.  
  905. {block:Answer}
  906. <div id="question">
  907. <div class="q">
  908. {Question}</div>
  909. <div class="as">{Asker}</div>
  910. <div class="a">{Answer}</div>
  911. </div>
  912.  
  913. {/block:Answer}
  914.  
  915.  
  916.  
  917.  
  918. {block:HasTags}<div class="tags">File Under:&nbsp;{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  919. </div>
  920. <div class="pagenotes">
  921. <ol class="notes">
  922. {block:PostNotes}{PostNotes}{/block:PostNotes}
  923. {block:PermalinkPage}
  924. {/block:PermalinkPage}
  925.  
  926. </ol>
  927.  
  928.  
  929. </div>
  930. {/block:Posts}
  931.  
  932.  
  933. <div id="pagination">
  934.  
  935. {block:Pagination}
  936. {block:PreviousPage}
  937. <a class="jump_page" href="{PreviousPage}">BACK</a>
  938. {/block:PreviousPage}
  939.  
  940. {block:JumpPagination length="5"}
  941. {block:CurrentPage}
  942. <span class="current_page">{PageNumber}</span>
  943. {/block:CurrentPage}
  944.  
  945. {block:JumpPage}
  946. <a class="jump_page" href="{URL}">{PageNumber}</a>
  947. {/block:JumpPage}
  948. {/block:JumpPagination}
  949.  
  950. {block:NextPage}
  951. <a class="jump_page" href="{NextPage}">FORTH</a>
  952. {/block:NextPage}
  953. {/block:Pagination}</div>
  954. </div>
  955.  
  956. </div>
  957. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement