API tools faq
paste
Advertisement
cvndythemes

gctita_theme

cvndythemes
Apr 29th, 2020
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13.  
  14. <!--
  15.  
  16. >> ETHEREAL THEMES // COMMISSION THEME
  17.  
  18. Designed by etherealthemes for
  19. gctita.tumblr.com
  20. ⓒ 2016 - 2020
  21.  
  22. >> TERMS OF USE
  23.  
  24. Do NOT remove the credit
  25. Do NOT claim as your own
  26.  
  27. *You can move the credit, but leave it visible
  28. *Edit as much as you'd like
  29. *Feel free to ask about basic customization
  30. *Theme suggestions always welcomed
  31.  
  32. >> EXTRAS
  33.  
  34. Fonts by Google Fonts
  35. Icons by Jam Icons @ jam-icons.com
  36. Tooltips by Tippy.js @ atomiks.github.io/tippyjs/
  37. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  38. PXU Photosets by chloethemes @ bychloethemes.tumblr.com
  39.  
  40.  
  41. -->
  42.  
  43.  
  44. <!-- COLORS -->
  45. <meta name="color:Background" content="#efefef" />
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Accent One" content="#ff55e8"/>
  48. <meta name="color:Accent Two" content="#4fb4fc"/>
  49. <meta name="color:Accent Three" content="#eff2f3"/>
  50.  
  51. <meta name="color:Topbar Background" content="#202020"/>
  52. <meta name="color:Welcome Background" content="#202020"/>
  53. <meta name="color:Welcome Text" content="#ffffff"/>
  54.  
  55. <meta name="color:Content" content="#ffffff"/>
  56. <meta name="color:Sidebar Titles Text" content="#ffffff"/>
  57.  
  58.  
  59. <!-- IMAGES -->
  60. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/jWRq99m53/header.jpg"/>
  61.  
  62. <meta name="image:Welcome Left" content="https://static.tumblr.com/zvesamf/IgPq99e4b/welcome_left.png"/>
  63. <meta name="image:Welcome Right" content="https://static.tumblr.com/zvesamf/Dj8q99e4c/welcome_right.png"/>
  64. <meta name="image:Welcome Logo" content="https://static.tumblr.com/zvesamf/MWIq99fdq/welcome_logo.png"/>
  65.  
  66. <meta name="image:Sidebar Image One" content="https://static.tumblr.com/zvesamf/3YFq99lrm/side_one.jpg"/>
  67. <meta name="image:Sidebar Image Two" content="https://static.tumblr.com/zvesamf/8Lqq99lrn/side_two.jpg"/>
  68. <meta name="image:Sidebar Image Three" content="https://static.tumblr.com/zvesamf/yTEq99lrn/side_three.jpg"/>
  69. <meta name="image:Sidebar Image Four" content="https://static.tumblr.com/zvesamf/Ofgq99lrl/side_four.jpg"/>
  70. <meta name="image:Sidebar Image Five" content="https://static.tumblr.com/zvesamf/F0Iq99lrl/side_five.jpg"/>
  71. <meta name="image:Sidebar Image Six" content="https://static.tumblr.com/zvesamf/ZDlq99lrm/side_six.jpg"/>
  72.  
  73. <meta name="image:Footer" content="https://static.tumblr.com/zvesamf/G9eq99z5q/footer.jpg"/>
  74.  
  75.  
  76. <!-- TEXT -->
  77. <meta name="text:Blog Name" content="gctita"/>
  78. <meta name="text:Ask URL" content="https://"/>
  79. <meta name="text:Rules URL" content="https://"/>
  80. <meta name="text:Biography URL" content="https://"/>
  81. <meta name="text:Mobile Nav URL" content="https://"/>
  82.  
  83. <meta name="text:Welcome Link One" content="Link"/>
  84. <meta name="text:Welcome Link One URL" content="https://"/>
  85. <meta name="text:Welcome Link Two" content="Link"/>
  86. <meta name="text:Welcome Link Two URL" content="https://"/>
  87. <meta name="text:Welcome Link Three" content="Link"/>
  88. <meta name="text:Welcome Link Three URL" content="https://"/>
  89. <meta name="text:Welcome Four One" content="Link"/>
  90. <meta name="text:Welcome Link Four URL" content="https://"/>
  91.  
  92. <meta name="text:Tag One" content="Link One"/>
  93. <meta name="text:Tag One URL" content="https://"/>
  94. <meta name="text:Tag Two" content="Link Two"/>
  95. <meta name="text:Tag Two URL" content="https://"/>
  96. <meta name="text:Tag Three" content="Link Three"/>
  97. <meta name="text:Tag Three URL" content="https://"/>
  98. <meta name="text:Tag Four" content="Link Four"/>
  99. <meta name="text:Tag Four URL" content="https://"/>
  100. <meta name="text:Tag Five" content="Link Five"/>
  101. <meta name="text:Tag Five URL" content="https://"/>
  102. <meta name="text:Tag Six" content="Link Six"/>
  103. <meta name="text:Tag Six URL" content="https://"/>
  104.  
  105.  
  106. <!-- IF -->
  107. <meta name="if:Invert Tumblr Controls" content="0"/>
  108.  
  109.  
  110. <!-- SELECT -->
  111. <meta name="select:Lightbox" content="0,0,0," title="Black">
  112. <meta name="select:Lightbox" content="255,255,255," title="White">
  113.  
  114.  
  115. <!-- SCRIPTS -->
  116. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  117.  
  118. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  119.  
  120. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  121.  
  122. <script>
  123. $container.infinitescroll({
  124. itemSelector: '.posts',
  125. navSelector: '.pagination',
  126. nextSelector: '.pagination a',
  127. loadingImg: '',
  128. loadingText: '<em></em>',
  129. bufferPx: 2000
  130. },
  131. function( newElements ) {
  132. var $newElems = $(newElements);
  133. var $newElemsIDs = $newElems.map(function(){
  134. return this.id;
  135. }).get();
  136. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  137. });
  138. </script>
  139.  
  140. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  141.  
  142. <!-- TIPPY JS -->
  143. <script src="https://unpkg.com/popper.js@1"></script>
  144. <script src="https://unpkg.com/tippy.js@5"></script>
  145. <script>
  146. $(document).ready(function(){
  147. tippy('[title]', {
  148.  
  149. animation: 'fade',
  150. placement: 'top',
  151. arrow: true,
  152. duration: [400, 100],
  153.  
  154. theme: 'custom',
  155. ignoreAttributes: true,
  156. content(reference) {
  157. const title = reference.getAttribute('title');
  158. reference.removeAttribute('title');
  159. return title;
  160. },
  161. });
  162. });
  163. </script>
  164.  
  165.  
  166. <script>
  167. $(document).ready(function(){
  168. tippy('[title]', {
  169.  
  170. animation: 'fade',
  171. placement: 'top',
  172. arrow: true,
  173. duration: [400, 100],
  174.  
  175. theme: 'postinfo',
  176. ignoreAttributes: true,
  177. content(reference) {
  178. const title = reference.getAttribute('title');
  179. reference.removeAttribute('title');
  180. return title;
  181. },
  182. });
  183. });
  184. </script>
  185.  
  186. <link href="https://fonts.googleapis.com/css?family=Iceland|Luckiest+Guy|Mogra|Roboto+Mono:400,400i,700|Satisfy&display=swap" rel="stylesheet">
  187.  
  188. <!-- STYLESHEET -->
  189.  
  190. <style type="text/css">
  191.  
  192. /* --- SCROLLBAR ---*/
  193.  
  194. ::-webkit-scrollbar-thumb {background:{color:Text};border-left:1px solid {color:Background};border-right:1px solid {color:Background};border-top:8px solid {color:Background};border-bottom:8px solid {color:Background};}
  195.  
  196. ::-webkit-scrollbar {width:9px;border:4px solid {color:Background};background:{color:Text};}
  197.  
  198. /* --- SELECTION ---*/
  199.  
  200. ::-moz-selection {color:{color:Content};background:{color:Welcome Background};font-weight:400;opacity:1;}
  201.  
  202. ::selection {color:{color:Content};background:{color:Welcome Background};font-weight:400;opacity:1;}
  203.  
  204. /* --- TOOLTIPS ---*/
  205.  
  206. .tippy-tooltip.custom-theme {
  207. $tooltipBg:{color:Accent Two};
  208. background-color:{color:Accent Two};
  209. color:{color:Content};
  210. font-size:8.5pt;
  211. margin-bottom:19px;
  212. border-radius:0px;
  213. }
  214.  
  215. .tippy-content {padding:5px 5px 3px 5px!important;}
  216.  
  217. .tippy-tooltip.custom-theme[data-placement^='top'] .tippy-arrow {border-top-color:{color:Accent Two};}
  218.  
  219. .tippy-tooltip.custom-theme[data-placement^='bottom'] .tippy-arrow {border-bottom-color:{color:Accent Two};}
  220.  
  221. .tippy-tooltip.custom-theme[data-placement^='left'] .tippy-arrow {border-left-color:{color:Accent Two};}
  222.  
  223. .tippy-tooltip.custom-theme[data-placement^='right'] .tippy-arrow {border-right-color:{color:Accent Two};}
  224.  
  225. /* --- TUMBLR TOOLS--- */
  226.  
  227. iframe.tmblr-iframe {
  228. top:16px!important;
  229. right:15px!important;
  230. opacity:0.8;
  231. padding:0px;
  232. z-index:15!important;
  233. transform:scale(0.5);
  234. transform-origin:100% 0;
  235. -webkit-transform:scale(0.5);
  236. -webkit-transform-origin:100% 0;
  237. -o-transform:scale(0.5);
  238. -o-transform-origin:100% 0;
  239. -moz-transform:scale(0.5);
  240. -moz-transform-origin:100% 0;
  241. -ms-transform:scale(0.5);
  242. -ms-transform-origin:100% 0;
  243. transition:0.2s ease-in-out;
  244. -webkit-transition:0.2s ease-in-out;
  245. -moz-transition:0.2s ease-in-out;
  246. {block:IfInvertTumblrControls}
  247. filter:invert(1);
  248. -webkit-filter:invert(1);
  249. -o-filter:invert(1);
  250. -moz-filter:invert(1);
  251. -ms-filter:invert(1);
  252. {/block:IfInvertTumblrControls}
  253. }
  254.  
  255. /* --- BODY --- */
  256.  
  257. body {
  258. margin:0px;
  259. padding:0px;
  260. font-family: 'Roboto Mono', monospace;
  261. color:{color:Text};
  262. font-size:10.5pt;
  263. line-height:150%;
  264. font-weight:normal;
  265. word-wrap:normal;
  266. text-align:left;
  267. background:{color:Background};
  268. }
  269.  
  270. a {
  271. color:{color:Text};
  272. text-decoration:none;
  273. border:0;
  274. cursor:help;
  275. transition:0.2s ease-in-out;
  276. -webkit-transition:0.2s ease-in-out;
  277. -moz-transition:0.2s ease-in-out;
  278. }
  279.  
  280. b,strong {font-weight:700;}
  281. i,italic {font-style:italic;}
  282. small {font-size:9pt;}
  283. big {font-size:9pt;}
  284.  
  285. .posts b, .posts em, .posts i {font-weight:400;font-style:normal;}
  286.  
  287. .posts b {color:{color:Accent One};}
  288. .posts em, .posts i {color:{color:Accent Two};}
  289.  
  290. hr.divider, hr, hr.separator {
  291. display: block;
  292. margin-top: 0.5em;
  293. margin-bottom: 0.5em;
  294. margin-left: auto;
  295. margin-right: auto;
  296. border-style: inset;
  297. border-color:{color:Text};
  298. border-bottom: 1px;
  299. }
  300.  
  301. pre {
  302. white-space: pre-wrap;
  303. white-space: -moz-pre-wrap;
  304. white-space: -pre-wrap;
  305. white-space: -o-pre-wrap;
  306. word-wrap: break-word;
  307. }
  308.  
  309. /* --- TOPBAR --- */
  310.  
  311. .topbar {
  312. position:fixed;
  313. top:0px!important;
  314. left:0px;
  315. width:100%;
  316. padding:20px 0px;
  317. background:{color:Topbar Background};
  318. text-align:center;
  319. transition:0.2s ease-in-out;
  320. -webkit-transition:0.2s ease-in-out;
  321. -moz-transition:0.2s ease-in-out;
  322. z-index:4;
  323. }
  324.  
  325. .navigation {
  326. margin:0 auto;
  327. text-align:center;
  328. }
  329.  
  330. .navigation a {
  331. font-family: 'Luckiest Guy', cursive;
  332. font-size:12.5pt;
  333. padding:0px;
  334. margin:0px 15px;
  335. letter-spacing:0.5pt;
  336. filter: blur(0px);
  337. }
  338.  
  339. .navigation a:hover {
  340. filter: blur(1px);
  341. margin:0px 15px;
  342. }
  343.  
  344. .navigation a:nth-of-type(3n+1) {color:{color:Accent One};}
  345.  
  346. .navigation a:nth-of-type(3n+2) {color:{color:Accent Two};}
  347.  
  348. .navigation a:nth-of-type(3n+3) {color:{color:Accent Three};}
  349.  
  350.  
  351. /* --- HEADER --- */
  352.  
  353. .header {
  354. margin:0 auto;
  355. margin-top:-465px;
  356. width:1300px;
  357. height:400px;
  358. background-image:url('{image:Header}');
  359. background-position:center center;
  360. background-repeat:no-repeat;
  361. }
  362.  
  363. .header_rep {
  364. margin:0 auto;
  365. padding-top:126px;
  366. width:100%;
  367. height:400px;
  368. background-image:url('{image:Header}');
  369. background-position:center center;
  370. background-repeat:repeat-x;
  371. }
  372.  
  373. /* --- WELCOME --- */
  374.  
  375. .welcome_description {
  376. position:relative;
  377. left:50%;
  378. transform: translate(-50%, -50%);
  379. width:600px;
  380. height:147px;
  381. margin-top:120px;
  382. padding:50px 50px;
  383. color:{color:Welcome Text};
  384. letter-spacing:-1px;
  385. line-height:168%;
  386. text-align:center;
  387. background:transparent;
  388. }
  389.  
  390. .welcome_description h1 {
  391. display:inline-block;
  392. font-family: 'Mogra', cursive;
  393. font-size:22pt;
  394. vertical-align:middle;
  395. margin:0px;
  396. }
  397.  
  398. .welcome_description b {color:{color:Accent One};font-weight:400;}
  399.  
  400. .welcome_description i {color:{color:Accent Two};}
  401.  
  402. .welcome_description em {display:inline-block;color:{color:Welcome Text};background:{color:Text};padding:0px 5px 2px 4px;}
  403.  
  404. .welcome_nav {display:block;margin:25px 0px 0px 0px;}
  405.  
  406. .welcome_nav a {
  407. display:inline-block;
  408. font-family: 'Luckiest Guy', cursive;
  409. font-size:14pt;
  410. letter-spacing:1pt;
  411. color:{color:Welcome Text};
  412. padding:2px 6px 2px 6px;
  413. margin:0px 10px;
  414. }
  415.  
  416. .welcome_nav a:nth-of-type(2n+1) {background:{color:Accent One};}
  417.  
  418. .welcome_nav a:nth-of-type(2n+2) {background:{color:Accent Two};}
  419.  
  420. .welcome_nav a:hover {background:{color:Text};}
  421.  
  422. .welcome_cont {
  423. margin:0 auto;
  424. margin-top:-370px;
  425. width:100%;
  426. height:247px;
  427. background-image:url('{image:Welcome Logo}');
  428. background-position:center center;
  429. background-repeat:no-repeat;
  430. background-color:{color:Welcome Background};
  431. }
  432.  
  433. .welcome_left {float:left;height:247px;width:323px;}
  434.  
  435. .welcome_left img {height:247px;width:323px;}
  436.  
  437. .welcome_right {float:right;height:247px;width:323px;}
  438.  
  439. .welcome_right img {height:247px;width:323px;}
  440.  
  441. /* --- CONTAINER --- */
  442.  
  443. .container {
  444. margin:0 auto;
  445. padding:30px 20px 0px 20px;
  446. width:calc(260px + 260px + 550px + 100px);
  447. }
  448.  
  449. #end {display:block;clear:both;}
  450.  
  451.  
  452. /* --- SIDEBARS --- */
  453.  
  454. .sidebar_left {float:left;}
  455.  
  456. .sidebar_left, .sidebar_right {width:260px;}
  457.  
  458. .sidebar_right {float:right;}
  459.  
  460. .side_cont_left, .side_cont_right {margin-bottom:50px;}
  461.  
  462. .sidetitle {
  463. height:58px;
  464. font-size:9pt;
  465. text-transform:uppercase;
  466. text-align:center;
  467. padding-top:20px;
  468. color:{color:Sidebar Titles Text};
  469. background-position:center 0px;
  470. background-repeat:no-repeat;
  471. margin:0px 0px -20px 0px;
  472. }
  473.  
  474. .sidetitle::before {content:'[';margin-right:10px;}
  475.  
  476. .sidetitle::after {content:']';margin-left:10px;}
  477.  
  478. .sidetitle::before, .sidetitle::after {position:relative;}
  479.  
  480. .side_cont_left:nth-of-type(3n+1) .sidetitle {background-image:url('{image:Sidebar Image One}');}
  481.  
  482. .side_cont_left:nth-of-type(3n+2) .sidetitle {background-image:url('{image:Sidebar Image Two}');}
  483.  
  484. .side_cont_left:nth-of-type(3n+3) .sidetitle {background-image:url('{image:Sidebar Image Three}');}
  485.  
  486. .side_cont_right:nth-of-type(3n+1) .sidetitle {background-image:url('{image:Sidebar Image Four}');}
  487.  
  488. .side_cont_right:nth-of-type(3n+2) .sidetitle {background-image:url('{image:Sidebar Image Five}');}
  489.  
  490. .side_cont_right:nth-of-type(3n+3) .sidetitle {background-image:url('{image:Sidebar Image Six}');}
  491.  
  492. .side {
  493. width:220px;
  494. background:{color:Content};
  495. padding:25px 20px 10px 20px;
  496. font-size:10pt;
  497. }
  498.  
  499. /* --- SIDEBARS: TAGS --- */
  500.  
  501. .side_tags {font-family: 'Satisfy', cursive;text-transform:lowercase;}
  502.  
  503. .side_tags a {display:block;margin:0px 0px 20px 0px;font-size:15pt;font-weight:normal;}
  504.  
  505. .side_tags .jam {
  506. position:relative;
  507. top:-2px;
  508. vertical-align:middle;
  509. font-size:13pt;
  510. margin-right:20px;
  511. color:{color:Text};
  512. }
  513.  
  514. .side_tags a:nth-of-type(2n+1):hover {color:{color:Accent Two};}
  515.  
  516. .side_tags a:nth-of-type(2n+2):hover {color:{color:Accent One};}
  517.  
  518. /* --- SIDEBARS: SPOTIFY --- */
  519.  
  520. .spotify {margin-bottom:50px;}
  521.  
  522. .spotify:last-of-type {margin-bottom:20px;}
  523.  
  524. .spotify_avatar {position:relative;top:-4px;left:0px;height:60px;width:60px;}
  525.  
  526. .spotify_avatar img {height:60px;width:60px;border-radius:50%;}
  527.  
  528. .spotify_details {text-align:left;}
  529.  
  530. .spotify_details h1 {
  531. position:relative;
  532. top:-70px;
  533. left:70px;
  534. width:150px;
  535. font-family: 'Luckiest Guy', cursive;
  536. font-size:15pt;
  537. letter-spacing:1px;
  538. color:{color:Accent One};
  539. text-align:left;
  540. font-weight:400;
  541. }
  542.  
  543. .spotify_details h2 {
  544. position:relative;
  545. top:-85px;
  546. left:70px;
  547. width:150px;
  548. color:{color:Accent Two};
  549. font-size:14pt;
  550. font-weight:400;
  551. margin-bottom:-60px;
  552. }
  553.  
  554. .spotify_details h2::before {position:relative;top:0px;left:0px;content:'-';margin-right:3px;color:{color:Text};}
  555.  
  556. /* --- SIDEBARS: SITE INFO --- */
  557.  
  558. ul.site_info {margin:-5px 0px 20px -40px;list-style-type:none;text-align:left;}
  559.  
  560. .site_info li {padding:5px 0px;}
  561. .site_info li:first-of-type {padding-top:0;}
  562. .site_info li:last-of-type {padding-bottom:0;}
  563.  
  564. .site_info a {color:{color:Accent Two};}
  565.  
  566. .site_info a:hover {color:{color:Text};}
  567.  
  568.  
  569. /* --- SIDEBARS: UPDATES --- */
  570.  
  571. .updates {margin:3px 0px 50px 0px;line-height:158%;}
  572.  
  573. .updates:last-of-type {margin-bottom:20px;}
  574.  
  575. .update_title {text-align:left;}
  576.  
  577. .update_banner {position:relative;top:0px;left:0px;height:16px;width:35px;}
  578.  
  579. .updates:nth-of-type(2n+1) .update_banner {background:{color:Accent One};}
  580.  
  581. .updates:nth-of-type(2n+2) .update_banner {background:{color:Accent Two};}
  582.  
  583. .update_banner::before {
  584. position:relative;
  585. top:-3px;
  586. left:-2px;
  587. font-size:16pt;
  588. content:'▶';
  589. color:{color:Content};
  590. }
  591.  
  592. .update_title h1 {
  593. position:relative;
  594. top:-33px;
  595. left:42px;
  596. font-family: 'Luckiest Guy', cursive;
  597. font-size:15pt;
  598. letter-spacing:1px;
  599. color:{color:Text};
  600. font-weight:400;
  601. margin-bottom:-20px;
  602. }
  603.  
  604. /* --- SIDEBARS: AFFILIATES --- */
  605.  
  606. .affiliates {text-align:center;}
  607.  
  608. .affiliates img {height:35px;width:35px;margin:0px 1px 5px 1px;}
  609.  
  610. /* --- SIDEBARS: DISCLAIMER --- */
  611.  
  612. .disclaimer {text-align:center;line-height:140%;}
  613.  
  614. /* ---- POSTS ---- */
  615.  
  616. .posts {float:left;margin:0px 0px 0px 55px;width:calc(500px + 40px);}
  617.  
  618. .iposts {
  619. width:500px;
  620. font-size:15pt;
  621. background:#fff;
  622. }
  623.  
  624. .iposts_cont {padding:20px;margin-bottom:80px;font-family: 'Iceland', cursive;letter-spacing:-1px;background:{color:Content};}
  625.  
  626. .iposts_cont:last-child {margin-top:0px!important;}
  627.  
  628. .ipostpxu {width:calc(500px - 2px);}
  629.  
  630. .stphoto img {max-width:100%;}
  631.  
  632. iframe, img, embed, object, video {max-width:100%;}
  633.  
  634. iframe {margin-top:20px;}
  635.  
  636. iframe {margin:0px;}
  637.  
  638. iframe.tumblr_audio_player {margin:0px 0px;!important}
  639.  
  640. .textpost img {max-width:100%;height:auto;}
  641.  
  642. img {border:0;max-width:100%;height:auto}
  643.  
  644. .video {overflow:hidden;width:calc(500px - 2px);margin:0px!important;}
  645.  
  646. .vine-embed,#youtube_iframe {width:500px;}
  647.  
  648. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  649. .video {padding-bottom:1px;}
  650. .video {padding:1px;}
  651.  
  652. .caption {text-align:left;padding-bottom:10px;}
  653.  
  654. /* ---- POST INFO ---- */
  655.  
  656. .postinfo {text-align:left;padding:0px 0px 20px 0px;font-size:13pt;text-transform:uppercase;}
  657.  
  658. .postinfo .jam {vertical-align:middle;font-size:10pt;margin-right:5px;}
  659.  
  660. .post_src {display:inline-block;}
  661.  
  662. .post_src a {margin:0!important;}
  663.  
  664. .postinfo a {margin:0px 20px 0px 0px;}
  665.  
  666. .postinfo a:hover {color:{color:Accent Two};}
  667.  
  668. /* --- POST CONTROL --- */
  669.  
  670. .postcontrol {
  671. position:relative;
  672. float:right;
  673. top:-0.5px;
  674. margin-right:-25px;
  675. text-align:right;
  676. width:80px;
  677. overflow:hidden;
  678. }
  679.  
  680. .postcontrol i {
  681. padding:0px;
  682. display:block;
  683. overflow:hidden;
  684. color:{color:Text};
  685. font-size:11.5pt;
  686. }
  687.  
  688. .postcontrol a {display:inline-block;}
  689.  
  690. .postcontrol .reblog {margin:0px 0px 0px 0px;}
  691.  
  692. .postcontrol .like .liked + i {opacity:1;}
  693.  
  694. .postcontrol .like .liked + i {color:{color:Accent One};}
  695.  
  696. .like {position:relative;top:-1px;display:inline-block;vertical-align:middle;}
  697.  
  698. .postcontrol .like .like_button {position:relative;}
  699.  
  700. .postcontrol .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  701.  
  702. /* --- POST TAGS --- */
  703.  
  704. .posttags {
  705. padding:15px 0px 15px 0px;
  706. font-size:11.5pt;
  707. text-align:left;
  708. line-height:170%;
  709. }
  710.  
  711. .posttags em {text-transform:uppercase;display:inline-block;padding:0px 5px 0px 5px;background:{color:Accent One};color:{color:Content};font-style:normal;margin:0px 10px 0px 0px;}
  712.  
  713. .posttags a {text-transform:lowercase;margin-right:10px;font-size:13pt;}
  714.  
  715. .posttags a:hover {color:{color:Accent Two};}
  716.  
  717. /* --- POST STYLES --- */
  718.  
  719. .posts h1, .posts h2, .posts h3 {
  720. font-size:17pt;
  721. font-weight:400;
  722. text-align:left;
  723. text-transform:uppercase;
  724. letter-spacing:2px;
  725. margin:0px 0px -5px 0px;
  726. }
  727.  
  728. .posts h3 {line-height:170%;margin-bottom:10px;font-size:14pt;font-weight:300;text-align:left;text-transform:uppercase;letter-spacing:-1px;}
  729.  
  730. .posts blockquote {
  731. margin:0px 0px 0px 20px;
  732. padding:0px 10px 0px 10px;
  733. text-decoration:none;
  734. }
  735.  
  736. .posts blockquote img {
  737. max-width:100%;
  738. display:block;
  739. margin-bottom:5px;
  740. }
  741.  
  742. .chat {text-align:left;text-transform:uppercase;width:440px;}
  743.  
  744. ul.chat {margin-left:0px;}
  745.  
  746. .chat li {list-style-type:none;}
  747.  
  748. .chat li {padding:10px;}
  749.  
  750. .chat li:first {margin:0!important;padding-top:0px!important;border:0px!important;}
  751.  
  752. .chat li:last {margin:0!important;padding-bottom:0px!important;border:0px!important;}
  753.  
  754. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label {font-weight:700;}
  755.  
  756. .linkpost {margin:0;}
  757.  
  758. .linkthumb {padding:5px 0px;}
  759.  
  760. .linkpost h2 {margin:0px 0px -5px 0px;}
  761.  
  762. .linkpost i {color:{color:Text};}
  763.  
  764. /* --- AUDIO POSTS --- */
  765.  
  766. .audio {height:70px;padding:15px 10px 15px 10px;}
  767.  
  768. .button {
  769. position:relative;
  770. top:12px;
  771. left:-1px;
  772. width:30px;
  773. height:30px;
  774. padding:6px 6px;
  775. border-radius:50%;
  776. background:#f2f2f2;
  777. margin:10px 9px 8px 9px;
  778. transform:scale(0.6);
  779. transform-origin:100% 0;
  780. -webkit-transform:scale(0.6);
  781. -webkit-transform-origin:100% 0;
  782. -o-transform:scale(0.6);
  783. -o-transform-origin:100% 0;
  784. -moz-transform:scale(0.6);
  785. -moz-transform-origin:100% 0;
  786. -ms-transform:scale(0.6);
  787. -ms-transform-origin:100% 0;
  788. z-index:3;
  789. }
  790.  
  791. .audiobox {float:left;margin:0px;z-index:2;}
  792.  
  793. .audioinfo {
  794. position:relative;
  795. top:-65px;
  796. left:90px;
  797. width:calc(100% - 100px - 91px);
  798. display:inline-block;
  799. text-transform:lowercase;
  800. padding:7px 0px 0px 30px;
  801. color:{color:Accent Two};
  802. }
  803.  
  804. .audioinfo h1 {
  805. font-family: 'Luckiest Guy', cursive;
  806. font-size:14pt;
  807. letter-spacing:1px;
  808. color:{color:Accent One};
  809. text-align:left;
  810. font-weight:400;
  811. margin-bottom:-20px;
  812. }
  813.  
  814. .audioinfo h2 {
  815. color:{color:Accent Two};
  816. font-size:15pt;
  817. font-weight:400;
  818. }
  819.  
  820. .audioinfo h2::before {position:relative;top:0px;left:0px;content:'-';margin-right:3px;color:{color:Text};}
  821.  
  822. .albumart {position:relative;height:71px;width:71px;top:-48px;left:0px;}
  823.  
  824. .albumart img {width:71;height:auto;margin-top:-11px;border-radius:50%;}
  825.  
  826. .spotify_audio_player {height:80px!important;}
  827.  
  828. /* --- QUESTIONS ---*/
  829.  
  830. .question {text-align:center;padding:10px;background:{color:Accent Two};}
  831.  
  832. .question::after {position:relative;top:34px;left:-365px;content:'▼';font-size:20pt;color:{color:Accent Two};}
  833.  
  834. .asker {position:relative;top:10px;left:60px;width:calc(500px - 60px);}
  835.  
  836. .askeravatar {height:50px;width:50px;display:inline-block;margin:4px 10px 0px 0px;}
  837.  
  838. .askeravatar img {height:50px;width:50px;}
  839.  
  840. .askername {position:relative;top:-8px;left:0px;display:inline-block;text-align:left;}
  841.  
  842. .askername b {font-family: 'Luckiest Guy', cursive;padding:0px!important;text-transform:uppercase;font-size:14pt;font-weight:400;}
  843.  
  844. .askername em {display:block;font-style:normal;}
  845.  
  846. /* --- PAGINATION --- */
  847.  
  848. .pagination {width:300px;margin:50px 0px 40px 110px;text-align:center;padding:15px 10px;}
  849.  
  850. .pagi_jump {text-align:center;width:calc(300px - 60px - 60px - 20px);}
  851.  
  852. .current_page {padding:2px 8px;color:Content;background:{color:Accent Two};}
  853.  
  854. .pagi_prev {text-align:left;width:60px;}
  855.  
  856. .pagi_next {text-align:right;width:60px;}
  857.  
  858. .pagi_jump, .pagi_prev, .pagi_next {display:inline-block;}
  859.  
  860. .pagi_pages, .pagi_jump a, .pagi_pages a, .pagi_prev a, .pagi_next a {
  861. text-transform:uppercase;
  862. letter-spacing:1px;
  863. font-weight:400;
  864. font-size:calc(10pt + 1pt);
  865. text-align:left;
  866. margin-bottom:15px;
  867. }
  868.  
  869. .pagi_jump a, .pagi_jump span {margin:0px 3px;}
  870.  
  871. .pagi_jump span {font-size:calc(10pt + 1.5pt);}
  872.  
  873.  
  874.  
  875. /* --- LIGHTBOXES ---*/
  876.  
  877. .vignette, #vignette {opacity:0;}
  878.  
  879. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  880.  
  881. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  882.  
  883. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  884.  
  885. /* ---PERMALINK NOTES --- */
  886.  
  887. ol.notes {
  888. padding:30px 10px 20px 20px;
  889. margin:-80px 0px 0px 0px;
  890. list-style-type: none;
  891. border-bottom: solid 0px;
  892. letter-spacing:1px;
  893. font-size:10pt;
  894. background:{color:Content};
  895. width:510px;
  896. }
  897.  
  898. .notes a {color:{color:Text};}
  899. .notes a:hover {color:{color:Text};}
  900.  
  901. ol.notes li.note {
  902. display:block;
  903. border-top:solid 1px {color:Accent Three};
  904. padding:10px;
  905. list-style-type:none!important;
  906. }
  907.  
  908. ol.notes li.note img.avatar {
  909. vertical-align:-4px;
  910. margin-right:10px;
  911. width:15px;
  912. height:15px;
  913. display:inline-block;
  914. }
  915.  
  916. ol.notes li.note span.action {font-weight: normal;}
  917.  
  918. ol.notes li.note .answer_content {font-weight: normal;}
  919.  
  920. ol.notes li.note blockquote {border-color: {color:Text};padding: 4px 10px;margin: 10px 0px 0px 25px;}
  921.  
  922. ol.notes li.note blockquote a {text-decoration: none;}
  923.  
  924. .more_notes_link {margin-left:-20px;padding:20px 0px;}
  925.  
  926. /* --- FOOTER --- */
  927.  
  928. footer {
  929. margin:0 auto;
  930. width:100%;
  931. float:left;
  932. height:159px;
  933. margin:0px;
  934. padding:0px;
  935. text-align:center;
  936. background-image:url('{image:Footer}');
  937. background-position:center center;
  938. background-repeat:repeat-x;
  939. }
  940.  
  941. .footer_rep {
  942. margin:0 auto;
  943. width:calc(260px + 260px + 550px + 100px);
  944. height:159px;
  945. margin-top:-25px;
  946. background-image:url('{image:Footer}');
  947. background-position:center center;
  948. background-repeat:no-repeat;
  949. }
  950.  
  951. .footer {
  952. position:relative;
  953. width:calc(260px + 260px + 550px + 100px);
  954. top:65px;
  955. display:inline-block;
  956. padding:0px;
  957. font-size:10pt;
  958. font-weight:400;
  959. letter-spacing:2px;
  960. text-transform:lowercase;
  961. color:{color:Content};
  962. }
  963.  
  964. .footer_copy, .footer_det {display:inline-block;width:300px;}
  965.  
  966. .footer_copy {text-align:right;margin-right:100px;}
  967.  
  968. .footer_copy i {display:inline-block;padding:2px 6px 2px 5px;background:{color:Text};color:{color:Accent Two};font-style:normal;}
  969.  
  970. .footer_det {text-align:left;margin-left:120px;}
  971.  
  972. .footer_det i {display:inline-block;padding:2px 6px 2px 5px;background:{color:Text};color:{color:Accent One};font-style:normal;}
  973.  
  974.  
  975. /* --- SCROLL TO TOP --- */
  976.  
  977. #scrollToTop {
  978. display:none;
  979. position:fixed;
  980. bottom:60px;
  981. right:20px;
  982. z-index:5;
  983. }
  984.  
  985. #scrollToTop {
  986. color:{color:Text};
  987. font-size:calc(9pt + 1pt);
  988. background:{color:Content};
  989. border-radius:50%;
  990. padding:5px 10px;
  991. transition:0.2s ease-in-out;
  992. -webkit-transition:0.2s ease-in-out;
  993. -moz-transition:0.2s ease-in-out;
  994. }
  995.  
  996.  
  997. {CustomCSS}
  998. </style>
  999.  
  1000. </head>
  1001. <body>
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <!--------------------------------------------
  1010.  
  1011. ----------------------------------------------
  1012.  
  1013. START TOPBAR
  1014.  
  1015. ----------------------------------------------
  1016.  
  1017. --------------------------------------------->
  1018. <div class="topbar">
  1019.  
  1020. <div class="navigation">
  1021. <a href="{text:Ask URL}">ask</a>
  1022. <a href="/">home</a>
  1023. <a href="{text:Rules URL}">rules</a>
  1024. <a href="{text:Biography URL}">biography</a>
  1025. <a href="{text:Mobile Nav URL}">mobile navigation</a>
  1026. <a href="/archive">archive</a>
  1027. </div>
  1028.  
  1029. </div>
  1030.  
  1031. <!-- END TOPBAR -->
  1032.  
  1033.  
  1034. <!-- START HEADER -->
  1035. <div class="header_rep"></div>
  1036. <div class="header"></div>
  1037. <!-- END HEADER -->
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044. <!--------------------------------------------
  1045.  
  1046. ----------------------------------------------
  1047.  
  1048. START WELCOME
  1049.  
  1050. ----------------------------------------------
  1051.  
  1052. --------------------------------------------->
  1053. <div class="welcome_description">
  1054. <h1>Welcome</h1>
  1055. {Description}
  1056.  
  1057. <div class="welcome_nav">
  1058. <a href="{text:Welcome Link One URL}">{text:Welcome Link One}</a>
  1059. <a href="{text:Welcome Link Two URL}">{text:Welcome Link Two}</a>
  1060. <a href="{text:Welcome Link Three URL}">{text:Welcome Link Three}</a>
  1061. <a href="{text:Welcome Link Four URL}">{text:Welcome Four One}</a>
  1062.  
  1063. </div>
  1064. </div>
  1065.  
  1066. <div class="welcome_cont">
  1067. <div class="welcome_left">
  1068. <img src="{image:Welcome Left}" />
  1069. </div>
  1070.  
  1071. <div class="welcome_right">
  1072. <img src="{image:Welcome Right}" />
  1073. </div>
  1074. </div>
  1075. <!-- END WELCOME -->
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!-- START CONTAINER -->
  1085. <div class="container">
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092. <!--------------------------------------------
  1093.  
  1094. ----------------------------------------------
  1095.  
  1096. START LEFT SIDE SIDEBAR
  1097.  
  1098. ----------------------------------------------
  1099.  
  1100. --------------------------------------------->
  1101.  
  1102.  
  1103.  
  1104. <div class="sidebar_left">
  1105.  
  1106.  
  1107. <!-- SIDEBAR: Start Tags -->
  1108. <div class="side_cont_left">
  1109. <div class="sidetitle">Tags</div>
  1110. <div class="side">
  1111.  
  1112. <div class="side_tags">
  1113. <a href="{text:Tag One URL}"><span class="jam jam-tag"></span> {text:Tag One}</a>
  1114. <a href="{text:Tag Two URL}"><span class="jam jam-folder-open"></span> {text:Tag Two}</a>
  1115. <a href="{text:Tag Three URL}"><span class="jam jam-user"></span> {text:Tag Three}</a>
  1116. <a href="{text:Tag Four URL}"><span class="jam jam-user-circle"></span> {text:Tag Four}</a>
  1117. <a href="{text:Tag Five URL}"><span class="jam jam-bell-f"></span> {text:Tag Five}</a>
  1118. <a href="{text:Tag Six URL}"><span class="jam jam-message"></span> {text:Tag Six}</a>
  1119. </div>
  1120.  
  1121. </div>
  1122. </div>
  1123. <!-- SIDEBAR: End Tags -->
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129. <!-- SIDEBAR: Start Spotify -->
  1130. <div class="side_cont_left">
  1131. <div class="sidetitle">Spotify Playlist</div>
  1132. <div class="side">
  1133.  
  1134. <!-- Start Spotify Section ------------------------------------------------>
  1135. <div class="spotify">
  1136. <div class="spotify_avatar">
  1137. <img src="https://placehold.it/60X60" /><!------- Spotify Artist Avatar -->
  1138. </div>
  1139. <div class="spotify_details">
  1140. <h1>Song Title</h1><!------- Spotify Song Name -->
  1141. <h2>Artist</h2><!------- Spotify Artist Name -->
  1142. Lorem ipsum dolor sit amet.
  1143. </div>
  1144. </div>
  1145. <!-- End Spotify Section -->
  1146.  
  1147.  
  1148.  
  1149. <!-- Start Spotify Section ------------------------------------------------>
  1150. <div class="spotify">
  1151. <div class="spotify_avatar">
  1152. <img src="https://placehold.it/60X60" /><!------- Spotify Artist Avatar -->
  1153. </div>
  1154. <div class="spotify_details">
  1155. <h1>Song Title</h1><!------- Spotify Song Name -->
  1156. <h2>Artist</h2><!------- Spotify Artist Name -->
  1157. Lorem ipsum dolor sit amet.
  1158. </div>
  1159. </div>
  1160. <!-- End Spotify Section -->
  1161.  
  1162.  
  1163.  
  1164. </div>
  1165. </div>
  1166. <!-- SIDEBAR: End Spotify -->
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172. <!-- SIDEBAR: Start Site Information ------------------------------------->
  1173. <div class="side_cont_left">
  1174. <div class="sidetitle">Site Information</div>
  1175. <div class="side">
  1176.  
  1177. <ul class="site_info">
  1178. <li><b>About:</b> Blog Topic</li>
  1179. <li><b>Established:</b> 2020</li>
  1180. <li><b>Face Claim:</b> Name</li>
  1181. <li><b>Misc:</b> Lorem ipsum</li>
  1182. <li><b>Misc:</b> Lorem ipsum</li>
  1183. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal-themes</a></li>
  1184. </ul>
  1185.  
  1186. </div>
  1187. </div>
  1188. <!-- SIDEBAR: End Site Information -->
  1189.  
  1190. </div>
  1191. <!-- END SIDEBAR LEFT -->
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200. <!--------------------------------------------
  1201.  
  1202. ----------------------------------------------
  1203.  
  1204. START POSTS
  1205.  
  1206. ----------------------------------------------
  1207.  
  1208. --------------------------------------------->
  1209.  
  1210.  
  1211. <div class="posts">
  1212. {block:Posts}
  1213. <div class="iposts_cont">
  1214.  
  1215.  
  1216. <!-- START POST INFO -->
  1217. {block:HomePage}
  1218. <div class="postinfo">
  1219.  
  1220. {block:Date}<span class="jam jam-clock-f"></span> <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>{/block:Date}{block:NoteCount}<span class="jam jam-message-writing-f"></span> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<div class="post_src"><span class="jam jam-pencil-f"></span><a href="{ReblogParentURL}">via</a>{block:ContentSource}&nbsp;/&nbsp;<a href="{SourceURL}">src</a>{/block:ContentSource}</div>{/block:RebloggedFrom}
  1221.  
  1222. {block:IndexPage}<div class="postcontrol"><a href="{ReblogURL}" target="_blank" class="reblog"><span class="jam jam-refresh"></span></a><a href="#" class="like">{LikeButton}<i><span class="jam jam-heart-f"></span></i></a></div>{/block:IndexPage}
  1223.  
  1224. </div>
  1225. {/block:HomePage}
  1226. <!-- END POST INFO -->
  1227.  
  1228.  
  1229.  
  1230.  
  1231. <!-- Post Styles Start -->
  1232. <div class="iposts" id="{PostID}">
  1233. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1234.  
  1235. {block:Link}
  1236. <div class="linkpost">
  1237. {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}<div class="caption"><a href="{URL}"><h3>{Name}</h3>{block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}</a> {block:Description}{Description}{/block:Description} </div>
  1238. </div>
  1239. {/block:Link}
  1240.  
  1241. {block:Quote}<h3>{Quote}</h3><div class="caption">-{Source}</div>{/block:Quote}
  1242.  
  1243. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1244. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1245.  
  1246. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1247. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1248. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1249.  
  1250. {block:Chat}
  1251. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>
  1252. {/block:Chat}
  1253.  
  1254. {block:Audio}
  1255. <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}<div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>
  1256. {block:TrackName}<h2>{TrackName}</h2>{/block:TrackName}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1257.  
  1258. {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1259.  
  1260. {block:Answer}<div class="question">{Question}</div>
  1261. <div class="asker"><div class="askeravatar"><img src="{AskerPortraitURL-64}" /></div><div class="askername"><b>{Asker}</b> <em>asked a question:</em></div></div>{Answer}{/block:Answer}
  1262.  
  1263.  
  1264. </div>
  1265. <!-- POST STYLES END -->
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272. <!-- POST TAGS START -->
  1273. {block:HasTags}<div class="posttags">
  1274. <em>Tagged as:</em> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1275. </div>{/block:HasTags}
  1276. <!-- POST TAGS END -->
  1277.  
  1278.  
  1279.  
  1280. </div>
  1281.  
  1282. <!-- PERMALINK NOTES -->
  1283. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1284.  
  1285. {/block:Posts}
  1286.  
  1287.  
  1288.  
  1289. <!-- START PAGINATION -->
  1290. {block:IndexPage}
  1291. {block:Pagination}
  1292. <div class="pagination">
  1293. <div class="pagi_prev">{block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}</div>
  1294. <div class="pagi_jump">
  1295. {block:JumpPagination length="5"}
  1296. {block:CurrentPage}
  1297. <span class="current_page">{PageNumber}</span>
  1298. {/block:CurrentPage}
  1299. {block:JumpPage}
  1300. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1301. {/block:JumpPage}
  1302. {/block:JumpPagination}
  1303. </div>
  1304. <div class="pagi_next">{block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>
  1305. </div>
  1306. {/block:Pagination}
  1307. {/block:IndexPage}
  1308. <!-- END PAGINATION -->
  1309.  
  1310.  
  1311.  
  1312. </div>
  1313. <!-- END POSTS -->
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321. <!--------------------------------------------
  1322.  
  1323. ----------------------------------------------
  1324.  
  1325. START RIGHT SIDE SIDEBAR
  1326.  
  1327. ----------------------------------------------
  1328.  
  1329. --------------------------------------------->
  1330.  
  1331.  
  1332.  
  1333.  
  1334. <div class="sidebar_right">
  1335.  
  1336.  
  1337.  
  1338. <!-- SIDEBAR: Start Updates -->
  1339. <div class="side_cont_right">
  1340. <div class="sidetitle">Updates</div>
  1341. <div class="side">
  1342.  
  1343.  
  1344. <!-- SIDEBAR: Start Update Section ----------------------------------->
  1345. <div class="updates">
  1346. <div class="update_title"><div class="update_banner"></div>
  1347. <h1>Update Title</h1><!------- Update Title -->
  1348. </div>
  1349. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1350. </div>
  1351. <!-- SIDEBAR: End Update Section -->
  1352.  
  1353.  
  1354.  
  1355. <!-- SIDEBAR: Start Update Section ----------------------------------->
  1356. <div class="updates">
  1357. <div class="update_title"><div class="update_banner"></div>
  1358. <h1>Update Title</h1><!------- Update Title -->
  1359. </div>
  1360. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1361. </div>
  1362. <!-- SIDEBAR: End Update Section -->
  1363.  
  1364.  
  1365.  
  1366. <!-- SIDEBAR: Start Update Section ----------------------------------->
  1367. <div class="updates">
  1368. <div class="update_title"><div class="update_banner"></div>
  1369. <h1>Update Title</h1><!------- Update Title -->
  1370. </div>
  1371. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1372. </div>
  1373. <!-- SIDEBAR: End Update Section -->
  1374.  
  1375.  
  1376.  
  1377. </div>
  1378. </div>
  1379. <!-- SIDEBAR: End Updates -->
  1380.  
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386. <!-- SIDEBAR: Start Affiliates ------------------------------------->
  1387. <div class="side_cont_right">
  1388. <div class="sidetitle">Affiliates</div>
  1389. <div class="side">
  1390.  
  1391. <div class="affiliates">
  1392.  
  1393. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/ethereal-themes.tumblr.com/avatar/512"></a>
  1394.  
  1395. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1396.  
  1397. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1398.  
  1399. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1400.  
  1401. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1402.  
  1403.  
  1404.  
  1405. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1406.  
  1407. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1408.  
  1409. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1410.  
  1411. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1412.  
  1413. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1414.  
  1415.  
  1416.  
  1417. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1418.  
  1419. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1420.  
  1421. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1422.  
  1423. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1424.  
  1425. <a href="BLOG URL" title="BLOG TITLE"><img src="https://api.tumblr.com/v2/blog/gctita.tumblr.com/avatar/512"></a>
  1426.  
  1427. </div>
  1428.  
  1429. </div>
  1430. </div>
  1431. <!-- SIDEBAR: End Affiliates -->
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437. <!-- SIDEBAR: Start Disclaimer -->
  1438. <div class="side_cont_right">
  1439. <div class="sidetitle">Disclaimer</div>
  1440. <div class="side">
  1441. <div class="disclaimer">
  1442. <b>gctita</b> claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1443. </div>
  1444. </div>
  1445. </div>
  1446. <!-- SIDEBAR: End Start Disclaimer -->
  1447.  
  1448. </div>
  1449. <!-- END SIDEBAR RIGHT -->
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455. <div id="end"></div>
  1456. </div></div>
  1457. <!-- END CONTAINER -->
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465. <!--------------------------------------------
  1466.  
  1467. ----------------------------------------------
  1468.  
  1469. START FOOTER
  1470.  
  1471. ----------------------------------------------
  1472.  
  1473. --------------------------------------------->
  1474. <footer>
  1475.  
  1476. <div class="footer">
  1477. <div class="footer_copy">copyright © <i>{text:Blog Name}</i> {CopyrightYears}</div>
  1478. <div class="footer_det">lorem ipsum <i>dolor</i> sit amet</div>
  1479. </div>
  1480.  
  1481. <div class="footer_rep"></div>
  1482.  
  1483. </footer>
  1484. <!-- END FOOTER -->
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494.  
  1495. <!-- ADDITIONAL SCRIPTS -->
  1496. {block:IndexPage}
  1497. <script>
  1498. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1499. </script>
  1500.  
  1501. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  1502. {/block:IndexPage}
  1503.  
  1504. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1505. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1506.  
  1507. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1508.  
  1509. <script>
  1510. $(document).ready(function(){
  1511. $('.photo-slideshow').pxuPhotoset({
  1512. lightbox: true,
  1513. rounded: false,
  1514. gutter: '0px',
  1515. borderRadius: '0px',
  1516. photoset: '.photo-slideshow',
  1517. photoWrap: '.photo-data',
  1518. photo: '.pxu-photo'
  1519. });
  1520. });
  1521. </script>
  1522.  
  1523. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!