API tools faq
paste
Advertisement
cvndythemes

DIY Fansite Theme

cvndythemes
Jan 6th, 2020
1,760
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.49 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.  
  12.  
  13. <!--
  14.  
  15. >> ETHEREAL THEMES // "build it yourself" fansite theme base
  16.  
  17. Designed by etherealthemes
  18. etherealthemes.tumblr.com
  19. ⓒ 2016 - 2019
  20.  
  21. >> CREDITS
  22.  
  23. Fonts by Google
  24. Photosets by @gukthemes & @cathms
  25.  
  26. >> INFORMATION
  27.  
  28. This is a fansite theme base. Simply go through the on/off and dropdown options to make your custom fansite theme. Each on/off option has one or two styles named "Style One" and "Style Two". Both styles off will have the default style. Turn on one or both to customize the style.
  29.  
  30. Dropdowns have multiple styles that change the font size, font family and more. Choose your fave style to get a unique look. Once you've chosen your theme, upload your images and change the colors to match.
  31.  
  32. >> WARNING
  33.  
  34. I do not recommend editing anything other than the sidebar contents. Since there are so many settings and styles, it is very easy to "break" this theme.
  35.  
  36. >> HOW TO EDIT SIDEBAR CONTENT
  37.  
  38. To edit the individual sidebar sections, simply search "Start XX". For example, if you want to edit the schedule, search "Start Schedule" or to edit the affiliates search "Start Affiliates".
  39.  
  40. >> HOW TO EDIT INSTAGRAM WIDGET
  41.  
  42. To install your own instagram widget, please visit:
  43. https://instawidget.net/generate
  44.  
  45. Add your desired username, set the widget width to 350px and "hide" everything except the Photo Gallery. Copy the code and paste it in the instagram section between "Start Instagram Widget" and "End Instagram Widget"
  46.  
  47.  
  48.  
  49. -->
  50.  
  51.  
  52.  
  53.  
  54. <!-- COLORS -->
  55. <meta name="color:Background" content="#ffffff" />
  56. <meta name="color:Text" content="#000000" />
  57. <meta name="color:Links" content="#595959" />
  58.  
  59. <meta name="color:Topbar Background" content="#ffffff" />
  60. <meta name="color:Topbar Links" content="#000000" />
  61.  
  62. <meta name="color:Accent One" content="#444444" />
  63. <meta name="color:Accent Two" content="#888888" />
  64. <meta name="color:Accent Three" content="#cccccc" />
  65. <meta name="color:Accent Grey" content="#e1e1e1" />
  66.  
  67.  
  68. <meta name="color:Container" content="#ffffff" />
  69. <meta name="color:Content" content="#ffffff" />
  70.  
  71.  
  72.  
  73.  
  74. <!-- IMAGES -->
  75. <meta name="image:Icon" content="https://placehold.it/60X60"/>
  76. <meta name="image:Header" content="https://placehold.it/1200X450"/>
  77. <meta name="image:Sidebar" content="https://placehold.it/350X350"/>
  78.  
  79.  
  80.  
  81.  
  82. <!-- IF -->
  83. <meta name="if:Simplified Permalink Page" content="1"/>
  84. <meta name="if:Show Sidebar Image" content="1"/>
  85. <meta name="if:Show Official Links" content="1"/>
  86. <meta name="if:Show Schedule" content="1"/>
  87. <meta name="if:Show Latest Photos" content="1"/>
  88. <meta name="if:Show Projects" content="1"/>
  89. <meta name="if:Show Instagram" content="1"/>
  90. <meta name="if:Show Twitter" content="1"/>
  91. <meta name="if:Show Members" content="1"/>
  92. <meta name="if:Show Extra Section" content="1"/>
  93. <meta name="if:Show Affiliates" content="1"/>
  94. <meta name="if:Show Site Info" content="1"/>
  95. <meta name="if:Show Disclaimer" content="1"/>
  96.  
  97. <meta name="if:Scrollbar Style One" content="1"/>
  98. <meta name="if:Tooltip Style One" content="0"/>
  99.  
  100. <meta name="if:Topbar Icon" content="0"/>
  101. <meta name="if:Topbar Blog Name" content="0"/>
  102. <meta name="if:Topbar Icon Round" content="0"/>
  103.  
  104.  
  105. <meta name="if:Header Repeat" content="0"/>
  106. <meta name="if:Welcome First Letter" content="1"/>
  107. <meta name="if:Welcome Header Overlap" content="0"/>
  108.  
  109. <meta name="if:Sidebar Border" content="0"/>
  110. <meta name="if:Sidebar Title Italic" content="1"/>
  111. <meta name="if:Sidebar Title First Letter" content="1"/>
  112. <meta name="if:Official Links Background" content="1"/>
  113. <meta name="if:Schedule Background" content="0"/>
  114. <meta name="if:Projects Wide" content="0"/>
  115. <meta name="if:Member Names" content="1"/>
  116. <meta name="if:Site Info Spacing" content="1"/>
  117.  
  118. <meta name="if:Post Content Padding" content="0"/>
  119. <meta name="if:Post Author Avatar" content="1"/>
  120. <meta name="if:Post Info Note Count" content="1"/>
  121. <meta name="if:Post Tags Tagged As" content="1"/>
  122. <meta name="if:Question Asker Avatar" content="0"/>
  123. <meta name="if:Pagination Underline" content="1"/>
  124. <meta name="if:Footer Avatar" content="0"/>
  125.  
  126.  
  127. <!-- SELECT -->
  128. <meta name="select:Font" content="Open Sans" title="Open Sans">
  129. <meta name="select:Font" content="Roboto" title="Roboto">
  130. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
  131. <meta name="select:Font" content="Nunito" title="Nunito">
  132. <meta name="select:Font" content="Noto Sans" title="Noto Sans">
  133. <meta name="select:Font" content="Work Sans" title="Work Sans">
  134. <meta name="select:Font" content="Merriweather" title="Merriweather">
  135. <meta name="select:Font" content="PT Serif" title="PT+Serif">
  136. <meta name="select:Font" content="Playfair Display" title="Playfair Display">
  137. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab">
  138.  
  139. <meta name="select:Font Size" content="11" title="Default">
  140. <meta name="select:Font Size" content="9" title="Tiny">
  141. <meta name="select:Font Size" content="10" title="Small">
  142. <meta name="select:Font Size" content="12" title="Large">
  143. <meta name="select:Font Size" content="14" title="Huge">
  144.  
  145. <meta name="select:Content Margins" content="60" title="Default">
  146. <meta name="select:Content Margins" content="50" title="Small">
  147. <meta name="select:Content Margins" content="80" title="Medium">
  148. <meta name="select:Content Margins" content="100" title="Large">
  149.  
  150. <meta name="select:Middle Margin" content="60" title="Default">
  151. <meta name="select:Middle Margin" content="80" title="Small">
  152. <meta name="select:Middle Margin" content="45" title="Large">
  153.  
  154. <meta name="select:Lightbox" content="255,255,255," title="White">
  155. <meta name="select:Lightbox" content="0,0,0," title="Black">
  156.  
  157.  
  158.  
  159.  
  160. <!-- TEXT -->
  161. <meta name="text:Blog Name" content="">
  162. <meta name="text:Header Height" content="450">
  163. <meta name="text:Twitter Username" content="">
  164. <meta name="text:Topbar Link One" content="Link">
  165. <meta name="text:Topbar Link One URL" content="https://">
  166. <meta name="text:Topbar Link Two" content="Link">
  167. <meta name="text:Topbar Link Two URL" content="https://">
  168. <meta name="text:Topbar Link Three" content="Link">
  169. <meta name="text:Topbar Link Three URL" content="https://">
  170. <meta name="text:Topbar Link Four" content="Link">
  171. <meta name="text:Topbar Link Four URL" content="https://">
  172. <meta name="text:Topbar Link Five" content="Link">
  173. <meta name="text:Topbar Link Five URL" content="https://">
  174. <meta name="text:Topbar Link Six" content="Link">
  175. <meta name="text:Topbar Link Six URL" content="https://">
  176. <meta name="text:Sidebar Extra Title" content="Sidebar Extra">
  177. <meta name="text:Sidebar Extra Content" content="Sidebar extra content">
  178.  
  179.  
  180.  
  181.  
  182. <!-- SCRIPTS -->
  183.  
  184. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  185.  
  186. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  187.  
  188. <script src="https://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  189.  
  190. <script>
  191. (function($){
  192. $(document).ready(function(){
  193. $("[title]").style_my_tooltips({
  194. tip_delay_time:200,
  195. tip_fade_speed:300,
  196. tip_follows_cursor:true
  197. }
  198. );
  199. });
  200. })(jQuery);
  201. </script>
  202.  
  203. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  204.  
  205. <script>
  206. $container.infinitescroll({
  207. itemSelector: '.posts',
  208. topbarSelector: '.pagination',
  209. nextSelector: '.pagination a',
  210. loadingImg: '',
  211. loadingText: '<em></em>',
  212. bufferPx: 2000
  213. },
  214. function( newElements ) {
  215. var $newElems = $(newElements);
  216. var $newElemsIDs = $newElems.map(function(){
  217. return this.id;
  218. }).get();
  219. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  220. });
  221. </script>
  222.  
  223. <link href="https://fonts.googleapis.com/css?family={select:Font}:400,400i,600,600i,700,700i|Merriweather:600" rel="stylesheet">
  224.  
  225.  
  226. <!-- STYLESHEET -->
  227.  
  228. <style type="text/css">
  229.  
  230. /* --- SCROLLBAR ---*/
  231.  
  232. ::-webkit-scrollbar {
  233. {block:IfScrollbarStyleOne}width:17px!important;{/block:IfScrollbarStyleOne}
  234. width:12px;
  235. }
  236.  
  237. ::-webkit-scrollbar-track {
  238. background-color:{color:Background};
  239. {block:IfScrollbarStyleOne}background-color:{color:Accent Grey}!important;border:8px solid {color:Background};{/block:IfScrollbarStyleOne}}
  240.  
  241. ::-webkit-scrollbar-thumb {
  242. background-color:{color:Text};
  243. {block:IfNotScrollbarStyleOne}border:4px solid {color:Background};{/block:IfNotScrollbarStyleOne}
  244. {block:IfScrollbarStyleOne}border:8px solid {color:Background};{/block:IfScrollbarStyleOne}}
  245.  
  246. /* --- TOOLTIPS ---*/
  247.  
  248. #s-m-t-tooltip {
  249. max-width:200px;
  250. margin:-20px 15px 15px 15px;
  251. background-color:{color:Accent One};
  252. padding:5px 5px 6px 5px;
  253. line-height:100%;
  254. font-size:calc({select:Font Size}px - 1px);
  255. word-wrap:break-word;
  256. text-transform:lowercase;
  257. word-break:break-all;
  258. color:{color:Container};
  259. {block:IfTooltipStyleOne}
  260. border-radius:3px;
  261. {/block:IfTooltipStyleOne}
  262. z-index:10;
  263. }
  264.  
  265. /* --- SELECTION ---*/
  266.  
  267. ::-moz-selection {
  268. color:{color:Text};
  269. background:{color:Accent Two};
  270. opacity:1;
  271. }
  272.  
  273. ::selection {
  274. color:{color:Text};
  275. background:{color:Accent Two};
  276. opacity:1;
  277. }
  278.  
  279. /* --- TUMBLR TOOLS --- */
  280.  
  281. {block:IndexPage}
  282. iframe.tmblr-iframe {
  283. top:13px!important;
  284. right:5px!important;
  285. opacity:0;
  286. padding:0px 40px 30px 0px;
  287. z-index:15!important;
  288. transform:scale(0.5);
  289. transform-origin:100% 0;
  290. -webkit-transform:scale(0.5);
  291. -webkit-transform-origin:100% 0;
  292. -o-transform:scale(0.5);
  293. -o-transform-origin:100% 0;
  294. -moz-transform:scale(0.5);
  295. -moz-transform-origin:100% 0;
  296. -ms-transform:scale(0.5);
  297. -ms-transform-origin:100% 0;
  298. transition:0.2s ease-in-out;
  299. -webkit-transition:0.2s ease-in-out;
  300. -moz-transition:0.2s ease-in-out;
  301. filter:invert(1);
  302. -webkit-filter:invert(1);
  303. -o-filter:invert(1);
  304. -moz-filter:invert(1);
  305. -ms-filter:invert(1);
  306. }
  307.  
  308. iframe.tmblr-iframe:hover {opacity:0.3!important;}
  309.  
  310. .tcontrols {
  311. position:fixed;
  312. top:17px;
  313. right:15px;
  314. z-index:14;
  315. transition:0.2s ease-in-out;
  316. -webkit-transition:0.2s ease-in-out;
  317. -moz-transition:0.2s ease-in-out;
  318. }
  319.  
  320. .tcontrols {
  321. color:{color:Text};
  322. font-size:14px;
  323. font-weight:600;}
  324.  
  325. {/block:IndexPage}
  326.  
  327. {block:PermalinkPage}
  328. iframe.tmblr-iframe {
  329. top:13px!important;
  330. right:5px!important;
  331. padding:0px 20px 30px 0px;
  332. opacity:0.3!important;
  333. z-index:15!important;
  334. transform:scale(0.5);
  335. transform-origin:100% 0;
  336. -webkit-transform:scale(0.5);
  337. -webkit-transform-origin:100% 0;
  338. -o-transform:scale(0.5);
  339. -o-transform-origin:100% 0;
  340. -moz-transform:scale(0.5);
  341. -moz-transform-origin:100% 0;
  342. -ms-transform:scale(0.5);
  343. -ms-transform-origin:100% 0;
  344. transition:0.2s ease-in-out;
  345. -webkit-transition:0.2s ease-in-out;
  346. -moz-transition:0.2s ease-in-out;
  347. filter:invert(1);
  348. -webkit-filter:invert(1);
  349. -o-filter:invert(1);
  350. -moz-filter:invert(1);
  351. -ms-filter:invert(1);
  352. }
  353. {/block:PermalinkPage}
  354.  
  355. /* --- BODY --- */
  356.  
  357. body {
  358. margin:0px;
  359. padding:0px;
  360. font-family: '{select:Font}', sans-serif;
  361. color:{color:Text};
  362. font-size:{select:Font Size}px;
  363. font-weight:400;
  364. line-height:160%;
  365. font-weight:normal;
  366. word-wrap:normal;
  367. text-align:left;
  368. background-color:{color:Background};
  369. }
  370.  
  371. a {color:{color:Links};text-decoration:none;border:0;}
  372.  
  373. b,strong {font-weight:600;}
  374. i,italic {font-style:italic;letter-spacing:0.5px;}
  375. small {font-size:12px;}
  376. big {font-size:12px;}
  377.  
  378. hr.divider, hr, hr.separator {
  379. display:block;
  380. margin-top:0.5em;
  381. margin-bottom:0.5em;
  382. margin-left:auto;
  383. margin-right:auto;
  384. border-style:inset;
  385. border-color:{color:Text};
  386. border-bottom:1px;
  387. }
  388.  
  389. pre {
  390. white-space:pre-wrap;
  391. white-space:-moz-pre-wrap;
  392. white-space:-pre-wrap;
  393. white-space:-o-pre-wrap;
  394. word-wrap:break-word;
  395. }
  396.  
  397. /* --- TOPBAR --- */
  398.  
  399. .topbar {
  400. position:fixed;
  401. margin:0 auto;
  402. top:0px;
  403. left:0px;
  404. width:100%;
  405. padding:15px;
  406. {block:IfNotTopbarIcon}padding:15px;{/block:IfNotTopbarIcon}
  407. {block:IfTopbarBlogName}padding-bottom:30px;{/block:IfTopbarBlogName}
  408. text-align:center;
  409. background:{color:Topbar Background};
  410. z-index:2;
  411. }
  412.  
  413. .topbar a {
  414. display:inline-block;
  415. font-size:calc({select:Font Size}px + 1px);
  416. text-transform:uppercase;
  417. color:{color:Topbar Links};
  418. margin:0px 15px;
  419. padding:0px 3px 3px 3px;
  420. border-bottom:2px solid {color:Topbar Background};
  421. transition:0.1s ease-in-out;
  422. -webkit-transition:0.1s ease-in-out;
  423. -moz-transition:0.1s ease-in-out;
  424.  
  425. {block:IfTopbarBlogName}margin-top:17px;{/block:IfTopbarBlogName}
  426. }
  427.  
  428. .topbar a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent One};}
  429.  
  430. .topbar a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  431.  
  432. .topbar a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Accent Three};}
  433.  
  434. {block:IfTopbarIcon}
  435. .topbar img {
  436. display:inline-block;
  437. vertical-align:middle;
  438. margin:0px 10px;
  439. height:50px;
  440. width:50px;
  441.  
  442. {block:IfNotTopbarIconRound}
  443. border-radius:0;
  444. {/block:IfNotTopbarIconRound}
  445.  
  446. {block:IfTopbarIconRound}
  447. border-radius:50%;
  448. {/block:IfTopbarIconRound}
  449. }
  450. {/block:IfTopbarIcon}
  451.  
  452. {block:IfTopbarBlogName}
  453. .topbaricon {
  454. position:fixed;
  455. top:15px;
  456. left:10px;
  457. display:inline-block;
  458. vertical-align:middle;
  459. }
  460.  
  461. .topbaricon h1 {
  462. position:fixed;
  463. top:33px;
  464. left:90px;
  465. font-size:calc({select:Font Size}px + 2px);
  466. font-weight:bold;
  467. text-transform:uppercase;
  468. color:{color:Topbar Links};
  469. }
  470.  
  471. {block:IfNotTopbarIcon}
  472. .topbar h1 {
  473. position:fixed;
  474. top:33px;
  475. left:20px;
  476. font-size:calc({select:Font Size}px + 2px);
  477. font-weight:bold;
  478. text-transform:uppercase;
  479. color:{color:Topbar Links};
  480. }
  481. {/block:IfNotTopbarIcon}
  482.  
  483. {/block:IfTopbarBlogName}
  484.  
  485. /* --- CONTAINER --- */
  486.  
  487. .container {
  488. margin:0 auto;
  489. margin-top:0px;
  490. padding:20px;
  491. width:1200px;
  492. background:{color:Container};
  493. }
  494.  
  495. #end {
  496. clear:both;
  497. text-align:center;
  498. }
  499.  
  500. /* --- HEADER --- */
  501.  
  502. .header {
  503. margin:0 auto;
  504. width:1200px;
  505. height:{text:Header Height}px;
  506. margin-top:52px;
  507. background-image: url('{image:Header}');
  508. }
  509.  
  510. {block:IfTopbarIcon}.header {margin-top:90px;}{/block:IfTopbarIcon}
  511.  
  512. {block:IfTopbarBlogName}.header {margin-top:84px;}{/block:IfTopbarBlogName}
  513.  
  514. {block:IfHeaderRepeat}
  515. .header {position:relative;z-index:1;}
  516.  
  517. .headrepeat {
  518. position:relative;
  519. width:100vw;
  520. height:{text:Header Height}px;
  521. margin-top:-{text:Header Height}px;
  522. background-image: url('{image:Header}');
  523. background-position:top center;
  524. background-repeat:repeat-x;
  525. z-index:-1;
  526. }
  527. {/block:IfHeaderRepeat}
  528.  
  529. /* --- WELCOME --- */
  530.  
  531. .welcomecont {
  532. margin:0 auto;
  533. width:650px;
  534. padding:20px 100px;
  535. background:{color:Content};
  536. }
  537.  
  538. .welcome {
  539. line-height:180%;
  540. text-align:center;
  541. }
  542.  
  543. .welcome a {color:{color:Accent One};}
  544.  
  545. .welcome b {font-weight:bold;}
  546.  
  547. .welcome i {border-bottom:1px solid {color:Accent Two};padding:0px 2px 2px 2px;}
  548.  
  549. .welcome em {color:{color:Accent Three};}
  550.  
  551. {block:IfWelcomeFirstLetter}
  552. .welcome {text-align:justify!important;text-align-last:center!important;}
  553.  
  554. .welcome:first-letter {
  555. font-family: 'Merriweather', serif;
  556. float:left;
  557. color:{color:Accent One};
  558. font-size:calc({select:Font Size}px + 48px);
  559. line-height:46px;
  560. padding:5px;
  561. }
  562. {/block:IfWelcomeFirstLetter}
  563.  
  564. {block:IfWelcomeHeaderOverlap}
  565. .welcomecont {position:relative;top:-50px;}
  566. {/block:IfWelcomeHeaderOverlap}
  567.  
  568.  
  569. /* --- SIDEBAR --- */
  570.  
  571. .sidebar {
  572. {block:IfNotWelcomeHeaderOverlap}
  573. margin:50px 0px 0px {select:Middle Margin}px;
  574. {/block:IfNotWelcomeHeaderOverlap}
  575.  
  576. {block:IfWelcomeHeaderOverlap}
  577. margin:0px 0px 0px {select:Middle Margin}px;
  578. {block:IfWelcomeHeaderOverlap}
  579.  
  580.  
  581. float:left;
  582. width:calc(350px + 20px{block:IfSidebarBorder} + 20px{/block:IfSidebarBorder});
  583. background:{color:Container};
  584. }
  585.  
  586. .side {
  587. padding:15px 10px;
  588. margin-bottom:{select:Content Margins}px;
  589. background:{color:Content};
  590. }
  591.  
  592. {block:IfSidebarBorder}
  593. .side {border:1px solid {color:Accent Grey};padding:20px;}
  594. .sideimage {border:1px solid {color:Accent Grey};margin-left:-1px;padding:20px;}
  595. {/block:IfSidebarBorder}
  596.  
  597. .sideimage {text-align:center;margin-bottom:{select:Content Margins}px;}
  598.  
  599. .sideimage img {width:350px;height:350px;padding:0px;}
  600.  
  601. .sidetitle {
  602. font-size:calc({select:Font Size}px + 5px);
  603. text-transform:uppercase;
  604. margin:5px 0px 10px 0px;
  605. }
  606.  
  607. {block:IfSidebarTitleItalic}
  608. .sidetitle {font-style:italic;}
  609.  
  610. {/block:IfSidebarTitleItalic}
  611.  
  612. {block:IfSidebarTitleFirstLetter}
  613. .sidetitle {margin-bottom:30px;}
  614.  
  615. .sidetitle::first-letter {padding:3px 8px;margin-right:3px;}
  616.  
  617. .sidetitle::first-letter {background:{color:Accent One};color:{color:Content}!important;}
  618.  
  619.  
  620. {/block:IfSidebarTitleFirstLetter}
  621.  
  622. {block:PermalinkPage}
  623. .sidebarconthidden {
  624. display:none;
  625. -webkit-backface-visibility:hidden;
  626. margin-bottom:-10px;
  627. height:0px;
  628. overflow:hidden;
  629. opacity:0;
  630. }
  631. {/block:PermalinkPage}
  632.  
  633. /* --- SIDEBAR EXTRAS --- */
  634.  
  635. .officiallinks {text-align:left;}
  636.  
  637. .officiallinks a {
  638. display:block;
  639. text-transform:uppercase;
  640. color:{color:Text}!important;
  641. margin:0px 0px 7px 0px;
  642. transition:0.2s ease-in-out;
  643. -webkit-transition:0.2s ease-in-out;
  644. -moz-transition:0.2s ease-in-out;
  645. }
  646.  
  647. .officiallinks a:hover {opacity:0.8;letter-spacing:1px;}
  648.  
  649. {block:IfNotOfficialLinksBackground}
  650. .officiallinks a {font-size:calc({select:Font Size}px + 2px);margin:0px 0px 6px 10px!important;}
  651. {/block:IfNotOfficialLinksBackground}
  652.  
  653. {block:IfOfficialLinksBackground}
  654. .officiallinks {text-align:center!important;}
  655.  
  656. .officiallinks a {
  657. display:inline-block!important;
  658. text-transform:uppercase;
  659. color:{color:Content}!important;
  660. margin:0px 2px 5px 2px;
  661. padding:3px 9px;
  662. background:{color:Accent Three};
  663. }
  664. {/block:IfOfficialLinksBackground}
  665.  
  666. .schedule {text-align:left;margin:5px 0px 20px 0px;}
  667.  
  668. .schedule:last-of-type {margin:5px 0px 0px 0px;}
  669.  
  670. {block:IfNotScheduleBackground}
  671. .schedule b {font-weight:bold;color:{color:Accent Two};}
  672. {/block:IfNotScheduleBackground}
  673.  
  674. {block:IfScheduleBackground}
  675. .schedule b {background:{color:Accent Two};color:{color:Content}!important;padding:3px 9px;margin-right:2px;}
  676.  
  677. .schedule {line-height:175%;}
  678. {/block:IfScheduleBackground}
  679.  
  680. .latestphotos {margin:0 auto;width:calc(350px - 30px);}
  681.  
  682. .ji-tumblr-photos img {
  683. opacity:1;
  684. margin:2px 2px!important;
  685. transition:0.2s ease-in-out;
  686. -webkit-transition:0.2s ease-in-out;
  687. -moz-transition:0.2s ease-in-out;
  688. }
  689.  
  690. .ji-tumblr-photos img:hover {opacity:0.8;}
  691.  
  692. .projects {text-align:left;margin:5px 0px 35px 0px;}
  693.  
  694. .projects:last-of-type {margin:5px 0px 0px 0px;}
  695.  
  696. .projectimage {
  697. {block:IfNotProjectsWide}display:inline-block;{/block:IfNotProjectsWide}
  698. {block:IfProjectsWide}display:block;{/block:IfProjectsWide}
  699. }
  700.  
  701. .projectimage img {
  702.  
  703. {block:IfNotProjectsWide}
  704. height:calc(350px - 200px);
  705. width:calc(350px - 200px);
  706. {/block:IfNotProjectsWide}
  707.  
  708. {block:IfProjectsWide}
  709. padding-bottom:20px!important;
  710. width:350px;
  711. height:100px;
  712. {/block:IfProjectsWide}
  713. }
  714.  
  715. .projectdetail {
  716. position:relative;
  717.  
  718. {block:IfNotProjectsWide}
  719. top:-20px;
  720. display:inline-block;
  721. margin-left:10px;
  722. width:calc(350px - 10px - 160px);
  723. {/block:IfNotProjectsWide}
  724.  
  725. {block:IfProjectsWide}
  726. top:-10px;
  727. text-align:center;
  728. display:block;
  729. width:350px;
  730. {/block:IfProjectsWide}
  731. }
  732.  
  733. .projectdetail h1 {text-transform:uppercase;font-size:calc({select:Font Size}px + 3px);margin-bottom:1px;}
  734.  
  735. .projectdetail b {color:{color:Accent One};}
  736.  
  737. .projectdetail i {color:{color:Accent Two};}
  738.  
  739. .projectdetail p {display:block;margin-top:3px}
  740.  
  741. .projectlinks {
  742. {block:IfNotProjectsWide}
  743. text-align:left;
  744. {block:IfNotProjectsWide}
  745.  
  746. {block:IfProjectsWide}
  747. text-align:center;
  748. {/block:IfProjectsWide}
  749. padding:5px 5px 10px 5px;
  750.  
  751. }
  752.  
  753. .projectlinks a {
  754. background:{color:Accent Three};
  755. color:{color:Content};
  756. padding:3px 6px;
  757. margin:0px 3px;
  758. }
  759.  
  760. .member {margin-bottom:5px;text-align:left;}
  761.  
  762. .memberavatar {display:inline-block;}
  763.  
  764. .memberavatar img {height:40px;width:40px;}
  765.  
  766. {block:IfNotMemberNames}
  767. .members {text-align:center;}
  768. .member {display:inline-block;padding:2px;}
  769. {block:IfNotMemberNames}
  770.  
  771. {block:IfMemberNames}
  772. .names {
  773. position:relative;
  774. top:-6px;
  775. left:5px;
  776. display:inline-block;
  777. color:{color:Accent Three};
  778. }
  779.  
  780. .membername {text-transform:uppercase;font-weight:600;color:{color:Text};font-style:italic;}
  781. {/block:IfMemberNames}
  782.  
  783.  
  784. .affiliates {text-align:center;}
  785.  
  786. .affiliates img {height:50px;width:50px;margin:1px 2px;}
  787.  
  788. ul.siteinfo {
  789. margin-left:-40px;
  790. list-style-type:none;
  791. text-align:left;
  792. }
  793.  
  794. .siteinfo li {
  795. {block:IfNotSiteInfoSpacing}
  796. padding:3px 0px;
  797. {/block:IfNotSiteInfoSpacing}
  798.  
  799. {block:IfSiteInfoSpacing}
  800. padding:15px 0px;
  801. border-bottom:1px solid #d4d4d4;
  802. {/block:IfSiteInfoSpacing}
  803. }
  804.  
  805. .siteinfo li:first-of-type {padding-top:0;}
  806. .siteinfo li:last-of-type {padding-bottom:0;border-bottom:0px;}
  807.  
  808. {block:IfNotSiteInfoSpacing}
  809. ul.siteinfo b {color:{color:Accent Three};}
  810. {/block:IfNotSiteInfoSpacing}
  811.  
  812. /* --- POSTS --- */
  813.  
  814. .posts {
  815. float:right;
  816. width:560px;
  817. padding:0px;
  818. {block:IfNotWelcomeHeaderOverlap}
  819. margin:50px {select:Middle Margin}px 0px 0px;
  820. {/block:IfNotWelcomeHeaderOverlap}
  821.  
  822. {block:IfWelcomeHeaderOverlap}
  823. margin:0px {select:Middle Margin}px 0px 0px;
  824. {block:IfWelcomeHeaderOverlap}
  825. background:{color:Container};
  826. }
  827.  
  828. .iposts {
  829. width:540px;
  830. background:{color:Content};
  831. min-height:75px;
  832. padding:10px 10px 20px 10px;
  833. }
  834.  
  835. .set {margin-bottom:-8px;}
  836.  
  837. .photo-slideshow {width:auto!important;}
  838.  
  839. .video, video, embed, iframe {max-width:540px;}
  840.  
  841. .video {margin-left:20px;}
  842.  
  843. .iposts img, .ipostpxu, .ipostpxu img, img, object {max-width:100%;height:auto;}
  844.  
  845. .caption {
  846. {block:IfNotPostContentPadding}
  847. padding:0px;
  848. {/block:IfNotPostContentPadding}
  849.  
  850. {block:IfPostContentPadding}
  851. padding:15px;
  852. {/block:IfPostContentPadding}
  853. }
  854.  
  855. /* --- POST INFO --- */
  856.  
  857. .postinfo {
  858. padding:10px;
  859. text-transform:uppercase;
  860. background:{color:Content};
  861. }
  862.  
  863. .postinfo a {
  864. color:{color:Accent One};
  865. transition:0.2s ease-in-out;
  866. -webkit-transition:0.2s ease-in-out;
  867. -moz-transition:0.2s ease-in-out;
  868. }
  869.  
  870. .postinfo a:hover {opacity:0.8;}
  871.  
  872. {block:IfPostAuthorAvatar}
  873. .postauthor {display:inline-block;}
  874.  
  875. .postauthor img {height:40px;width:40px;vertical-align:middle;}
  876.  
  877. .postdetails {display:inline-block;margin-left:5px;}
  878. {/block:IfPostAuthorAvatar}
  879.  
  880. .postdetails em {font-style:normal!important;color:{color:Text}!important;}
  881.  
  882. .postdetails {text-align:left;}
  883.  
  884. /* --- POST CONTROL --- */
  885.  
  886. .postcontrol {
  887. float:right;
  888. margin-right:-1px;
  889. width:50px;
  890.  
  891. {block:IfNotPostAuthorAvatar}
  892. margin-top:-26px;
  893. {/block:IfNotPostAuthorAvatar}
  894.  
  895. {block:IfPostAuthorAvatar}
  896. margin-top:-40px!important;
  897. {/block:IfPostAuthorAvatar}
  898.  
  899. overflow:hidden;
  900. text-align:center;
  901. }
  902.  
  903. .postcontrol i {
  904. width:10px;
  905. height:auto;
  906. opacity:1;
  907. padding:1px 1px 1px 3px;
  908. display:block;
  909. overflow:hidden;
  910. color:{color:Text};
  911. }
  912.  
  913. .postcontrol a {
  914. display:inline-block;
  915. text-transform:uppercase;
  916. font-size:9px;
  917. }
  918.  
  919. .postcontrol .reblog i {
  920. width:10px;
  921. margin-top:1px;
  922. font-size:10px;
  923. }
  924. .postcontrol .like .liked + i {
  925. opacity:1;
  926. width:10px;
  927. }
  928.  
  929. .postcontrol .like .liked + i {
  930. fill:#dfb1b1;
  931. color:#dfb1b1;
  932. }
  933.  
  934. .postcontrol .like .like_button {
  935. position:relative;
  936. }
  937.  
  938. .postcontrol .like .like_button iframe {
  939. position:absolute;
  940. top:0;
  941. left:0;
  942. bottom:0;
  943. right:0;
  944. z-index:2;
  945. opacity:0.000001;
  946. }
  947.  
  948. /* --- POST INFO END --- */
  949.  
  950. {block:IfPostInfoNoteCount}
  951. .postnotes {padding:15px 10px 10px 10px;background:{color:Content};}
  952.  
  953. .postnotes a {
  954. display:inline-block;
  955. font-size:calc({select:Font Size} + 2px);
  956. color:{color:Content}!important;
  957. background:{color:Accent One};
  958. text-transform:uppercase;
  959. padding:4px 6px;
  960. transition:0.2s ease-in-out;
  961. -webkit-transition:0.2s ease-in-out;
  962. -moz-transition:0.2s ease-in-out;
  963. }
  964.  
  965. .postnotes a:hover {opacity:0.8;}
  966. {/block:IfPostInfoNoteCount}
  967.  
  968. /* --- POST TAGS ---*/
  969.  
  970. .posttags {
  971. margin-bottom:calc({select:Content Margins}px + 30px);
  972. {block:IfNotPostTagsTaggedAs}padding:5px 10px 10px 10px;{/block:IfNotPostTagsTaggedAs}
  973. background:{color:Content};
  974. }
  975.  
  976. {block:IfPostTagsTaggedAs}
  977. .ptags {padding:5px 10px 10px 10px;line-height:200%;}
  978.  
  979. .posttags i {
  980. display:inline-block;
  981. color:{color:Content};
  982. font-style:normal;
  983. padding:0px 2px 1px 2px;
  984. margin-right:2px;
  985. background:{color:Accent Two};
  986. }
  987. {/block:IfPostTagsTaggedAs}
  988.  
  989. .posttags a {color:{color:Text};margin:0px 4px;}
  990.  
  991. /* --- POST STYLES --- */
  992.  
  993. h1, h2 {
  994. color:{color:Text};
  995. font-size:calc({select:Font Size} + 4px);
  996. letter-spacing:1px;
  997. font-weight:normal;
  998. text-transform:uppercase;
  999. margin:0px 0px 3px 0px;
  1000. }
  1001.  
  1002. h2 {line-height:150%;}
  1003.  
  1004. blockquote {
  1005. padding:2px 0px 2px 10px;
  1006. text-decoration:none;
  1007. border-left:1px solid {color:Text};
  1008. margin:5px 0;
  1009. }
  1010.  
  1011. blockquote img {
  1012. max-width:100%;
  1013. display:block;
  1014. margin-bottom:5px;
  1015. }
  1016.  
  1017. .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:600;}
  1018.  
  1019. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  1020.  
  1021. .chat li {
  1022. list-style: none;
  1023. margin: 0px;
  1024. padding: 2px;
  1025. border: none;
  1026. }
  1027.  
  1028. .chat li:first-child {border: none; }
  1029.  
  1030. .linkpost a {color:{color:Text}!important;opacity:1!important;}
  1031.  
  1032. /* --- LIGHTBOXES ---*/
  1033.  
  1034. .vignette, #vignette {opacity:0; }
  1035.  
  1036. .lightbox-image, #tumblr_lightbox img {
  1037. box-shadow:none !important;
  1038. border-radius:0 !important;
  1039. max-width:none;
  1040. -moz-box-sizing:border-box;
  1041. box-sizing:border-box;
  1042. }
  1043.  
  1044. .tmblr-lightbox, #tumblr_lightbox {
  1045. background-color:rgba({select:Lightbox}.90) !important;
  1046. }
  1047.  
  1048. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1049.  
  1050. /* --- AUDIO --- */
  1051.  
  1052. .player {
  1053. position:absolute;
  1054. margin-top:-69px;
  1055. margin-left:35px;
  1056. opacity:0.5;
  1057. }
  1058.  
  1059. .audiop, .player {display:inline-block;}
  1060.  
  1061. .trackname {
  1062. margin-left:120px;
  1063. margin-top:-72px;
  1064. color:{color:Text};
  1065. text-transform:uppercase;
  1066. font-weight:600;
  1067. }
  1068.  
  1069. .artist {margin-left:120px;color:{color:Text};}
  1070.  
  1071. .audiop {
  1072. position:absolute;
  1073. display:block;
  1074. margin-top:4px
  1075. margin-top:-109px;
  1076. }
  1077.  
  1078. .audioimg img {
  1079. margin-top:10px;
  1080. height:100px;
  1081. width:100px;
  1082. }
  1083.  
  1084. .tumblr_audio_player {
  1085. width:30px;
  1086. height:27px;
  1087. overflow:hidden;
  1088. }
  1089.  
  1090. .soundcloud_audio_player{margin-left:-20px;padding-top:15px;width:540px;height:100px;}
  1091.  
  1092. /* --- QUESTIONS --- */
  1093.  
  1094. .questionpost {
  1095. {block:IfNotQuestionAskerAvatar}padding:10px;{/block:IfNotQuestionAskerAvatar}
  1096.  
  1097. {block:IfQuestionAskerAvatar}padding:0px 10px;{/block:IfQuestionAskerAvatar}
  1098. }
  1099.  
  1100. {block:IfQuestionAskerAvatar}
  1101. .questionpost img {
  1102. width:40px;
  1103. height:40px;
  1104. margin-right:8px;
  1105. margin-top:4px;
  1106. }
  1107. {/block:IfQuestionAskerAvatar}
  1108.  
  1109. .question {
  1110. {block:IfNotQuestionAskerAvatar}
  1111. background:{color:Accent Two};
  1112. padding:10px;
  1113. width:520px;
  1114. margin:-10px;
  1115. color:{color:Content};
  1116. {/block:IfNotQuestionAskerAvatar}
  1117.  
  1118. display:inline-block;
  1119. {block:IfQuestionAskerAvatar}margin-left:7px;{/block:IfQuestionAskerAvatar}
  1120. line-height:150%;
  1121. text-align:justify;
  1122. }
  1123.  
  1124. {block:IfNotQuestionAskerAvatar}
  1125. .question a {color:{color:Content}!important;}
  1126. {/block:IfNotQuestionAskerAvatar}
  1127.  
  1128. {block:IfQuestionAskerAvatar}
  1129. .questionborder {
  1130. margin:20px 0px 20px 45px;
  1131. background:{color:Accent Grey};
  1132. width:450px;
  1133. height:1px;
  1134. }
  1135. {/block:IfQuestionAskerAvatar}
  1136.  
  1137. /* ---PERMALINK NOTES --- */
  1138.  
  1139. #permanote {
  1140. width:500px;
  1141. margin:-90px 0px 20px 0px;
  1142. background:{color:Content};
  1143. padding:30px 30px 5px 30px;
  1144. text-align:left;
  1145. overflow-x:hidden;
  1146. }
  1147.  
  1148. #permanote blockquote {border-left:1px solid {color:Accent Grey};}
  1149.  
  1150. ol.notes {
  1151. padding: 0px;
  1152. margin:25px 0px;
  1153. list-style-type: none;
  1154. border-bottom: solid 0px;
  1155. font-size: 10px;
  1156. letter-spacing: 1px;
  1157. }
  1158.  
  1159. .notes a {color: {color:Text};}
  1160. .notes a:hover {color: {color:Text};}
  1161.  
  1162. ol.notes li.note {
  1163. border-top: solid 1px {color:Accent Grey};
  1164. padding: 10px;
  1165. list-style-type:none!important;
  1166. }
  1167.  
  1168. ol.notes li.note img.avatar {
  1169. vertical-align: -1px;
  1170. margin-right: 10px;
  1171. width: 12px;
  1172. height: 12px;
  1173. display: inline-block;
  1174. }
  1175.  
  1176. ol.notes li.note span.action {font-weight: normal;}
  1177.  
  1178. ol.notes li.note .answer_content {font-weight: normal;}
  1179.  
  1180. ol.notes li.note blockquote {
  1181. border-color:{color:Accent Grey};
  1182. padding: 4px 10px;
  1183. margin: 10px 0px 0px 25px;
  1184. }
  1185.  
  1186. ol.notes li.note blockquote a {text-decoration: none;}
  1187.  
  1188. /* --- PAGINATION --- */
  1189.  
  1190. .pagination {
  1191. margin-top:calc(-{select:Content Margins}px - 30px);
  1192. padding:80px 10px 50px 10px;
  1193. text-align:center;
  1194. color:{color:Text};
  1195. background:{color:Content};
  1196. }
  1197.  
  1198. .pagination b {
  1199. text-transform:uppercase;
  1200. {block:IfNotPaginationUnderline}
  1201. font-weight:bold;
  1202. {/block:IfNotPaginationUnderline}
  1203.  
  1204. {block:IfPaginationUnderline}
  1205. font-weight:normal!important;
  1206. {/block:IfPaginationUnderline}
  1207. }
  1208.  
  1209. .pagination a {
  1210. display:inline-block;
  1211. color:{color:Text};
  1212. padding:2px 3px 2px 0px;
  1213. }
  1214.  
  1215. .pagination .current {
  1216. display:inline-block;
  1217. margin:8px;
  1218. color:{color:Text};
  1219. min-width:15px;
  1220. }
  1221.  
  1222. .current_page {
  1223. padding:2px 3px 2px 0px;
  1224. {block:IfPaginationUnderline}
  1225. display:inline-block;
  1226. border-bottom:1px solid{color:Accent Two};
  1227. padding:2px 4px 2px 3px;
  1228. margin-right:2px;
  1229. font-weight:bold;
  1230. {block:IfPaginationUnderline}
  1231. }
  1232.  
  1233. .pagination a.jump {
  1234. font-size:10px;
  1235. line-height:10px;
  1236. color:{color:Text};
  1237. min-width:15px;
  1238. }
  1239.  
  1240. /* --- FOOTER --- */
  1241.  
  1242. footer {
  1243. margin:0 auto;
  1244. margin:80px 0px 0px -20px;
  1245. padding:20px;
  1246. width:1200px;
  1247. text-align:center;
  1248. text-transform:uppercase;
  1249. background:{color:Container};
  1250. }
  1251.  
  1252. footer b {font-weight:bold;}
  1253.  
  1254. {block:IfFooterAvatar}footer img {
  1255. width:50px;
  1256. height:50px;
  1257. margin-bottom:10px;
  1258.  
  1259. {block:IfNotTopbarIconRound}
  1260. border-radius:0;
  1261. {/block:IfNotTopbarIconRound}
  1262.  
  1263. {block:IfTopbarIconRound}
  1264. border-radius:50%;
  1265. {/block:IfTopbarIconRound}
  1266. }
  1267. {/block:IfFooterAvatar}
  1268.  
  1269. /* --- SCROLL TO TOP --- */
  1270.  
  1271. #scrollToTop {
  1272. display:none;
  1273. position:fixed;
  1274. bottom:15px;
  1275. right:10px;
  1276. }
  1277.  
  1278. #scrollToTop i {
  1279. color:{color:Text};
  1280. font-size:15px;
  1281. display:inline-block;
  1282. padding:5px;
  1283. transition:0.2s ease-in-out;
  1284. -webkit-transition:0.2s ease-in-out;
  1285. -moz-transition:0.2s ease-in-out;
  1286. }
  1287.  
  1288. {CustomCSS}
  1289. </style>
  1290.  
  1291. </head>
  1292. <body>
  1293.  
  1294.  
  1295.  
  1296.  
  1297. <!-- START TOPBAR -->
  1298. <div class="topbar">
  1299. <div class="navigation">
  1300.  
  1301. <a href="/">Home</a>
  1302. <a href="/ask">Ask</a>
  1303. <a href="{text:Topbar Link One URL}">{text:Topbar Link One}</a>
  1304. <a href="{text:Topbar Link Two URL}">{text:Topbar Link Two}</a>
  1305.  
  1306. {block:IfTopbarIcon}
  1307. {block:IfTopbarBlogName}<div class="topbaricon">{/block:IfTopbarBlogName}
  1308. <img src="{image:Icon}" />
  1309. {block:IfTopbarBlogName}<h1>{Name}</h1></div>{/block:IfTopbarBlogName}
  1310. {/block:IfTopbarIcon}
  1311.  
  1312. {block:IfNotTopbarIcon}{block:IfTopbarBlogName}<h1>{Name}</h1>{/block:IfTopbarBlogName}{/block:IfNotTopbarIcon}
  1313.  
  1314. <a href="{text:Topbar Link Three URL}">{text:Topbar Link Three}</a>
  1315. <a href="{text:TopbarLink Four URL}">{text:Topbar Link Four}</a>
  1316. <a href="{text:Topbar Link Five URL}">{text:Topbar Link Five}</a>
  1317. <a href="{text:Topbar Link Six URL}">{text:Topbar Link Six}</a>
  1318.  
  1319. </div>
  1320.  
  1321. </div>
  1322.  
  1323. {block:IndexPage}
  1324. <div class="tcontrols">+</div>
  1325. {/block:IndexPage}
  1326. <!-- END TOPBAR -->
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336. <!-- START HEADER -->
  1337. <div class="header"></div>
  1338.  
  1339. {block:IfHeaderRepeat}
  1340. <div class="headrepeat"></div>
  1341. {/block:IfHeaderRepeat}
  1342. <!-- END HEADER -->
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352. <!-- START CONTAINER -->
  1353. <div class="container">
  1354.  
  1355.  
  1356.  
  1357.  
  1358. <!-- START WELCOME -->
  1359. <div class="welcomecont">
  1360. <div class="welcome">
  1361.  
  1362. {Description}
  1363.  
  1364. </div>
  1365. </div>
  1366. <!-- END WELCOME -->
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376. <!-- START SIDEBAR -->
  1377. <div class="sidebar">
  1378.  
  1379.  
  1380.  
  1381. <!-- START SIDEBAR IMAGE -->
  1382. {block:IfShowSidebarImage}
  1383. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1384. <div class="sideimage">
  1385.  
  1386. <img src="{image:Sidebar}" />
  1387.  
  1388.  
  1389. </div>
  1390. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1391. {/block:IfShowSidebarImage}
  1392. <!-- END SIDEBAR IMAGE -->
  1393.  
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401. <!-- START OFFICIAL LINKS -->
  1402. {block:IfShowOfficialLinks}
  1403. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1404. <div class="side">
  1405. <div class="sidetitle">Official Links</div>
  1406.  
  1407. <div class="officiallinks">
  1408. <a href="/">Website</a>
  1409. <a href="/">Facebook</a>
  1410. <a href="/">Instagram</a>
  1411. <a href="/">Twitter</a>
  1412. <a href="/">IMDB</a>
  1413. </div>
  1414.  
  1415. </div>
  1416. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1417. {/block:IfShowOfficialLinks}
  1418. <!-- END OFFICIAL LINKS -->
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.  
  1425.  
  1426.  
  1427. <!-- START SCHEDULE -->
  1428. {block:IfShowSchedule}
  1429. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1430. <div class="side">
  1431. <div class="sidetitle">Schedule</div>
  1432.  
  1433.  
  1434. <!-- Schedule Start -->
  1435. <div class="schedule">
  1436. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1437. </div>
  1438. <!-- Schedule End -->
  1439.  
  1440.  
  1441. <!-- Schedule Start -->
  1442. <div class="schedule">
  1443. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1444. </div>
  1445. <!-- Schedule End -->
  1446.  
  1447.  
  1448. <!-- Schedule Start -->
  1449. <div class="schedule">
  1450. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1451. </div>
  1452. <!-- Schedule End -->
  1453.  
  1454. </div>
  1455. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1456. {/block:IfShowSchedule}
  1457. <!-- END SCHEDULE -->
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466. <!-- START LATEST PHOTOS -->
  1467. {block:IfShowLatestPhotos}
  1468. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1469. <div class="side">
  1470. <div class="sidetitle">Latest Photos</div>
  1471.  
  1472. <div class="latestphotos">
  1473.  
  1474. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a><a id='ji-tumblr-url-gallery-7' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a><a id='ji-tumblr-url-gallery-8' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a><a id='ji-tumblr-url-gallery-9' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a><a id='ji-tumblr-url-gallery-10' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a><a id='ji-tumblr-url-gallery-11' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-11' src='' alt='' /></a><a id='ji-tumblr-url-gallery-12' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-12' src='' alt='' /></a>
  1475. </div>
  1476. <script type='text/javascript' src='https://{text:Blog Name}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1477. <script type='text/javascript'>
  1478. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1479. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1480. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1481. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1482. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1483. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1484. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1485. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1486. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1487. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1488. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1489. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1490. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1491. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1492. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1493. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1494. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1495. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1496. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1497. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1498. document.getElementById('ji-tumblr-photo-gallery-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1499. document.getElementById('ji-tumblr-url-gallery-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1500. document.getElementById('ji-tumblr-photo-gallery-12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-75']);
  1501. document.getElementById('ji-tumblr-url-gallery-12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1502. </script>
  1503.  
  1504. </div>
  1505.  
  1506. </div>
  1507. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1508. {/block:IfShowLatestPhotos}
  1509. <!-- END LATEST PHOTOS -->
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517.  
  1518. <!-- START PROJECTS -->
  1519. {block:IfShowProjects}
  1520. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1521. <div class="side">
  1522. <div class="sidetitle">Projects</div>
  1523.  
  1524.  
  1525. <!-- Start Project -->
  1526. <div class="projects">
  1527. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1528. <div class="projectdetail">
  1529. <h1>Project Title</h1>
  1530. Name as <b>Character</b><br>
  1531. <i>Release Date: 00/00/0000</i>
  1532. <p>
  1533. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1534. </div>
  1535. <div class="projectlinks">
  1536. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1537. </div>
  1538. </div>
  1539. <!-- Start Project -->
  1540.  
  1541.  
  1542. <!-- Start Project -->
  1543. <div class="projects">
  1544. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1545. <div class="projectdetail">
  1546. <h1>Project Title</h1>
  1547. Name as <b>Character</b><br>
  1548. <i>Release Date: 00/00/0000</i>
  1549. <p>
  1550. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1551. </div>
  1552. <div class="projectlinks">
  1553. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1554. </div>
  1555. </div>
  1556. <!-- Start Project -->
  1557.  
  1558.  
  1559. <!-- Start Project -->
  1560. <div class="projects">
  1561. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1562. <div class="projectdetail">
  1563. <h1>Project Title</h1>
  1564. Name as <b>Character</b><br>
  1565. <i>Release Date: 00/00/0000</i>
  1566. <p>
  1567. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1568. </div>
  1569. <div class="projectlinks">
  1570. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1571. </div>
  1572. </div>
  1573. <!-- Start Project -->
  1574.  
  1575.  
  1576.  
  1577. </div>
  1578. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1579. {/block:IfShowProjects}
  1580. <!-- END PROJECTS -->
  1581.  
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589. <!-- START INSTAGRAM -->
  1590. {block:IfShowInstagram}
  1591. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1592. <div class="side">
  1593. <div class="sidetitle">Instagram</div>
  1594.  
  1595. <center>
  1596.  
  1597.  
  1598. <!-- START INSTAGRAM WIDGET -->
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604. <!-- END INSTAGRAM WIDGET -->
  1605. </center>
  1606.  
  1607. </div>
  1608. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1609. {/block:IfShowInstagram}
  1610. <!-- END INSTAGRAM -->
  1611.  
  1612.  
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619. <!-- START TWITTER -->
  1620. {block:IfShowTwitter}
  1621. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1622. <div class="side">
  1623. <div class="sidetitle">Twitter</div>
  1624.  
  1625. <center>
  1626. <a class="twitter-timeline" data-width="350" data-height="350" data-dnt="true" data-link-color="{color:Accent One}" href="https://twitter.com/{text:Twitter Username}">Tweets by {text:Twitter Username}</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1627. </center>
  1628.  
  1629. </div>
  1630. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1631. {/block:IfShowTwitter}
  1632. <!-- END TWITTER -->
  1633.  
  1634.  
  1635.  
  1636.  
  1637.  
  1638.  
  1639.  
  1640.  
  1641. <!-- START MEMBERS -->
  1642. {block:IfShowMembers}
  1643. <div class="side">
  1644. <div class="sidetitle">Members</div>
  1645.  
  1646. <div class="members">
  1647.  
  1648. {block:GroupMembers}
  1649. {block:GroupMember}
  1650. <div class="member">
  1651.  
  1652. <div class="memberavatar">
  1653. <img {block:IfNotMemberNames} title="{GroupMemberName}"{/block:IfNotMemberNames} src="{GroupMemberPortraitURL-96}">
  1654. </div>
  1655.  
  1656. {block:IfMemberNames}<div class="names">
  1657. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1658. <div class="membertitle">{GroupMemberTitle}</div>
  1659. </div>{/block:IfMemberNames}
  1660.  
  1661. </div>
  1662. {/block:GroupMember}
  1663. {/block:GroupMembers}
  1664.  
  1665.  
  1666. </div>
  1667.  
  1668. </div>
  1669. {/block:IfShowMembers}
  1670. <!-- END MEMBERS -->
  1671.  
  1672.  
  1673.  
  1674.  
  1675.  
  1676.  
  1677.  
  1678.  
  1679. <!-- START EXTRA SECTION -->
  1680. {block:IfShowExtraSection}
  1681. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1682. <div class="side">
  1683. <div class="sidetitle">{text:Sidebar Extra Title}</div>
  1684.  
  1685. {text:Sidebar Extra Content}
  1686.  
  1687. </div>
  1688. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1689. {/block:IfShowExtraSection}
  1690. <!-- END EXTRA SECTION -->
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696.  
  1697.  
  1698.  
  1699. <!-- START AFFILIATES -->
  1700. {block:IfShowAffiliates}
  1701. <div class="side">
  1702. <div class="sidetitle">Affiliates</div>
  1703.  
  1704. <div class="affiliates">
  1705.  
  1706. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1707. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1708. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1709. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1710. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1711. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1712.  
  1713. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1714. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1715. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1716. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1717. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1718. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1719.  
  1720. </div>
  1721.  
  1722. </div>
  1723. {/block:IfShowAffiliates}
  1724. <!-- END AFFILIATES -->
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730.  
  1731.  
  1732.  
  1733. <!-- START ABOUT -->
  1734. {block:IfShowSiteInfo}
  1735. <div class="side">
  1736. <div class="sidetitle">Site Info</div>
  1737.  
  1738. <ul class="siteinfo">
  1739. <li><b>Blog:</b> {text:Blog Name}</li>
  1740. <li><b>About:</b> Hailey Baldwin</li>
  1741. <li><b>Established:</b> 2019</li>
  1742. <li><b>Online:</b> </li>
  1743. <li><b>Hits:</b> </li>
  1744. <li><b>Theme</b>: <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  1745. </ul>
  1746. </div>
  1747. {/block:IfShowSiteInfo}
  1748. <!-- END ABOUT -->
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757. <!-- START DISCLAIMER -->
  1758. {block:IfShowDisclaimer}
  1759. <div class="side">
  1760. <div class="sidetitle">Disclaimer</div>
  1761.  
  1762. Our site 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.
  1763.  
  1764. </div>
  1765. {/block:IfShowDisclaimer}
  1766. <!-- END DISCLAIMER -->
  1767.  
  1768.  
  1769.  
  1770.  
  1771.  
  1772. </div>
  1773. <!-- END SIDEBAR -->
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785. <!-- START POST CONTAINER -->
  1786. <div class="posts">
  1787. {block:Posts}
  1788.  
  1789.  
  1790.  
  1791. <!-- START POST INFO -->
  1792. <div class="postinfo">
  1793.  
  1794. {block:IfPostAuthorAvatar}<div class="postauthor"><img title="posted by {PostAuthorName}" src="{PostAuthorPortraitURL-64}" /></div>{/block:IfPostAuthorAvatar}
  1795.  
  1796. <div class="postdetails">
  1797. {block:Date}posted <a href="{Permalink}"><em>{DayOfMonth} {Month} {Year}</em></a>{/block:Date} {block:IfNotPostAuthorAvatar}by <b><a href="{PostAuthorURL}">{PostAuthorName}</a></b>{/block:IfNotPostAuthorAvatar}{block:IfNotPostInfoNoteCount}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:IfNotPostInfoNoteCount}{block:RebloggedFrom} / <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource} &#8226; <a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1798. </div>
  1799.  
  1800. </div>
  1801.  
  1802. <!-- Post Control -->
  1803. {block:IndexPage}
  1804. <div class="postcontrol">
  1805. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i>
  1806. </a>
  1807. <a href="#" class="like">{LikeButton}
  1808. <i class="fa fa-heart"></i>
  1809. </a>
  1810. </div>
  1811. {/block:IndexPage}
  1812. <!-- END POST INFO -->
  1813.  
  1814.  
  1815.  
  1816.  
  1817.  
  1818. <!-- Post Styles Start -->
  1819. <div class="iposts" id="{PostID}">
  1820.  
  1821. {block:Text}<div class="caption">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1822.  
  1823. {block:Link}<div class="linkpost"><div class="caption"><a href="{URL}"><h2> -{Name}</h2>
  1824. {block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}</a>
  1825. {block:Description}{Description}{/block:Description}</div></div>{/block:Link}
  1826.  
  1827. {block:Quote}<div class="caption"><h2>{Quote}</h2>-{Source}</b></div>{/block:Quote}
  1828.  
  1829. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1830. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1831.  
  1832. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1833. <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>
  1834. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1835.  
  1836. {block:Chat}
  1837. <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>
  1838. {/block:Chat}
  1839.  
  1840. {block:Audio}
  1841. <div class="caption">
  1842. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  1843. <div class="audiop">{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}{block:Artist}<div class="artist">by {Artist}</div>{/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}
  1844. </div></div>
  1845. {/block:Audio}
  1846.  
  1847. {block:Video}<div class="video">{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1848.  
  1849. {block:Answer}
  1850. <div class="questionpost">
  1851. <div class="question">{block:IfQuestionAskerAvatar}<img src="{AskerPortraitURL-64}" align="left" />{/block:IfQuestionAskerAvatar} {Asker} asked: {Question}</div>
  1852. {block:IfQuestionAskerAvatar}<div class="questionborder"></div>{/block:IfQuestionAskerAvatar}
  1853. </div>
  1854. <div class="caption">{Answer}</div>
  1855. {/block:Answer}
  1856.  
  1857. </div>
  1858. <!-- Post Styles End -->
  1859.  
  1860.  
  1861.  
  1862.  
  1863. <!-- POST INFO END START -->
  1864. {block:IfPostInfoNoteCount}
  1865. {block:NoteCount}
  1866. <div class="postnotes">
  1867. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1868. </div>
  1869. {/block:NoteCount}
  1870. {/block:IfPostInfoNoteCount}
  1871. <!-- POST INFO END START -->
  1872.  
  1873.  
  1874.  
  1875.  
  1876. <!-- POST TAGS START -->
  1877. <div class="posttags">
  1878. {block:HasTags}
  1879. <div class="ptags">{block:IfPostTagsTaggedAs}<i>tagged as:</i>{/block:IfPostTagsTaggedAs}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1880. {/block:HasTags}
  1881. </div>
  1882. <!-- POST TAGS END -->
  1883.  
  1884.  
  1885.  
  1886.  
  1887. {block:PostNotes}
  1888. <div id="permanote">{PostNotes}
  1889. </div>
  1890. {/block:PostNotes}
  1891.  
  1892. {/block:Posts}
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898. <!-- START PAGINATION -->
  1899. {block:IndexPage}
  1900. {block:Pagination}
  1901. <div class="pagination">
  1902. {block:PreviousPage}
  1903. <b><a href="{PreviousPage}">{block:IfPaginationUnderline}&#171;{/block:IfPaginationUnderline}{block:IfNotPaginationUnderline}previous{/block:IfNotPaginationUnderline}</a></b>
  1904. {/block:PreviousPage}
  1905.  
  1906. {block:JumpPagination length="10"}
  1907. {block:CurrentPage}
  1908. <span class="current_page">{PageNumber}</span>
  1909. {/block:CurrentPage}
  1910.  
  1911. {block:JumpPage}
  1912. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1913. {/block:JumpPage}
  1914. {/block:JumpPagination}
  1915.  
  1916. {block:NextPage}
  1917. <b><a class="next" href="{NextPage}">{block:IfPaginationUnderline}&#187;{/block:IfPaginationUnderline}{block:IfNotPaginationUnderline}next{/block:IfNotPaginationUnderline}</a></b>
  1918. {/block:NextPage}
  1919. </div>
  1920.  
  1921. {/block:Pagination}
  1922. {/block:IndexPage}
  1923. <!-- END PAGINATION -->
  1924.  
  1925.  
  1926.  
  1927.  
  1928. </div>
  1929. <!-- END POST CONTAINER -->
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935.  
  1936. <div id="end"></div>
  1937.  
  1938.  
  1939.  
  1940. <!-- START FOOTER -->
  1941. <footer>
  1942. {block:IfFooterAvatar}<img src="{image:Icon}" />
  1943. <br>{/block:IfFooterAvatar}
  1944. copyright <b><a href="/">{text:Blog Name}</a></b> 2019
  1945. </footer>
  1946. <!-- END FOOTER -->
  1947.  
  1948.  
  1949. </div>
  1950. <!-- END CONTAINER -->
  1951.  
  1952.  
  1953.  
  1954.  
  1955.  
  1956.  
  1957.  
  1958.  
  1959.  
  1960. <!-- ADDITIONAL SCRIPTS -->
  1961. {block:IndexPage}
  1962. <script>
  1963. $(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")}})});
  1964. </script>
  1965.  
  1966. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-angle-up"></i></a>
  1967. {/block:IndexPage}
  1968.  
  1969. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1970. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1971. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1972.  
  1973. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1974.  
  1975. <script>
  1976. $(document).ready(function(){
  1977. $('.photo-slideshow').pxuPhotoset({
  1978. lightbox: true,
  1979. rounded: false,
  1980. gutter: '0px',
  1981. borderRadius: '0px',
  1982. photoset: '.photo-slideshow',
  1983. photoWrap: '.photo-data',
  1984. photo: '.pxu-photo'
  1985. });
  1986. });
  1987. </script>
  1988.  
  1989. </body>
  1990. </html>
  1991.  
  1992.  
  1993.  
  1994.  
  1995.  
  1996.  
  1997. </body>
  1998. </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!