Advertisement
thepinkrebellion

justynn theme

Apr 4th, 2012
38
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.47 KB | None | 0 0
  1. <!--
  2. theme by gnarlybarbies
  3. made for justynn
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Ruluko|Schoolbell|Amatic+SC|Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45. <script>
  46. $(document).ready(function() {
  47. //
  48. $('a.poplight[href^=#]').click(function() {
  49. var popID = $(this).attr('rel'); //Get Popup Name
  50. var popURL = $(this).attr('href'); //Get Popup href to define size
  51. var query= popURL.split('?');
  52. var dim= query[1].split('&');
  53. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  54. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprqb3zExH1qcn2vb.png" class="btn_close" title="Close" alt="Close" /></a>');
  55. var popMargTop = ($('#' + popID).height() + 80) / 2;
  56. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  57. //Apply Margin to Popup
  58. $('#' + popID).css({
  59. 'margin-top' : -popMargTop,
  60. 'margin-left' : -popMargLeft
  61. });
  62. $('body').append('<div id="fade"></div>');
  63. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  64. return false;
  65. });
  66. $('a.close, #fade').live('click', function() {
  67. $('#fade , .popup_block').fadeOut(function() {
  68. $('#fade, a.close').remove(); //fade them both out
  69. });
  70. return false;
  71. });
  72. });
  73. </script>
  74. <script type="text/javascript"
  75. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  76. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  77. <script type="text/javascript">
  78. $(document).ready(function () {
  79. $('li.drawer div:nth-child(2)').hide();
  80. $('li.drawer h4').click(function () {
  81. if ($(this).hasClass('open')) {
  82. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  83. else {
  84. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  85. $(this).next().slideDown();
  86. $(this).addClass('open');}
  87. });
  88. });
  89. </script>
  90.  
  91. <meta name="color:Background" content="#FFFFFF"/>
  92. <meta name="color:Text" content="#130C11"/>
  93. <meta name="color:Hover" content="#130C11"/>
  94. <meta name="color:Link" content="#000000"/>
  95. <meta name="color:Scrollbar" content="#130C11"/>
  96. <meta name="color:Permalink" content=""/>
  97. <meta name="image:Sidebar" content=""/>
  98. <meta name="image:Background" content=""/>
  99. <meta name="if:Rainbow Links" content=""/>
  100. <meta name="if:Shadow Links" content="1"/>
  101. <meta name="if:Custom Scrollbar" content=""/>
  102. <meta name="if:Show Sidebar Image" content="0"/>
  103. <meta name="text:hover name" content="H O V E R" />
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108.  
  109. .popup_block{
  110. display: none;
  111. background: #D3D3D3;
  112. background-image: url();
  113. padding: 10px;
  114. font-family: Garamond;
  115. float: left;
  116. font-size: 10px;
  117. position: fixed;
  118. top: 50%; left: 50%;
  119. z-index: 2;
  120. border: 2px solid #363636;
  121. -moz-box-shadow: 0 0 5px #CFCFCF;
  122. -webkit-box-shadow: 0 0 5px #CFCFCF;
  123. -webkit-border-radius: 10px;
  124. -moz-border-radius: 10px;
  125. border-radius: 10px;
  126. }
  127. img.btn_close {
  128. float: right;
  129. margin: -5px -5px 0 0;
  130. }
  131. *html .popup_block {
  132. position: absolute;
  133. }
  134.  
  135.  
  136.  
  137. .popup_block{
  138. display: none;
  139. background: #D3D3D3;
  140. background-image: url();
  141. padding: 10px;
  142. font-family: 'Ruluko', sans-serif;
  143. float: left;
  144. font-size: 14px;
  145. position: fixed;
  146. top: 50%; left: 50%;
  147. z-index: 2;
  148. -moz-box-shadow: 0 0 5px #CFCFCF;
  149. -webkit-box-shadow: 0 0 5px #CFCFCF;
  150. -webkit-border-radius: 10px;
  151. -moz-border-radius: 10px;
  152. border-radius: 10px;
  153. }
  154. img.btn_close {
  155. float: right;
  156. margin: -5px -5px 0 0;
  157. }
  158. *html .popup_block {
  159. position: absolute;
  160. }
  161.  
  162.  
  163.  
  164. #bite
  165. #bite a{
  166. display:block
  167. }
  168. #bite .meh {
  169. margin-top:-40px;filter: alpha(opacity = 0);
  170. opacity:0;-webkit-transition: all 0.5s ease-out;
  171. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  172. }
  173.  
  174. #bite:hover .meh {
  175. margin-top:2px;
  176. -webkit-transition: all 0.8s ease-out;
  177. -moz-transition: all 0.8s ease-out;
  178. transition: all 0.8s ease-out;
  179. filter: alpha(opacity = 100);
  180. filter: alpha(opacity = 100);
  181. opacity:100;
  182. }
  183. iframe#tumblr_controls{position:fixed !important;}
  184.  
  185. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  186.  
  187. ul#drawers a {text-decoration: none; color: #000;}
  188.  
  189. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
  190. transition: background-color 0.2s ease-out;}
  191.  
  192. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  193.  
  194. li.drawer h4.open {background-color: ; border-top: 0px;}
  195.  
  196. li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  197.  
  198. li.drawer div li {list-style-type: disc;}
  199.  
  200. li.drawer div ul {-webkit-padding-start: 12px;}
  201.  
  202. @font-face {
  203. font-family: "tinytots";
  204. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  205. }
  206.  
  207. @font-face {
  208. font-family: "kg luck of the irish";
  209. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  210. }
  211.  
  212. @font-face {
  213. font-family: "nayu pixel";
  214. src: url('http://static.tumblr.com/nsunyax/2zhlyudbt/nayupixel.ttf');
  215. }
  216.  
  217. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  218.  
  219. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  220.  
  221. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  222. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  223.  
  224.  
  225.  
  226. #tumblr_controls{
  227. position:fixed !important;
  228. }
  229.  
  230. .wrapper{
  231. margin: 0px auto;
  232. width: 802px;
  233. }
  234.  
  235. .header{
  236. float: left;
  237. width: 100%;
  238. }
  239.  
  240. .yourposts{
  241. float: left;
  242. margin-right: 20px;
  243. width: 802px;
  244. }
  245.  
  246. .right{
  247. float: right;
  248. width: 200px;
  249. background-color: {color:Background};
  250. }
  251.  
  252.  
  253.  
  254. body {
  255. padding: 0px;
  256. margin: 0px;
  257. color:{color:text};
  258. font-family: 'Ruluko', sans-serif;
  259. font-size: 14px;
  260. background-color: {color:Background};
  261. background-image:url({image:Background});
  262. background-attachment: fixed;
  263. background-repeat: repeat;
  264. }
  265.  
  266. a:link, a:active, a:visited{
  267. color: {color:Link};
  268. text-decoration: none;
  269. -webkit-transition: color 0.4s ease-out;
  270. -moz-transition: color 0.4s ease-out;
  271. }
  272.  
  273. a:hover{
  274. color:{color:Hover};
  275. -webkit-transition: color 0.4s ease-out;
  276. -moz-transition: color 0.4s ease-out;
  277. text-shadow:0px 0px 1px #696969;
  278. }
  279. .title{
  280. font-family: 'Ruluko', sans-serif;
  281. font-size: 19px;
  282. line-height: 16px;
  283. color: {color:Title};
  284. letter-spacing: 1;
  285. font-weight: normal;
  286. }
  287.  
  288. .blogtitle{
  289. font-family:'Amatic SC', cursive;
  290. font-size: 40px;
  291. line-height: 30px;
  292. text-shadow: 2px 2px 2px #888;
  293. letter-spacing: 0;
  294. font-weight: normal;
  295. }
  296. .entry {
  297. margin:2px;
  298. padding-top: 1px;
  299. padding-left: 1px;
  300. padding-right: 1px;
  301. float:left;
  302. background-color: white;
  303. font-family: 'Ruluko', sans-serif;
  304. font-size: 14px;
  305. line-height:10px;
  306. {block:IndexPage}
  307. width:400px;
  308. {/block:IndexPage}
  309. {block:PermalinkPage}
  310. width:400px;
  311. margin-left: 357x;
  312. {/block:PermalinkPage}
  313. }
  314.  
  315. .entry .perma{
  316. position:absolute;
  317. margin-right:0px;
  318. width:auto;
  319. height:auto;
  320. padding-top:2px;
  321. background-color:#b3b3b3;
  322. overflow:hidden;
  323. font-family: 'Ruluko', sans-serif;
  324. text-transform: uppercase;
  325. font-size: 12px;
  326. line-height:px;
  327. text-align:center;
  328. opacity:0.0;
  329. -webkit-transition: all 0.2s linear;
  330. -webkit-transition: all 0.2s linear;
  331. -moz-transition: all 0.2s linear;
  332. transition: all 0.2s linear;
  333. }
  334.  
  335. .entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
  336. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-top:3px; margin-left: 3px; width: auto; height:auto; padding:2px;}
  337.  
  338. .perm{display: block;
  339. margin-top: 4px;
  340. font-family: 'Ruluko', sans-serif;
  341. font-size: 9px;
  342. line-height: 11px;
  343. text-align:center;
  344. background-color: {color:permalink};
  345. border-bottom:1px solid white;}
  346. blockquote{
  347. padding:0px 0px 2px 5px;
  348. margin:0px 0px 2px 1px;
  349. border-left: 1px solid {color:Text};}
  350. blockquote p, ul{margin:0px; padding:0px;}
  351.  
  352.  
  353.  
  354.  
  355. #links {
  356. position:fixed !important;
  357. width: 30px;
  358. height: auto;
  359. margin-top: 90px;
  360. margin-left: -167px;
  361. padding: 1px;
  362. text-align: center;
  363. margin-bottom: 5px;
  364. background-color:transparent;
  365. }
  366.  
  367. #links2 {
  368. position:fixed !important;
  369. width: 33px;
  370. height: auto;
  371. margin-top: 90px;
  372. margin-left: -106px;
  373. padding: 1px;
  374. text-align: center;
  375. margin-bottom: 5px;
  376. background-color:transparent;
  377. }
  378.  
  379. #links3 {
  380. position:fixed !important;
  381. width: 33px;
  382. height: auto;
  383. margin-top: 90px;
  384. margin-left: -45px;
  385. padding: 1px;
  386. text-align: center;
  387. margin-bottom: 5px;
  388. background-color:transparent;
  389. }
  390.  
  391. #links4 {
  392. position:fixed !important;
  393. width: 33px;
  394. height: auto;
  395. margin-top: 90px;
  396. margin-left: 16px;
  397. padding: 1px;
  398. text-align: center;
  399. margin-bottom: 5px;
  400. background-color:transparent;
  401. }
  402.  
  403. .navigate{
  404. width: 55px;
  405. height: 15px;
  406. height: auto;
  407. background-color:#fff;
  408. font-size:10px;
  409. font-family:'Ruluko', sans-serif;
  410. margin-top:3px;
  411. margin-left:1px;
  412. padding: 2px;
  413. line-height:13px;
  414. text-align:center;
  415. -webkit-transition-duration: 1s;
  416. border-top-right-radius:40px;
  417. border-bottom-right-radius:0px;
  418. border-top-left-radius:40px;
  419. border-bottom-left-radius:0px;
  420. display: inline-block;
  421.  
  422. }
  423.  
  424. .navigate:hover {
  425. background-color: {color:background};
  426. }
  427. .blogtitle{
  428. font-family:
  429. font-size: 50px;
  430. line-height: 50px;
  431. color: {color:Blog Title};
  432. font-weight: bold;}
  433.  
  434. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  435.  
  436.  
  437. div#sidebar{
  438. position:fixed !important;
  439. margin-left: 900px;
  440. margin-top: 130px;
  441. background-color: transparent;
  442. height: auto;
  443. width: 250px;
  444. padding: 2px;
  445. text-align: center;
  446. }
  447.  
  448. #credit a{
  449. color:#b3b !important;
  450. }
  451. #credit{
  452. font-family: "littlefont";
  453. font-size: 10px;
  454. line-height:10px;
  455. position:fixed !important;
  456. width:auto;
  457. height:auto;
  458. background-color: #ffffff;
  459. padding: 3px;
  460. left:2px;
  461. bottom:2px;
  462. }
  463.  
  464. #posts {
  465. width: 820px;
  466. margin-left:90px;
  467. margin-top:2px;
  468. float:left;
  469. font-family: 'Ruluko', sans-serif;
  470. }
  471.  
  472. #infscr-loading{
  473. bottom: -70px;
  474. position: absolute;
  475. left: 50%;
  476. margin-left:-8px;
  477. width:16px;
  478. height:11px;
  479. overflow:hidden;
  480. margin-bottom: 50px;
  481. }
  482.  
  483. .title{
  484. font-family: 'Ruluko', sans-serif;
  485. font-size: 16px;
  486. line-height:8px;
  487. color: {color:Text};
  488. font-weight: normal;
  489. }
  490.  
  491. .ask{
  492. padding: 1px;
  493. color:#000;
  494. background-color:{color:ask};
  495. }
  496.  
  497. @font-face {
  498. font-family: "pupcat";
  499. src: url('http://static.tumblr.com/chrrjbz/xCAlzys5e/pupcat_rg.ttf');
  500. }
  501.  
  502. @font-face {
  503. font-family: "tinytots";
  504. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  505. }
  506.  
  507.  
  508. ul, ol, li{list-style:bullet; margin-left:10px; padding-top:2px; padding-bottom: 2px;}
  509.  
  510. .blank
  511. <!-kb->
  512.  
  513.  
  514.  
  515. </style>
  516.  
  517. {block:IndexPage}
  518. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  519. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  520.  
  521. <script type="text/javascript">
  522. $(window).load(function () {
  523. var $content = $('#posts');
  524. $content.masonry({itemSelector: '.entry'}),
  525. $content.infinitescroll({
  526. navSelector : 'div#pagination',
  527. nextSelector : 'div#pagination a#nextPage',
  528. itemSelector : '.entry',
  529. loading: {
  530. finishedMsg: '',
  531. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  532. },
  533. bufferPx : 600,
  534. debug : false,
  535. },
  536. // call masonry as a callback.
  537. function( newElements ) {
  538. var $newElems = $( newElements );
  539. $newElems.hide();
  540. // ensure that images load before adding to masonry layout
  541. $newElems.imagesLoaded(function(){
  542. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  543.  
  544.  
  545. });
  546. });
  547. });
  548. </script>
  549.  
  550. {/block:IndexPage}
  551.  
  552. <title>{title}</title>
  553.  
  554. <link rel="shortcut icon" href="{Favicon}">
  555. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  556. <meta name="viewport" content="width=820" />
  557.  
  558. </head>
  559. {block:ifrainbowlinks}<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  560. "></script>{/block:ifrainbowlinks}
  561. <body>
  562.  
  563. <div class="header">
  564. </div>
  565. <div id="sidebar"><br /><br />
  566. <div class="blogtitle"><a href="/"><font color="000">{title}</font></a></div><br /><p>
  567. <div id="bite">{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=200px></a>{/block:ifshowsidebarimage}<br />
  568. </br>
  569. {description}
  570. </br></br>
  571. {text:hover name}
  572. </br>
  573. <div class="meh">
  574. </br>
  575. <a href="/">home</a> </br></br>
  576. <a href="#?w=500" rel="02" class="poplight">ask+faq</a></br></br>
  577. <a href="#?w=500" rel="03" class="poplight">quote categories</a></br></br>
  578. <a href="#?w=500" rel="04" class="poplight">photo categories</a></br></br>
  579. <a href="#?w=500" rel="05" class="poplight">etc</a></br></br>
  580. <a href="http://gnarlybarbies.tumblr.com">theme</a><br /><br />
  581.  
  582.  
  583.  
  584. </div></div></div>
  585.  
  586. </div>
  587.  
  588. <div class="yourposts">
  589.  
  590. <div id="posts">
  591.  
  592. {block:Posts}
  593. <div class="entry">
  594.  
  595. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:text}
  596.  
  597. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:link}
  598.  
  599. {block:Photo}
  600. {block:IndexPage}
  601. <div class="perma">
  602. <a href="{permalink}">{NoteCountWithLabel}</a></span></div>
  603. {/block:IndexPage}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a>{LinkCloseTag}</center>{/block:Photo}
  604.  
  605. {block:Photoset}{block:IndexPage}
  606. <div class="perma">
  607. <a href="{permalink}">{NoteCountWithLabel}</a> </span></div>
  608. {/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
  609.  
  610. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a> </span>{/block:Quote}
  611.  
  612. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ul><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:Chat}
  613.  
  614. {block:Answer}
  615. <div class="ask"><u>{Asker} asked:</u> <b>{Question}</b></div>
  616. {Answer}
  617. {block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:IndexPage}
  618. {/block:Answer}
  619.  
  620. {block:Audio}<center><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div></div></center><br>
  621. {/block:Audio}
  622.  
  623. {block:Video}{block:IndexPage}
  624. <div class="permalink">
  625. <a href="{permalink}">{NoteCountWithLabel}</a></div>
  626. <div class="reblog">
  627. <a href="{ReblogURL}">Reblog</a></div>
  628. {/block:IndexPage}<center>{Video-400}<br>{block:permalinkpage}on}{/block:permalinkpage}</center>{/block:Video}
  629. {block:PermalinkPage}
  630. <center>
  631. <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>
  632.  
  633.  
  634. {/block:PermalinkPage}
  635.  
  636.  
  637. {block:PostNotes}{PostNotes}
  638. {/block:PostNotes}
  639. </div>
  640.  
  641.  
  642. {/block:Posts}
  643. </div>
  644. </div>
  645. {block:IndexPage}
  646. {block:Pagination}
  647. <div id="pagination">
  648. {block:NextPage}
  649. <a id="nextPage" href="{NextPage}"></a>
  650. {/block:NextPage}
  651. {block:PreviousPage}
  652. <a href="{PreviousPage}"></a>
  653. {/block:PreviousPage}
  654. </div>
  655. {/block:Pagination}
  656. {/block:IndexPage}
  657. </div>
  658.  
  659. </body>
  660.  
  661. <div id="02" class="popup_block">
  662.  
  663. <Center><font size="5" color="#1C1C1C">FAQ STUFF HERE<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  664. </center></div>
  665.  
  666. </div></div></div></div></div></div></div></div></div></div>
  667.  
  668.  
  669. <div id="03" class="popup_block">
  670.  
  671. <Center><font size="5" color="#1C1C1C">QUOTE CATEGORIES TITLE<p></font><br>QUOTE CONTENT HEREEE
  672. </center></div>
  673.  
  674. </div></div></div></div></div></div></div></div></div></div>
  675.  
  676.  
  677. <div id="04" class="popup_block">
  678.  
  679. <Center><font size="5" color="#1C1C1C">PPHOTO CATEGORIES TITLE<p></font><br>PHOTO CONTENT HEREEE
  680. </center></div>
  681.  
  682. </div></div></div></div></div></div></div></div></div></div>
  683.  
  684.  
  685. <div id="05" class="popup_block">
  686.  
  687. <Center><font size="5" color="#1C1C1C">ETC TITLE<p></font><br>ETC CONTENT
  688. </center></div>
  689.  
  690. </div></div></div></div></div></div></div></div></div></div>
  691.  
  692.  
  693. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement