API tools faq
paste
jbtthemes

Theme 09: novascape

jbtthemes
Aug 10th, 2016
409
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. Theme 09: novascape --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{text:browser title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <meta name ="color:background" content="#000">
  26. <meta name ="color:description" content="#888888">
  27. <meta name ="color:title" content="#315f7a">
  28. <meta name ="color:bold" content="#878787">
  29. <meta name ="color:italic" content="#f5ad58">
  30. <meta name ="color:body" content="#dcecf5">
  31. <meta name ="color:link" content="#6ba3b0">
  32. <meta name ="color:navlink" contenxt="#998200">
  33. <meta name ="color:permalink" content="#665600">
  34. <meta name ="color:permalink hover" content="#dcecf5">
  35. <meta name ="color:tags" content="#665600">
  36. <meta name ="color:tags hover" content="#dcecf5">
  37. <meta name ="color:scrollthumb" content="#315f7a">
  38. <meta name ="color:scrollthumb hover" content="#dcecf5">
  39. <meta name ="color:tooltip" content="#998200">
  40.  
  41. <meta name="image:background" content="http://static.tumblr.com/poesisw/Exlobt9f3/106826.jpg">
  42. {block:ifaffiliates}
  43. <meta name="image:affiliate1" content="http://marlborofishandgame.com/images/6/6c/Question-mark.png">
  44. <meta name="image:affiliate2" content="http://marlborofishandgame.com/images/6/6c/Question-mark.png">
  45. <meta name="image:affiliate3" content="http://marlborofishandgame.com/images/6/6c/Question-mark.png">
  46. <meta name="image:affiliate4" content="http://marlborofishandgame.com/images/6/6c/Question-mark.png">
  47. <meta name="image:affiliate5" content="http://marlborofishandgame.com/images/6/6c/Question-mark.png">
  48. {/block:ifaffiliates}
  49.  
  50. <meta name="if:widgets" content="1">
  51. <meta name="if:updates" content="1">
  52. <meta name="if:affiliates" content="1">
  53.  
  54. <meta name ="text:font size" content="9px">
  55. <meta name ="text:browser title" content="this can be anything you want or you can copy paste your blog title here">
  56. <meta name="text:description title" content="PROFILE">
  57. <meta name="text:updates title" content="UPDATES">
  58. {block:ifaffiliates}
  59. <meta name ="text:affiliates title" content="AFFILIATES">
  60. {/block:ifaffiliates}
  61.  
  62. <meta name="text:time widget" content="insert time widget script here">
  63. <meta name="text:counter widgets" content="insert counter widgets here">
  64.  
  65. <meta name="text:link1" content="submit">
  66. <meta name="text:link1 url" content="/submit">
  67. <meta name="text:link2" content="archive">
  68. <meta name="text:link2 url" content="/archive">
  69. <meta name="text:link3" content="navigation">
  70.  
  71. <meta name="text:update1" content="update 1 text goes here" />
  72. <meta name="text:update2" content="update 2 text goes here" />
  73. <meta name="text:update3" content="update 3 text goes here" />
  74. <meta name="text:update4" content="update 4 text goes here" />
  75. <meta name="text:update5" content="update 5 text goes here" />
  76.  
  77. <meta name="text:affiliate1name" content="affiliate1"/>
  78. <meta name="text:affiliate1url" content=""/>
  79. <meta name="text:affiliate2name" content="affiliate2"/>
  80. <meta name="text:affiliate2url" content=""/>
  81. <meta name="text:affiliate3name" content="affiliate3"/>
  82. <meta name="text:affiliate3url" content=""/>
  83. <meta name="text:affiliate4name" content="affiliate4"/>
  84. <meta name="text:affiliate4url" content=""/>
  85. <meta name="text:affiliate5name" content="affiliate5"/>
  86. <meta name="text:affiliate5url" content=""/>
  87.  
  88. </head>
  89.  
  90. <!--scripts-->
  91. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  92.  
  93. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  94.  
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("a[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:90,
  101. tip_fade_speed:600,
  102. attribute:"title"
  103. });
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108. <script type="text/javascript"
  109. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  110. <script>
  111. $(document).ready(function() {
  112. //
  113. $('a.poplight[href^=#]').click(function() {
  114. var popID = $(this).attr('rel'); //Get Popup Name
  115. var popURL = $(this).attr('href'); //Get Popup href to define size
  116. var query= popURL.split('?');
  117. var dim= query[1].split('&');
  118. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  119. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  120. var popMargTop = ($('#' + popID).height() + 80) / 2;
  121. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  122. //Apply Margin to Popup
  123. $('#' + popID).css({
  124. 'margin-top' : -popMargTop,
  125. 'margin-left' : -popMargLeft
  126. });
  127. $('body').append('<div id="fade"></div>');
  128. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  129. return false;
  130. });
  131. $('a.close, #fade').live('click', function() {
  132. $('#fade , .popup_block').fadeOut(function() {
  133. $('#fade, a.close').remove(); //fade them both out
  134. });
  135. return false;
  136. });
  137. });
  138. </script>
  139.  
  140. <!--custom fonts-->
  141. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  142.  
  143. <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  144.  
  145. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  146.  
  147. <style type="text/css">
  148.  
  149. /*customize your scrollbar here*/
  150. ::-webkit-scrollbar {
  151. width: 2px;
  152. height: 2px;
  153. }
  154. ::-webkit-scrollbar-button {
  155. width: 0px;
  156. height: 0px;
  157. }
  158. ::-webkit-scrollbar-thumb {
  159. background:transparent;
  160. border: 0px none #ffffff;
  161. border-radius: 0px;
  162. }
  163. ::-webkit-scrollbar-thumb:hover {
  164. background: {color:scrollthumb hover};
  165. }
  166. ::-webkit-scrollbar-thumb:active {
  167. background: {color:scrollthumb};
  168. }
  169. ::-webkit-scrollbar-track {
  170. background: transparent;
  171. border: 0px none #ffffff;
  172. border-radius: 2px;
  173. }
  174. ::-webkit-scrollbar-track:hover {
  175. background: transparent;
  176. }
  177. ::-webkit-scrollbar-track:active {
  178. background: transparent;
  179. }
  180. ::-webkit-scrollbar-corner {
  181. background: transparent;
  182. }
  183.  
  184. body {
  185. background-color:{color:background};
  186. font-family:'Orbitron', sans-serif;;
  187. font-size: {text:font size};
  188. color:{color:body};
  189. background-image:url('{image:background}');
  190. background-repeat:no-repeat;
  191. background-attachment:fixed;
  192. background-position: top left;
  193. background-size:cover;
  194. }
  195.  
  196. a {
  197. text-decoration:none;
  198. color:{color:link};
  199. -webkit-transition: all 0.7s ease;
  200. -moz-transition: all 0.7s ease;
  201. -o-transition: all 0.7s ease;
  202. }
  203.  
  204. a:hover {
  205. text-decoration:underline;
  206. letter-spacing:3px;
  207. cursor: help;
  208. }
  209.  
  210. b, strong {
  211. color:{color:bold};
  212. text-transform:uppercase;
  213. }
  214.  
  215. i, em {
  216. color:{color:italic};
  217. letter-spacing:2px;
  218. text-transform:lowercase;
  219. font-family: 'Allura', cursive;
  220. text-shadow:0px 0px 10px #def4f9;
  221. }
  222.  
  223. blockquote {
  224. padding:2px 7px;
  225. margin:3px 0 3px 8px;
  226. border-left:1px solid #006f94;
  227. }
  228.  
  229. blockquote img {
  230. max-width:100%;
  231. height:auto;
  232. }
  233.  
  234. img {
  235. max-width: 100%;
  236. height:auto;
  237. }
  238.  
  239. h1 {
  240. font-family:'Orbitron', sans-serif;
  241. font-style: bold;
  242. font-size: 11px;
  243. text-align:right;
  244. }
  245.  
  246. h2 {
  247. font-family:'Orbitron', sans-serif;
  248. font-style: bold;
  249. font-size: 20px;
  250. text-align:left;
  251. }
  252.  
  253. ul {
  254. list-style-type: circle;
  255. margin-left: 20px;
  256. padding: 0;
  257. }
  258.  
  259. #container {
  260. position:absolute;
  261. height:600px;
  262. left:600px;
  263. overflow-y:scroll;
  264. width:540px;
  265. top:100px;
  266. border-top:1px solid #fff;
  267. }
  268.  
  269. #titlecontainer {
  270. position:absolute;
  271. top:40px;
  272. left:600px;
  273. height:200px;
  274. width:540px;
  275. }
  276.  
  277. #title {
  278. font-family:'Orbitron', sans-serif;
  279. font-size:50px;
  280. color:{color:title};
  281. text-shadow:3px 3px 5px #fff;
  282. }
  283.  
  284. .posts {
  285. width:500px;
  286. background:transparent;
  287. padding:10px;
  288. margin-bottom:30px;
  289. overflow-x:visible;
  290. }
  291.  
  292. .post img {
  293. max-width:100%;
  294. height:auto;
  295. }
  296.  
  297. .permatrigger {
  298. float:right;
  299. }
  300.  
  301. .permalinks {
  302. padding:5px;
  303. height:12px;
  304. }
  305.  
  306. .permalinks a {
  307. float:right;
  308. text-decoration:none;
  309. display:inline;
  310. font-size: 9px;
  311. color:{color:permalink};
  312. opacity:.6;
  313. padding-right:10px;
  314. }
  315.  
  316. .permalinks a:hover {
  317. color:{color:permalink hover};
  318. opacity:1;
  319. }
  320.  
  321. .permalinks a:first-child {
  322. padding-right:0px;
  323. }
  324.  
  325. {block:PermalinkPage}
  326. .tags {
  327. text-align:center;
  328. }
  329.  
  330. .tags a {
  331. text-decoration:none;
  332. font-size: 8px;
  333. text-transform:uppercase;
  334. color:{color:tags};
  335. }
  336.  
  337. .tags a:hover {
  338. color:{color:tags hover};
  339. }
  340. {/block:PermalinkPage}
  341.  
  342.  
  343.  
  344. #sidebar {
  345. position:fixed;
  346. left:405px;
  347. top:100px;
  348. height:580px;
  349. width:200px;
  350. opacity:.1;
  351. background: transparent;
  352. background-position: bottom left;
  353. background-repeat:no-repeat;
  354. background-attachment:fixed;
  355. overflow:auto;
  356. -o-transition-transition: all 0.8s ease-out;
  357. -webkit-transition: all 0.8s ease-out;
  358. -moz-transition: all 0.8s ease-out;
  359. transition: all 0.8s ease-out;
  360. }
  361.  
  362. #sidebar:hover {
  363. opacity:1;
  364. -o-transition-transition: all 0.8s ease-out;
  365. -webkit-transition: all 0.8s ease-out;
  366. -moz-transition: all 0.8s ease-out;
  367. transition: all 0.8s ease-out;
  368. }
  369.  
  370. #sidebar::-webkit-scrollbar {
  371. width: 2px;
  372. height: 2px;
  373. }
  374. #sidebar::-webkit-scrollbar-button {
  375. width: 0px;
  376. height: 0px;
  377. }
  378. #sidebar::-webkit-scrollbar-thumb {
  379. background: transparent;
  380. border: 0px none #ffffff;
  381. border-radius: 0px;
  382. }
  383. #sidebar::-webkit-scrollbar-thumb:hover {
  384. background: transparent;
  385. }
  386. #sidebar::-webkit-scrollbar-thumb:active {
  387. background: transparent;
  388. }
  389. #sidebar::-webkit-scrollbar-track {
  390. background: transparent;
  391. border: 0px none #ffffff;
  392. border-radius: 2px;
  393. }
  394. #sidebar::-webkit-scrollbar-track:hover {
  395. background: transparent;
  396. }
  397. #sidebar::-webkit-scrollbar-track:active {
  398. background: transparent;
  399. }
  400. #sidebar::-webkit-scrollbar-corner {
  401. background: transparent;
  402. }
  403.  
  404. #description {
  405. font-size:10px;
  406. color:{color:description};
  407. text-align:right;
  408. padding:10px;
  409. }
  410.  
  411. #sidebar li {
  412. list-style:decimal-leading-zero;}
  413.  
  414. #sideimage img {
  415. max-width:250px;
  416. margin-left:10px;
  417. }
  418.  
  419. #navlinks {
  420. font-size:12px;
  421. font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  422. padding:10px;
  423. text-align:right;
  424. }
  425.  
  426. #navlinks a {
  427. display:inline-block;
  428. color:{color:navlink};
  429. padding-left:10px;
  430. -webkit-transition: all 0.7s ease;
  431. -moz-transition: all 0.7s ease;
  432. -o-transition: all 0.7s ease;
  433. }
  434.  
  435. #navlinks a:hover {
  436. margin-right:10px;
  437. }
  438.  
  439. #affiliates {
  440. text-align:center;
  441. margin:10px;
  442. }
  443.  
  444. #affiliates a{
  445. border:none;
  446. }
  447.  
  448. #affiliates img {
  449. border-radius:50%;
  450. width:28px;
  451. height:28px;
  452. padding:1px;
  453. -webkit-filter: grayscale(100%);
  454. filter: grayscale(100%);
  455. -webkit-transition: all 0.7s ease;
  456. transition: all 0.7s ease;
  457. -moz-transition: all 0.7s ease;
  458. -o-transition: all 0.7s ease;
  459. }
  460.  
  461. #affiliates img:hover {
  462. -webkit-filter: none;
  463. filter: none;
  464. -webkit-filter: grayscale(0%);
  465. filter: grayscale(0%);
  466. -webkit-transition: all 0.7s ease;
  467. transition: all 0.7s ease;
  468. -moz-transition: all 0.7s ease;
  469. -o-transition: all 0.7s ease;
  470. }
  471.  
  472. #pagination {
  473. position:absolute;
  474. left:570px;
  475. bottom:10px;
  476. width:auto;
  477. height:auto;
  478. text-align:right;
  479. }
  480.  
  481. .popup_block{
  482. display:none;
  483. background:#000;
  484. padding:20px;
  485. float:left;
  486. position:fixed;
  487. top:50%;left:50%;
  488. z-index: 99999;
  489. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  490. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  491. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  492. }
  493.  
  494. *html #fade {position: absolute;}
  495. *html .popup_block {position: absolute;}
  496. #fade {
  497. display:none;
  498. position:fixed;
  499. left:0px;
  500. top:0px;
  501. width:100%;
  502. height:100%;
  503. z-index:9999;
  504. background:#000; /* change to #fff for solid white */
  505. opacity:0.5; /* change to opacity:1; */
  506. }
  507.  
  508. #below{width:300px;}
  509.  
  510. .title1, .title2, .title3, .title4 {
  511. display:inline-block;
  512. height:10px;
  513. line-height:10px;
  514. font-size:18px;
  515. font-family: 'Orbitron', sans-serif;
  516. width:280px;
  517. padding:10px;
  518. margin-top:10px;
  519. color:{color:link};
  520. border-bottom:1px solid #ddd;
  521. letter-spacing:4px;
  522. text-transform:uppercase;
  523. overflow:hidden;
  524. opacity:1;
  525. cursor:help;
  526. font-weight:700;
  527. }
  528.  
  529. .table1, .table2, .table3, .table4 {
  530. height:auto;
  531. display:none;
  532. opacity:1;
  533. background:#000;
  534. font-family: 'Orbitron', sans-serif;
  535. text-transform:uppercase;
  536. letter-spacing:1px;
  537. font-size:10px;
  538. width:280px;
  539. padding:10px;
  540. line-height:20px;
  541. }
  542.  
  543. .table1 a, .table2 a, .table3 a, .table4 a {
  544. padding:5px;
  545. margin:3px;
  546. -o-transition-transition: all 0.8s ease-out;
  547. -webkit-transition: all 0.8s ease-out;
  548. -moz-transition: all 0.8s ease-out;
  549. transition: all 0.8s ease-out;}
  550.  
  551.  
  552. .table1 a:hover, .table2 a:hover, .table3 a:hover, .table4 a:hover {
  553. background:{color:link hover};
  554. color:#fff;
  555. -o-transition-transition: all 0.8s ease-out;
  556. -webkit-transition: all 0.8s ease-out;
  557. -moz-transition: all 0.8s ease-out;
  558. transition: all 0.8s ease-out;
  559. }
  560.  
  561. .asker {
  562. font-size:15px;
  563. font-style: italic;
  564. text-align:center;
  565. border-bottom:1px solid #eee;
  566. margin-bottom:5px;
  567. padding-bottom:3px;
  568. }
  569.  
  570. .question {
  571. font-style: italic;
  572. padding-left:50px;
  573. padding-right:50px;
  574. }
  575.  
  576. .quote {
  577. font-size:13px;
  578. letter-spacing:1px;
  579. text-align:center;
  580. border-bottom:1px solid #eee;
  581. margin-bottom:5px;
  582. padding-bottom:3px;
  583. }
  584.  
  585. .quotesource {
  586. font-size:10px;
  587. letter-spacing:1px;
  588. text-align:center;
  589. margin-bottom:5px;
  590. }
  591.  
  592. #s-m-t-tooltip {
  593. max-width:300px;
  594. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  595. padding:5px; /* space around the text */
  596. margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  597. color:{color:tooltip}; /* text color */
  598. font-size:10px; /* font size of your hover info */
  599. background:transparent; /* change the background color of your hover info */
  600. border:1px solid {color:tooltip};
  601. z-index:99999;}
  602.  
  603. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  604.  
  605. #mycredit {
  606. z-index:8;
  607. bottom:0px;
  608. right:5px;
  609. height:30px;
  610. width:30px;
  611. opacity:0.6;
  612. position:fixed;
  613. padding:5px;}
  614.  
  615. #mycredit:hover {
  616. opacity:1;
  617. -o-transition-transition: all 0.8s ease;
  618. -webkit-transition: all 0.8s ease;
  619. -moz-transition: all 0.8s ease;
  620. transition: all 0.8s ease;
  621. }
  622.  
  623. {CustomCSS}
  624.  
  625. </style>
  626. <script src="jquery.js"></script>
  627. <script>
  628. $(document).ready(function(){
  629. $(".title1").click(function(){
  630. $(".table1").slideToggle("fast");});});
  631. $(document).ready(function(){
  632. $(".title2").click(function(){
  633. $(".table2").slideToggle("fast");});});
  634. $(document).ready(function(){
  635. $(".title3").click(function(){
  636. $(".table3").slideToggle("fast");});});
  637. /*for more sections, copy from here*/
  638. $(document).ready(function(){
  639. $(".title4").click(function(){
  640. $(".table4").slideToggle("fast");});});
  641. /*end copy here and change 4s to relative numbers corresponding to sections below*/
  642. </script>
  643.  
  644. <body>
  645. <!--here is your full length sidebar -->
  646. <div id="sidebar">
  647. <!--these are your nav links-->
  648. <div id="navlinks">
  649. <a href="/" title="headquarters"><!--you can change your font awesome icons here --><i class="fa fa-fighter-jet" aria-hidden="true" style="color:{color:navlink};"></i></a>
  650. <a href="/faq" title="ask"><i class="fa fa-question-circle" aria-hidden="true" style="color:{color:navlink};"></i>
  651. <a href="{text:link1 url}" title="{text:link1}"><i class="fa fa-bolt" style="color:{color:navlink};"></i></a>
  652. <a href="{text:link2 url}" title="{text:link2}"><i class="fa fa-archive" aria-hidden="true" style="color:{color:navlink};"></i>
  653. </a>
  654. <!--this is your popup box link, defaulted as a navigation table -->
  655. <a href="#?w=300" rel="box1" class="poplight" title="{text:link3}"><i class="fa fa-globe" aria-hidden="true"style="color:{color:navlink};"></i>
  656. </a></div>
  657. <!--this is your description -->
  658. <div id="description"><h1>{text:description title}</h1><hr>{block:Description}{MetaDescription}{/block:Description}
  659. <!--these are your time and counter widgets -->
  660. {block:ifwidgets}
  661. <p>{text:time widget}
  662. <br>
  663. {text:counter widgets}
  664. {/block:ifwidgets}
  665. <br><br>
  666. {block:ifupdates}
  667. <h1>{text:updates title}</h1><hr>
  668. <ol class="g">
  669. {block:ifupdate1}<li>{text:update1}</li>{/block:ifupdate1}
  670. {block:ifupdate2}<li>{text:update2}</li>{/block:ifupdate2}
  671. {block:ifupdate3}<li>{text:update3}</li>{/block:ifupdate3}
  672. {block:ifupdate4}<li>{text:update4}</li>{/block:ifupdate4}
  673. {block:ifupdate5}<li>{text:update5}</li>{/block:ifupdate5}
  674. </ol>
  675. {/block:ifupdates}
  676. {block:ifaffiliates}
  677. <br>
  678. <h1>{text:affiliates title}</h1><hr>
  679. <div id="affiliates">
  680.  
  681. <a href="{text:affiliate1url}" title="{text:affiliate1name}"><img src="{image:affiliate1}"></a>
  682.  
  683. <a href="{text:affiliate1ur2}" title="{text:affiliate2name}"><img src="{image:affiliate2}"></a>
  684.  
  685. <a href="{text:affiliate3url}" title="{text:affiliate3name}"><img src="{image:affiliate3}"></a>
  686.  
  687. <a href="{text:affiliate4url}" title="{text:affiliate4name}"><img src="{image:affiliate4}"></a>
  688.  
  689. <a href="{text:affiliate5url}" title="{text:affiliate5name}"><img src="{image:affiliate5}"></a>
  690.  
  691. </div>
  692. {/block:ifaffiliates}
  693.  
  694. </div>
  695. </div></div></div>
  696.  
  697. <div id="pagination">{block:Pagination}{CurrentPage} of {TotalPages}<br>
  698. {block:PreviousPage}<a href="{PreviousPage}">⇺</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">⇸</a>
  699. {/block:NextPage}
  700. {/block:Pagination}</div>
  701.  
  702. <div id="titlecontainer"><div id="title"><center>{Title}</center></div></div>
  703.  
  704. <div id="container">
  705. <div class="autopagerize_page_element">
  706.  
  707. {block:Posts}
  708.  
  709. <div class="posts">
  710.  
  711. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  712.  
  713. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/><p>{block:HighRes}
  714. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  715.  
  716. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  717.  
  718. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  719.  
  720. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  721.  
  722. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  723.  
  724. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  725. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  726.  
  727. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  728.  
  729. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  730.  
  731. {block:Answer}
  732. <div class="asker">{Asker} murmured</div>
  733. <div class="question">{Question}</div>
  734. {Answer}
  735. {/block:Answer}
  736.  
  737. <div class="permalinks">
  738. <a href="{Permalink}" title="{Timeago}">◉</a><a href="{Permalink}" title="n{NoteCount}">{block:NoteCount}◉{/block:NoteCount}</a>
  739. {block:RebloggedFrom}
  740. <a href="{ReblogParentURL}" title="via">◉</a>
  741. <a href="{ReblogRootURL}" title="source">◉</a>{/block:RebloggedFrom}
  742. <a href="{ReblogURL}" title="reblog?">◉</a>
  743. </div>
  744.  
  745. {block:PermalinkPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  746.  
  747. </div>
  748. {block:Postnotes}<div class="permalinks">{PostNotes}</div>{/block:Postnotes}
  749.  
  750. {/block:Posts}
  751.  
  752. </div></div></div>
  753.  
  754. {block:ContentSource}
  755. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  756. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  757. {/block:SourceLogo}
  758. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  759. {/block:ContentSource}
  760.  
  761. <!-- DO NOT REMOVE MY CREDIT -->
  762. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  763. </body>
  764.  
  765. <!--start of popup block -->
  766. <div id="box1" class="popup_block">
  767. <div class="title1">TITLE</div><!--title of section here -->
  768. <div class="table1"><!--start of first section here -->
  769.  
  770. <!---
  771. <a href="">link</a> copy and paste this link how many times you want; make sure to use <br> after every link except for the last one
  772. --->
  773. <a href="/">link</a><br>
  774. <a href="/">link</a><br>
  775. <a href="/">link</a><br>
  776. <a href="/">link</a>
  777.  
  778. </div>
  779.  
  780. <div class="title2">TITLE</div><!--title of section here -->
  781. <div class="table2"><!--start of second section here -->
  782.  
  783. <a href="/">link</a><br>
  784. <a href="/">link</a><br>
  785. <a href="/">link</a><br>
  786. <a href="/">link</a>
  787.  
  788. </div>
  789.  
  790. <div class="title3">TITLE</div><!--title of section here -->
  791. <div class="table3"><!--start of third section here -->
  792.  
  793. <a href="/">link</a><br>
  794. <a href="/">link</a><br>
  795. <a href="/">link</a><br>
  796. <a href="/">link</a>
  797.  
  798.  
  799. </div>
  800.  
  801. <div class="title4">TITLE</div><!--title of section here -->
  802. <div class="table4"><!--start of fourth section here -->
  803.  
  804.  
  805. <a href="/">link</a><br>
  806. <a href="/">link</a><br>
  807. <a href="/">link</a><br>
  808. <a href="/">link</a>
  809.  
  810. </div>
  811.  
  812. <!--for more sections, you need to add to the script that's right under </style> where there are instructions, then return to this part and copy paste the following according to instructions -->
  813. <!--start copy here, change # to relative number
  814. <div class="title#">TITLE</div><!--title of section here
  815. <div class="table#"><!--start of fourth section here
  816.  
  817.  
  818. <a href="/">link</a><br>
  819. <a href="/">link</a><br>
  820. <a href="/">link</a><br>
  821. <a href="/">link</a>
  822.  
  823. </div>
  824. <!--end copy here -->
  825.  
  826. </div></div>
  827.  
  828. </div></div></div></div></div></div></div></div></div></div>
  829. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!