API tools faq
paste
Advertisement
cvndythemes

Aurora_ThreeColumns

cvndythemes
Aug 10th, 2021
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.42 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 // AURORA FANSITE THEME
  17.  
  18. Designed by ethereal-themes
  19. ethereal-themes.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.  
  45.  
  46. <!-- COLORS -->
  47. <meta name="color:Background" content="#f5f5f5" />
  48. <meta name="color:Text" content="#000000" />
  49. <meta name="color:Accent One" content="#dac5c7"/>
  50. <meta name="color:Accent Two" content="#a3bbc3"/>
  51. <meta name="color:Accent Gray" content="#f9f9f9"/>
  52.  
  53. <meta name="color:Topbar Background" content="#ffffff" />
  54. <meta name="color:Topbar Text" content="#000000" />
  55. star
  56. <meta name="color:Container" content="#f5f5f5" />
  57. <meta name="color:Content" content="#ffffff" />
  58.  
  59.  
  60.  
  61. <!-- IMAGES -->
  62. <meta name="image:Header" content="https://placehold.it/1440X450"/>
  63.  
  64. <meta name="image:Sidebar" content="https://placehold.it/260X350"/>
  65. <meta name="image:Projects" content="https://placehold.it/260X150"/>
  66.  
  67.  
  68. <!-- TEXT -->
  69. <meta name="text:Blog URL" content=""/>
  70. <meta name="text:Blog Name" content="Blog Name"/>
  71.  
  72. <meta name="text:Link One" content=""/>
  73. <meta name="text:Link One URL" content=""/>
  74. <meta name="text:Link Two" content=""/>
  75. <meta name="text:Link Two URL" content=""/>
  76. <meta name="text:Link Three" content=""/>
  77. <meta name="text:Link Three URL" content=""/>
  78. <meta name="text:Link Four" content=""/>
  79. <meta name="text:Link Four URL" content=""/>
  80. <meta name="text:Link Five" content=""/>
  81. <meta name="text:Link Five URL" content=""/>
  82. <meta name="text:Link Six" content=""/>
  83. <meta name="text:Link Six URL" content=""/>
  84.  
  85. <meta name="text:Header Title" content="Text"/>
  86. <meta name="text:Header Title Accent" content="Accent"/>
  87. <meta name="text:Header Title Subtitle" content="Subtitle"/>
  88.  
  89. <meta name="text:Website" content="https://"/>
  90. <meta name="text:Twitter" content="https://"/>
  91. <meta name="text:Instagram" content="https://"/>
  92. <meta name="text:Tumblr" content="https://"/>
  93. <meta name="text:Facebook" content="https://"/>
  94. <meta name="text:Youtube" content="https://"/>
  95.  
  96. <meta name="text:Twitter Username" content="username"/>
  97.  
  98. <meta name="text:Extra Section Title" content="Title"/>
  99. <meta name="text:Extra Section Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante."/>
  100.  
  101.  
  102. <!-- IF -->
  103. <meta name="if:Invert Tumblr Controls" content="1"/>
  104. <meta name="if:Post Author" content="1"/>
  105.  
  106. <meta name="if:Latest Photos" content="1"/>
  107. <meta name="if:Latest Photos on Sidebar" content="0"/>
  108. <meta name="if:Sidebar Image" content="1"/>
  109. <meta name="if:Official Links" content="1"/>
  110. <meta name="if:Events" content="1"/>
  111. <meta name="if:Projects" content="1"/>
  112. <meta name="if:Twitter Feed" content="1"/>
  113. <meta name="if:Members" content="1"/>
  114. <meta name="if:Extra Section" content="1"/>
  115. <meta name="if:Affiliates" content="1"/>
  116. <meta name="if:Site Info" content="1"/>
  117. <meta name="if:Disclaimer" content="1"/>
  118.  
  119. <meta name="if:Post Author" content="1"/>
  120.  
  121.  
  122. <!-- SELECT -->
  123. <meta name="select:Lightbox" content="0,0,0," title="Black">
  124. <meta name="select:Lightbox" content="255,255,255," title="White">
  125.  
  126.  
  127.  
  128. <!-- SCRIPTS -->
  129. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  130.  
  131. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  132.  
  133. <script>
  134. $container.infinitescroll({
  135. itemSelector: '.posts',
  136. navSelector: '.pagination',
  137. nextSelector: '.pagination a',
  138. loadingImg: '',
  139. loadingText: '<em></em>',
  140. bufferPx: 2000
  141. },
  142. function( newElements ) {
  143. var $newElems = $(newElements);
  144. var $newElemsIDs = $newElems.map(function(){
  145. return this.id;
  146. }).get();
  147. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  148. });
  149. </script>
  150.  
  151. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  152.  
  153. <!-- TIPPY JS -->
  154. <script src="https://unpkg.com/popper.js@1"></script>
  155. <script src="https://unpkg.com/tippy.js@5"></script>
  156. <script>
  157. $(document).ready(function(){
  158. tippy('[title]', {
  159. arrow: false,
  160. placement: 'top',
  161. delay: 5,
  162. distance: 10,
  163. maxWidth: 300,
  164.  
  165. followCursor: true,
  166. allowHTML: true,
  167. theme: 'custom',
  168. ignoreAttributes: true,
  169. content(reference) {
  170. const title = reference.getAttribute('title');
  171. reference.removeAttribute('title');
  172. return title;
  173. },
  174. });
  175. });
  176. </script>
  177.  
  178. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  179.  
  180. <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i|Josefin+Sans:300,400|Martel:200,300&display=swap" rel="stylesheet">
  181.  
  182.  
  183.  
  184. <!-- STYLESHEET -->
  185.  
  186. <style type="text/css">
  187.  
  188. /* --- SCROLLBAR ---*/
  189.  
  190. ::-webkit-scrollbar-thumb {background:{color:Accent Two};border-left:2px solid {color:Background};border-right:2px solid {color:Background};border-top:5px solid {color:Background};border-bottom:5px solid {color:Background};}
  191.  
  192. ::-webkit-scrollbar {width:9px;border:4px solid {color:Background};background:{color:Text};}
  193.  
  194. /* --- SELECTION ---*/
  195.  
  196. ::-moz-selection {
  197. color:{color:Content};
  198. background:{color:Accent Two};
  199. opacity:1;
  200. }
  201.  
  202. ::selection {
  203. color:{color:Content};
  204. background:{color:Accent Two};
  205. opacity:1;
  206. }
  207.  
  208. /* --- TOOLTIPS ---*/
  209.  
  210. .tippy-tooltip.custom-theme {
  211. $tooltipBg: {color:Accent One};
  212. background-color: {color:Accent One};
  213. color:{color:Background};
  214. border-radius:5%;
  215. font-size:calc(9pt - 2pt);
  216. margin-left:100px;
  217. }
  218.  
  219. .tippy-content {padding:4px 5px 5px 5px!important;}
  220.  
  221. /* --- TUMBLR TOOLS--- */
  222.  
  223. {block:IndexPage}
  224. iframe.tmblr-iframe {
  225. top:16px!important;
  226. right:5px!important;
  227. opacity:0;
  228. padding:0px 50px 30px 0px;
  229. z-index:10!important;
  230. transform:scale(0.47);
  231. transform-origin:100% 0;
  232. -webkit-transform:scale(0.47);
  233. -webkit-transform-origin:100% 0;
  234. -o-transform:scale(0.47);
  235. -o-transform-origin:100% 0;
  236. -moz-transform:scale(0.47);
  237. -moz-transform-origin:100% 0;
  238. -ms-transform:scale(0.47);
  239. -ms-transform-origin:100% 0;
  240. transition:0.2s ease-in-out;
  241. -webkit-transition:0.2s ease-in-out;
  242. -moz-transition:0.2s ease-in-out;
  243. {block:IfInvertTumblrControls}
  244. filter:invert(1);
  245. -webkit-filter:invert(1);
  246. -o-filter:invert(1);
  247. -moz-filter:invert(1);
  248. -ms-filter:invert(1);
  249. {/block:IfInvertTumblrControls}
  250. }
  251.  
  252. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  253.  
  254. .tcontrols {
  255. position:fixed;
  256. top:20px;
  257. right:15px;
  258. color:{color:Topbar Text};
  259. font-size:calc(9pt + 2pt);
  260. z-index:9;
  261. transition:0.2s ease-in-out;
  262. -webkit-transition:0.2s ease-in-out;
  263. -moz-transition:0.2s ease-in-out;
  264. }
  265. {/block:IndexPage}
  266.  
  267. {block:PermalinkPage}
  268. iframe.tmblr-iframe {
  269. top:16px!important;
  270. right:15px!important;
  271. opacity:0.5;
  272. padding:0px;
  273. z-index:15!important;
  274. transform:scale(0.47);
  275. transform-origin:100% 0;
  276. -webkit-transform:scale(0.47);
  277. -webkit-transform-origin:100% 0;
  278. -o-transform:scale(0.47);
  279. -o-transform-origin:100% 0;
  280. -moz-transform:scale(0.47);
  281. -moz-transform-origin:100% 0;
  282. -ms-transform:scale(0.47);
  283. -ms-transform-origin:100% 0;
  284. transition:0.2s ease-in-out;
  285. -webkit-transition:0.2s ease-in-out;
  286. -moz-transition:0.2s ease-in-out;
  287. {block:IfInvertTumblrControls}
  288. filter:invert(1);
  289. -webkit-filter:invert(1);
  290. -o-filter:invert(1);
  291. -moz-filter:invert(1);
  292. -ms-filter:invert(1);
  293. {/block:IfInvertTumblrControls}
  294. }
  295. {/block:PermalinkPage}
  296.  
  297. /* --- BODY --- */
  298.  
  299. body {
  300. margin: 0px;
  301. padding: 0px;
  302. font-family: 'Noto Sans', sans-serif;
  303. color:{color:Text};
  304. font-size:9pt;
  305. line-height:150%;
  306. font-weight:normal;
  307. word-wrap:normal;
  308. text-align:left;
  309. background:{color:Background};
  310. }
  311.  
  312. a {
  313. color:{color:Text};
  314. text-decoration:none;
  315. border:0;
  316. cursor:help;
  317. transition:0.2s ease-in-out;
  318. -webkit-transition:0.2s ease-in-out;
  319. -moz-transition:0.2s ease-in-out;
  320. }
  321.  
  322. b,strong {font-weight:700;}
  323. i,italic {font-style:italic;}
  324. small {font-size:9pt;}
  325. big {font-size:9pt;}
  326.  
  327. hr.divider, hr, hr.separator {
  328. display: block;
  329. margin-top: 0.5em;
  330. margin-bottom: 0.5em;
  331. margin-left: auto;
  332. margin-right: auto;
  333. border-style: inset;
  334. border-color:{color:Text};
  335. border-bottom: 1px;
  336. }
  337.  
  338. pre {
  339. white-space: pre-wrap;
  340. white-space: -moz-pre-wrap;
  341. white-space: -pre-wrap;
  342. white-space: -o-pre-wrap;
  343. word-wrap: break-word;
  344. }
  345.  
  346. .et {
  347. background:transparent;
  348. color:{color:Text};
  349. background:transparent;
  350. right:9px;
  351. bottom:0px;
  352. padding:5px;
  353. position:fixed;
  354. letter-spacing:1px;
  355. opacity:0.4;
  356. }
  357.  
  358. .et a {
  359. color:{color:Text};
  360. text-decoration:none;
  361. border:0px;
  362. }
  363.  
  364. /* --- TOPBAR --- */
  365.  
  366. #topbar {
  367. position:fixed;
  368. top:0;
  369. left:0;
  370. width:100%;
  371. padding:20px 0px 20px 0px;
  372. text-align:center;
  373. background:{color:Topbar Background};
  374. border-bottom:1px solid {color:Container};
  375. z-index:4;
  376. transition:.2s ease-in-out;
  377. -webkit-transition:.2s ease-in-out;
  378. -moz-transition:.2s ease-in-out;
  379. }
  380.  
  381. #topbar a {
  382. display:inline-block;
  383. color:{color:Topbar Text};
  384. font-size:calc(9pt + 1px);
  385. text-transform:lowercase;
  386. font-style:italic;
  387. margin:0px 15px;
  388. padding:0px 10px;
  389. text-decoration:none;
  390. border:0;
  391. height:17px;
  392. background-size:0 4px, auto;
  393. background-repeat:no-repeat;
  394. background-position:center bottom;
  395. transition:all .1s ease-out;
  396. }
  397.  
  398. #topbar a:nth-of-type(2n+1) {background-image:linear-gradient({color:Accent One}, {color:Accent One}), linear-gradient(transparent, transparent);}
  399.  
  400. #topbar a:nth-of-type(2n+2) {background-image:linear-gradient({color:Accent Two}, {color:Accent Two}), linear-gradient(transparent, transparent);}
  401.  
  402. #topbar a:hover {
  403. background-size:100% 4px, auto;
  404. }
  405.  
  406. .topbar {
  407. position:fixed;
  408. z-index:4;
  409. transition:.2s ease-in-out;
  410. -webkit-transition:.2s ease-in-out;
  411. -moz-transition:.2s ease-in-out;
  412. }
  413.  
  414. .hide {opacity:0;left:0px;}
  415.  
  416. .show {opacity:1;}
  417.  
  418. /* --- BLOG TITLE --- */
  419.  
  420. .headertitle {
  421. position:fixed;
  422. top:0px;
  423. width:100%;
  424. text-align:center;
  425. font-family: 'Martel', serif;
  426. text-transform:uppercase;
  427. font-weight:200;
  428. padding:58px 0px 37px 0px;
  429. background:{color:Content};
  430. z-index:1;
  431. }
  432.  
  433. .headertitle b {
  434. font-weight:200;
  435. font-style:italic;
  436. font-size:calc(9pt + 18pt);
  437. }
  438.  
  439. .headertitle i {
  440. font-size:calc(9pt + 18pt);
  441. letter-spacing:2px;
  442. color:{color:Accent Two};
  443. }
  444.  
  445. .headertitle em {
  446. display:block;
  447. font-style:normal;
  448. letter-spacing:4px;
  449. font-size:calc(9pt + 4pt);
  450. margin:7px 0px 0px 0px;
  451. }
  452.  
  453. .headertitle em:before {content: "—";font-size:calc(9pt + 2pt);margin-right:4px;}
  454.  
  455. .headertitle em:after {content: "—";font-size:calc(9pt + 2pt);margin-left:4px;}
  456.  
  457.  
  458. /* --- HEADER --- */
  459.  
  460. .header {
  461. position:fixed;
  462. top:145px;
  463. width:100%;
  464. height:450px;
  465. background-image:url('{image:Header}');
  466. background-position:center;
  467. background-repeat:repeat-x;
  468. z-index:-1;
  469. }
  470.  
  471.  
  472. /* --- CONTAINER --- */
  473.  
  474. .page {
  475. position:relative;
  476. top:0;
  477. left:0;
  478. margin:0 auto;
  479. width:100%;
  480. margin:600px 0px 0px 0px;
  481. background:{color:Background};
  482. z-index:3;
  483. }
  484.  
  485. .container {
  486. margin:0 auto;
  487. width:calc(300px + 300px + 540px + 155px);
  488. background:{color:Container};
  489. }
  490.  
  491. #end {clear:both;text-align:center;}
  492.  
  493. /* --- WELCOME --- */
  494.  
  495. .welcome {
  496. margin:0 auto;
  497. width:calc(1010px - 300px);
  498. position:relative;
  499. top:-30px;
  500. left:0;
  501. line-height:180%;
  502. padding:50px 150px;
  503. text-align:center;
  504. background:{color:Content};
  505. }
  506.  
  507. .welcome:first-letter {
  508. vertical-align: middle;
  509. font-family: 'Martel', serif;
  510. font-size:calc(9pt + 13pt);
  511. margin-right:1px;
  512. }
  513.  
  514.  
  515. .welcome i {font-weight:400;opacity:0.7;}
  516.  
  517. .welcome em {font-weight:400;color:{color:Accent Two};}
  518.  
  519. .welcome b {font-weight:600;color:{color:Accent One};}
  520.  
  521. .welcome a {font-weight:400;border-bottom:2px solid {color:Accent Two};padding-left:1px;}
  522.  
  523. /* --- LATEST PHOTOS --- */
  524.  
  525. .latest {
  526. margin:0 auto;
  527. width:calc(1010px - 20px);
  528. padding:30px 10px;
  529. text-align:center;
  530. background:{color:Content};
  531. }
  532.  
  533. .latest a {border:0px;text-decoration:none;}
  534.  
  535. .latest h1 {
  536. font-family: 'Josefin Sans', sans-serif;
  537. font-size:calc(9pt + 6pt);
  538. font-weight:300;
  539. text-transform:uppercase;
  540. margin:0px 0px 15px 0px;
  541. }
  542.  
  543. .ji-tumblr-photos img {
  544. height:65px;
  545. width:65px;
  546. opacity:1;
  547. border:1px solid {color:Content};
  548. padding:4px;
  549. margin:0px 3px 0px 3px;
  550. transition:0.2s ease-in-out;
  551. -webkit-transition:0.2s ease-in-out;
  552. -moz-transition:0.2s ease-in-out;
  553. }
  554.  
  555. .ji-tumblr-photos img:hover {border:1px solid {color:Text};}
  556.  
  557. /* --- SIDEBAR --- */
  558.  
  559. .sidebar_left {
  560. float:left;
  561. width:300px;
  562. margin:30px 0px 0px 10px;
  563. padding:10px;
  564. background:{color:Container};
  565. }
  566.  
  567. .sidebar_right {
  568. float:right;
  569. width:300px;
  570. margin:30px 10px 0px 10px;
  571. padding:10px;
  572. background:{color:Container};
  573. }
  574.  
  575. .side {
  576. width:260px;
  577. padding:20px 20px 25px 20px;
  578. margin-bottom:60px;
  579. background:{color:Content};
  580. }
  581.  
  582. .sidetitles {
  583. font-family: 'Josefin Sans', sans-serif;
  584. font-size:calc(9pt + 4pt);
  585. font-weight:300;
  586. text-align:center;
  587. letter-spacing:2px;
  588. text-transform:uppercase;
  589. margin-bottom:25px;
  590. }
  591.  
  592. .sidetitles:before {position:relative;top:-3px;content: "—";font-size:calc(9pt + 4pt);margin-right:5px;}
  593.  
  594. .sidetitles:after {position:relative;top:-3px;content: "—";font-size:calc(9pt + 4pt);margin-left:5px;}
  595.  
  596. .sb {text-align:center;}
  597.  
  598. .sb img {height:350px;width:260px;}
  599.  
  600. /* --- OFFICIAL LINKS --- */
  601.  
  602. .of_links {text-align:center;}
  603.  
  604. .of_links a {
  605. display:block;
  606. text-align:center;
  607. text-transform:lowercase;
  608. font-style:italic;
  609. margin:0px 0px 15px 0px;
  610. padding:0px 10px;
  611. text-decoration:none;
  612. border:0;
  613. height:17px;
  614. background-size:0 4px, auto;
  615. background-repeat:no-repeat;
  616. background-position:center bottom;
  617. transition:all .1s ease-out;
  618. }
  619.  
  620. .of_links a:nth-of-type(2n+1) {background-image:linear-gradient({color:Accent One}, {color:Accent One}), linear-gradient(transparent, transparent);}
  621.  
  622. .of_links a:nth-of-type(2n+2) {background-image:linear-gradient({color:Accent Two}, {color:Accent Two}), linear-gradient(transparent, transparent);}
  623.  
  624. .of_links a:hover {background-size:100% 4px, auto;}
  625.  
  626. /* --- UPCOMING EVENTS --- */
  627.  
  628. .events {margin-bottom:30px;line-height:200%;}
  629.  
  630. .events:last-of-type {margin-bottom:0px;}
  631.  
  632. .events b {
  633. display:inline-block;
  634. background:{color:Accent One};
  635. color:{color:Content};
  636. font-weight:400;
  637. text-transform:uppercase;
  638. font-size:calc(9pt - 1pt);
  639. padding:2px 5px 2px 6px;
  640. vertical-align:middle;
  641. margin-right:3px;
  642. }
  643.  
  644. /* --- LATEST PHOTOS --- */
  645.  
  646. .side_latest {
  647. margin:0 auto;
  648. text-align:center;
  649. }
  650.  
  651. .latest a {border:0px;text-decoration:none;}
  652.  
  653. .latest h1 {
  654. font-family: 'Josefin Sans', sans-serif;
  655. font-size:calc(9pt + 6pt);
  656. font-weight:300;
  657. text-align:center;
  658. text-transform:uppercase;
  659. margin:0px 0px 15px 0px;
  660. }
  661.  
  662.  
  663.  
  664. .ji-tumblr-photos_side img {
  665. height:50px;
  666. width:50px;
  667. opacity:1;
  668. border:1px solid {color:Content};
  669. padding:4px;
  670. margin:0px 5px 10px 5px!important;
  671. transition:0.2s ease-in-out;
  672. -webkit-transition:0.2s ease-in-out;
  673. -moz-transition:0.2s ease-in-out;
  674. }
  675.  
  676. .ji-tumblr-photos_side img:hover {border:1px solid {color:Text};}
  677.  
  678. /* --- PROJECTS --- */
  679.  
  680. .projects {text-align:left;margin-bottom:30px;}
  681.  
  682. .projects:last-of-type {margin-bottom:0px;}
  683.  
  684. .projects img {
  685. width:260px;
  686. height:150px;
  687. margin:0px 0px 15px 0px;
  688. }
  689.  
  690. .projects b {
  691. position:relative;
  692. top:-4px;
  693. display:inline-block;
  694. background:{color:Accent One};
  695. color:{color:Content};
  696. font-weight:400;
  697. padding:2px 1px 2px 1px;
  698. line-height:11pt;
  699. text-transform:uppercase;
  700. }
  701.  
  702. .projects i {position:relative;top:-4px;font-weight:400;text-transform:uppercase;font-style:normal;}
  703.  
  704. .projects em {font-weight:400;}
  705.  
  706. .projects u {color:{color:Accent Two};text-decoration:none;border:0;font-weight:700;}
  707.  
  708. .projects p {width:240px;margin:4px 0px 0px 15px;border-left:1px solid {color:Text};padding-left:10px;}
  709.  
  710. /* --- MEMBERS --- */
  711.  
  712. .member {text-align:left;margin-bottom:15px;}
  713.  
  714. .member:last-of-type {margin-bottom:0px;}
  715.  
  716. .memberavatar {display:inline-block;vertical-align:middle;}
  717.  
  718. .memberavatar img {height:40px;width:40px;border-radius:50%;}
  719.  
  720. .names {
  721. position:relative;
  722. top:5px;
  723. display:inline-block;
  724. margin:0px 0px 0px 0px;
  725. padding-left:5px;
  726. }
  727.  
  728. a.membername:link, a.membername:visited, a.membername:hover {text-transform:uppercase;text-transform:uppercase;}
  729.  
  730. .membertitle {font-size:calc(9pt - 2pt);text-transform:lowercase;margin-top:-7px;}
  731.  
  732. /* --- AFFILIATES --- */
  733.  
  734. .affiliates {text-align:center;}
  735.  
  736. .affiliates img {height:50px;width:50px;margin:0px 3px 5px 2px!important;}
  737.  
  738. /* --- ABOUT ---- */
  739.  
  740. ul.about {margin-left:-40px;list-style-type:none;text-align:left;}
  741.  
  742. .about li {padding:5px 0px;}
  743. .about li:first-of-type {padding-top:0;}
  744. .about li:last-of-type {padding-bottom:0;}
  745.  
  746. /* ---- POSTS ---- */
  747.  
  748. .posts {
  749. float:right;
  750. margin:40px 20px 0px 0px;
  751. width:calc(540px + 40px);
  752. background:{color:Container};
  753. }
  754.  
  755. .iposts {
  756. width:540px;
  757. padding:10px 20px;
  758. background:#fff;
  759. }
  760.  
  761. .iposts_cont {margin-bottom:80px;}
  762.  
  763. .iposts_cont:last-child {margin-top:0px!important;}
  764.  
  765. .ipostpxu {width:calc(540px - 2px);}
  766.  
  767. .stphoto img {max-width:100%;}
  768.  
  769. iframe, img, embed, object, video {max-width:100%;}
  770.  
  771. iframe {margin:0px;}
  772.  
  773. iframe.tumblr_audio_player {margin:0px 0px;!important}
  774.  
  775. .textpost img {max-width:100%;height:auto;}
  776.  
  777. img {border:0;max-width:100%;height:auto}
  778.  
  779. .video {overflow:hidden;width:calc(540px - 2px);margin:0px!important;}
  780.  
  781. .vine-embed,#youtube_iframe {width:540px;}
  782.  
  783. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  784. .video {padding-bottom:1px;}
  785. .video {padding:1px;}
  786.  
  787. .caption {width:calc(540px - 20px);margin-left:10px;}
  788.  
  789. /* ---- POST INFO ---- */
  790.  
  791. .postinfo {padding:20px 20px 10px 20px;height:20px;background:{color:Content};}
  792.  
  793. .post_date {
  794. float:left;
  795. font-family: 'Josefin Sans', sans-serif;
  796. font-size:calc(9pt + 1pt);
  797. font-weight:400;
  798. text-align:center;
  799. letter-spacing:2px;
  800. text-transform:uppercase;
  801. text-align:left;
  802. }
  803.  
  804. .post_date a {display:inline-block;padding:2px 5px;}
  805.  
  806. .post_src {
  807. float:right;
  808. font-family: 'Josefin Sans', sans-serif;
  809. font-size:calc(9pt + 1pt);
  810. font-weight:400;
  811. text-align:center;
  812. letter-spacing:2px;
  813. text-transform:uppercase;
  814. text-align:right;
  815. margin-right:3px;
  816. }
  817.  
  818. .post_src a {display:inline-block;padding:2px 0px;}
  819.  
  820. /* ---- POST CAP ---- */
  821.  
  822. .postdet {padding:10px 20px 10px 20px;background:{color:Content};border-top:1px solid {color:Accent Gray};}
  823.  
  824. .post_notes {
  825. display:inline-block;
  826. font-family: 'Josefin Sans', sans-serif;
  827. font-size:calc(9pt + 1pt);
  828. font-weight:400;
  829. letter-spacing:2px;
  830. text-transform:uppercase;
  831. text-align:left;
  832. margin-right:10px;
  833. }
  834.  
  835. .post_notes a {display:inline-block;padding:4px 5px 1px 4px;background:{color:Accent Two};color:{color:Content};}
  836.  
  837. .post_author {
  838. display:inline-block;
  839. font-family: 'Josefin Sans', sans-serif;
  840. font-size:calc(9pt + 1pt);
  841. font-weight:400;
  842. letter-spacing:2px;
  843. text-transform:uppercase;
  844. text-align:left;
  845. }
  846.  
  847. .post_author a {display:inline-block;padding:3px 5px 1px 4px;}
  848.  
  849. /* --- POST CONTROL --- */
  850.  
  851. .postcontrol {
  852. position:relative;
  853. float:right;
  854. top:4.5px;
  855. margin-right:-7px;
  856. text-align:right;
  857. width:40px;
  858. overflow:hidden;
  859. text-align:center;
  860. }
  861.  
  862. .postcontrol i {
  863. padding:0px;
  864. display:block;
  865. overflow:hidden;
  866. color:{color:Text};
  867. font-size:calc(9pt + 1pt);
  868. }
  869.  
  870. .postcontrol a {display:inline-block;}
  871.  
  872. .postcontrol .reblog {margin:0px 6px 0px 0px;}
  873.  
  874. .postcontrol .like .liked + i {opacity:1;}
  875.  
  876. .postcontrol .like .liked + i {color:{color:Accent Two};}
  877.  
  878. @-webkit-keyframes like {50% {-webkit-transform: scale(1.3);transform: scale(1.3);}}
  879.  
  880. @keyframes like {50% {-webkit-transform: scale(1.3);transform: scale(1.3);}}
  881.  
  882. .like {position:relative;top:-1px;display:inline-block;vertical-align:middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
  883.  
  884. .postcontrol .like .like_button {position:relative;}
  885.  
  886. .postcontrol .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  887.  
  888. /* --- POST TAGS --- */
  889.  
  890. .posttags {
  891. padding:0px 20px 20px 20px;
  892. font-size:calc(9pt - 1.5pt);
  893. font-weight:300;
  894. text-align:left;
  895. text-transform:uppercase;
  896. background:{color:Content};
  897. }
  898.  
  899. .posttags a {margin-right:8px;opacity:0.7;}
  900.  
  901. .posttags a:hover {margin-right:8px;opacity:1;}
  902.  
  903. /* --- POST STYLES --- */
  904.  
  905. h1, h2, h3 {
  906. font-family: 'Josefin Sans', sans-serif;
  907. font-size:calc(9pt + 6pt);
  908. font-weight:300;
  909. text-align:left;
  910. text-transform:uppercase;
  911. letter-spacing:2px;
  912. margin:0px 0px -5px 0px;
  913. }
  914.  
  915. h3 {line-height:170%;margin-bottom:10px;font-size:calc(9pt + 3pt);font-weight:300;text-align:left;text-transform:uppercase;letter-spacing:-1px;}
  916.  
  917. blockquote {
  918. margin:5px 0px 5px 20px;
  919. padding:10px 15px;
  920. text-decoration:none;
  921. background:{color:Accent Gray};
  922. }
  923.  
  924. blockquote img {
  925. max-width:100%;
  926. display:block;
  927. margin-bottom:5px;
  928. }
  929.  
  930. .chat {text-align:left;text-transform:uppercase;width:440px;}
  931.  
  932. ul.chat {margin-left:0px;}
  933.  
  934. .chat li {list-style-type:none;}
  935.  
  936. .chat li {padding:10px;}
  937.  
  938. .chat li:first {margin:0!important;padding-top:0px!important;border:0px!important;}
  939.  
  940. .chat li:last {margin:0!important;padding-bottom:0px!important;border:0px!important;}
  941.  
  942. .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;}
  943.  
  944. .linkpost {margin:0;}
  945.  
  946. .linkthumb {padding:5px 0px;}
  947.  
  948. .linkpost h2 {margin:0px 0px -5px 0px;}
  949.  
  950. .linkpost i {color:{color:Text};}
  951.  
  952. /* --- AUDIO POSTS --- */
  953.  
  954. .audio {
  955. height:70px;
  956. padding:21px 10px 0px 10px;
  957. border:1px solid #ebebeb;
  958. background:{color:Content};
  959. }
  960.  
  961. .button {
  962. position:relative;
  963. width:30px;
  964. height:30px;
  965. overflow:hidden;
  966. margin:10px 9px 8px 9px;
  967. z-index:3;
  968. }
  969.  
  970. .audiobox {
  971. float:left;
  972. margin:0px;
  973. border-radius:50%;
  974. background-color:#f2f2f2;
  975. z-index:2;
  976. }
  977.  
  978. .audioinfo {width:calc(100% - 100px - 91px);display:inline-block;text-transform:lowercase;padding:7px 0px 0px 30px;color:{color:Accent Two};}
  979.  
  980. .audioinfo h1 {font-weight:bold;margin:0px 0px -20px 0px;font-size:calc(9pt + 2pt);color:{color:Text};}
  981.  
  982. .albumart {float:right;position:relative;height:71px;width:71px;}
  983.  
  984. .albumart img {width:71;height:auto;margin-top:-11px;}
  985.  
  986. .spotify_audio_player {height:80px!important;}
  987.  
  988. /* --- QUESTIONS ---*/
  989.  
  990. .asker {text-align:left;padding:10px 10px 5px 10px;background:{color:Container};}
  991.  
  992. .askeravatar {text-align:center;display:inline-block;vertical-align:middle;margin-right:10px;}
  993.  
  994. .askeravatar img {height:30px;width:30px;}
  995.  
  996. .askername {display:inline-block;text-align:left;}
  997.  
  998. .askername a {padding:0px!important;}
  999.  
  1000. .question {text-align:center;padding:0px 10px 15px 10px;background:{color:Accent Gray}};}
  1001.  
  1002. /* --- PAGINATION --- */
  1003.  
  1004. .pagination {margin:50px 0px;height:20px;padding:10px 10px 30px 10px;text-transform:uppercase;}
  1005.  
  1006. .pagi_prev {float:left;text-align:left;margin-left:50px;}
  1007.  
  1008. .pagi_next {float:right;text-align:right;margin-right:50px;}
  1009.  
  1010. .pagi_prev, .pagi_next {
  1011. width:100px;
  1012. font-family: 'Josefin Sans', sans-serif;
  1013. font-size:calc(9pt + 1pt);
  1014. font-weight:400;
  1015. letter-spacing:2px;
  1016. text-transform:uppercase;
  1017. padding:10px;
  1018. }
  1019.  
  1020. /* --- LIGHTBOXES ---*/
  1021.  
  1022. .vignette, #vignette {opacity:0;}
  1023.  
  1024. .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;}
  1025.  
  1026. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  1027.  
  1028. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1029.  
  1030. /* ---PERMALINK NOTES --- */
  1031.  
  1032. ol.notes {
  1033. padding:0px 10px 20px 20px;
  1034. margin:0px 0px 0px 0px;
  1035. list-style-type: none;
  1036. border-bottom: solid 0px;
  1037. letter-spacing:1px;
  1038. background:{color:Content};
  1039. width:550px;
  1040. }
  1041.  
  1042. .notes a {color:{color:Text};}
  1043. .notes a:hover {color:{color:Text};}
  1044.  
  1045. ol.notes li.note {
  1046. display:block;
  1047. border-top:solid 1px {color:Accent Gray};
  1048. padding:10px;
  1049. list-style-type:none!important;
  1050. }
  1051.  
  1052. ol.notes li.note img.avatar {
  1053. vertical-align:-4px;
  1054. margin-right:10px;
  1055. width:15px;
  1056. height:15px;
  1057. display:inline-block;
  1058. }
  1059.  
  1060. ol.notes li.note span.action {font-weight: normal;}
  1061.  
  1062. ol.notes li.note .answer_content {font-weight: normal;}
  1063.  
  1064. ol.notes li.note blockquote {border-color: {color:Text};padding: 4px 10px;margin: 10px 0px 0px 25px;}
  1065.  
  1066. ol.notes li.note blockquote a {text-decoration: none;}
  1067.  
  1068. /* --- FOOTER --- */
  1069.  
  1070. footer {
  1071. margin:0 auto;
  1072. float:left;
  1073. width:100%;
  1074. margin-top:0px;
  1075. padding:80px 0px 0px 0px;
  1076. text-align:center;
  1077. background:{color:Container};
  1078. }
  1079.  
  1080. .footer {
  1081. width:100%;
  1082. display:inline-block;
  1083. padding:20px 0px;
  1084. font-family: 'Josefin Sans', sans-serif;
  1085. font-size:calc(9pt + 1pt);
  1086. font-weight:300;
  1087. letter-spacing:2px;
  1088. text-transform:uppercase;
  1089. background:{color:Content};
  1090. color:{color:Text};
  1091. }
  1092.  
  1093. .footer a {color:{color:Text};}
  1094.  
  1095. /* --- SCROLL TO TOP --- */
  1096.  
  1097. #scrollToTop {
  1098. display:none;
  1099. position:fixed;
  1100. bottom:16px;
  1101. right:20px;
  1102. z-index:5;
  1103. }
  1104.  
  1105. #scrollToTop {
  1106. color:{color:Text};
  1107. font-size:calc(9pt + 1pt);
  1108. transition:0.2s ease-in-out;
  1109. -webkit-transition:0.2s ease-in-out;
  1110. -moz-transition:0.2s ease-in-out;
  1111. }
  1112.  
  1113. {CustomCSS}
  1114. </style>
  1115.  
  1116. </head>
  1117. <body>
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125. <!-- START TOPBAR -->
  1126. <div id="topbar" class="topbar hide">
  1127. <nav class="navigation" id="navigation">
  1128. <a class="navigation" href="/">Home</a>
  1129. <a class="navigation" href="/ask">Ask</a>
  1130. <a class="navigation" href="{text:Link One URL}">{text:Link One}</a>
  1131. <a class="navigation" href="{text:Link Two URL}">{text:Link Two}</a>
  1132. <a class="navigation" href="{text:Link Three URL}">{text:Link Three}</a>
  1133. <a class="navigation" href="{text:Link Four URL}">{text:Link Four}</a>
  1134. <a class="navigation" href="{text:Link Five URL}">{text:Link Five}</a>
  1135. <a class="navigation" href="{text:Link Six URL}">{text:Link Six}</a>
  1136. </nav>
  1137. </div>
  1138.  
  1139.  
  1140. {block:IndexPage}
  1141. <div class="tcontrols">+</div>
  1142. {/block:IndexPage}
  1143. <!-- END TOPBAR -->
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150. <!-- START HEADER -->
  1151. <div class="headertitle">
  1152. <b>{text:Header Title}</b>
  1153. <i>{text:Header Title Accent}</i>
  1154. <em>{text:Header Title Subtitle}</em>
  1155. </div>
  1156. <div class="header"></div>
  1157. <!-- END HEADER -->
  1158.  
  1159.  
  1160.  
  1161.  
  1162. <!-- START CONTAINER -->
  1163. <div class="page">
  1164. <div class="container">
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170. <!-- START WELCOME -->
  1171. <div class="welcome">
  1172. {Description}
  1173.  
  1174. </div>
  1175. <!-- END WELCOME -->
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181. <!-- START LATEST -->
  1182. {block:IfLatestPhotos}
  1183. {block:IfNotLatestPhotosonSidebar}
  1184. <div class="latest">
  1185.  
  1186. <h1>Latest Photos</h1>
  1187.  
  1188. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a><a id='ji-tumblr-url-gallery-7' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a><a id='ji-tumblr-url-gallery-8' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a><a id='ji-tumblr-url-gallery-9' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a><a id='ji-tumblr-url-gallery-10' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a><a id='ji-tumblr-url-gallery-11' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-11' src='' alt='' /></a>
  1189. </div>
  1190. <script type='text/javascript' src='https://{text:Blog Url}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1191. <script type='text/javascript'>
  1192. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1193. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1194. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1195. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1196. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1197. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1198. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1199. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1200. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1201. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1202. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1203. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1204. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1205. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1206. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1207. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1208. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1209. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1210. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1211. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1212. document.getElementById('ji-tumblr-photo-gallery-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1213. document.getElementById('ji-tumblr-url-gallery-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1214. </script>
  1215. </div>
  1216. {/block:IfNotLatestPhotosonSidebar}
  1217. {/block:IfLatestPhotos}
  1218. <!-- END LATEST -->
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227.  
  1228.  
  1229.  
  1230.  
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239. <!-- START LEFT SIDEBAR -->
  1240. <div class="sidebar_left">
  1241.  
  1242.  
  1243.  
  1244.  
  1245.  
  1246.  
  1247.  
  1248. <!-- SIDEBAR: Sidebar Image -->
  1249. {block:IfSidebarImage}
  1250. <div class="side">
  1251. <div class="sb"><img src="{image:Sidebar}" /></div>
  1252. </div>
  1253. {/block:IfSidebarImage}
  1254. <!-- SIDEBAR: Sidebar Image -->
  1255.  
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- SIDEBAR: Official Links -->
  1263. {block:IfOfficialLinks}
  1264. <div class="side">
  1265. <div class="sidetitles">Official Links</div>
  1266. <div class="of_links">
  1267. <center>
  1268.  
  1269. <table width="80%" cellpadding="1" cellspacing="0" border="0">
  1270. <tr><td width="35%" valign="top">
  1271.  
  1272. <a href="{text:Website}">Website</a>
  1273. <a href="{text:Twitter}">Twitter</a>
  1274. <a href="{text:Instagram}">Instagram</a>
  1275.  
  1276. </td><td><td width="35%" valign="top">
  1277.  
  1278. <a href="{text:Tumblr}">Tumblr</a>
  1279. <a href="{text:Facebook}">Facebook</a>
  1280. <a href="{text:Youtube}">Youtube</a>
  1281.  
  1282. </td></tr></table>
  1283.  
  1284. </center>
  1285. </div>
  1286. </div>
  1287. {/block:IfOfficialLinks}
  1288. <!-- SIDEBAR: Official Links -->
  1289.  
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298. <!-- SIDEBAR: Projects -->
  1299. {block:IfProjects}
  1300. <div class="side">
  1301. <div class="sidetitles">Projects</div>
  1302.  
  1303.  
  1304. <!-- EDIT PROJECTS HERE-->
  1305.  
  1306. <!---
  1307.  
  1308. 1. To add more projects, copy one section from "Start Projects" to "End Projects" and paste it after the last project block
  1309.  
  1310. 2. To change the photo, use a 230X600 px image of your choice, adding it under "PROJECT IMAGE"
  1311.  
  1312. 3. To change the project title, edit between the <b> and </b>
  1313.  
  1314. 4. To change the second title (Release Date) edit between the <i> and </i<\>
  1315.  
  1316. 5. To change the name and character, edit between the <em> and </em> along with the <u> and </u>
  1317.  
  1318. 6. To change the project details, replace the lorem ipsum placeholder text with your details
  1319.  
  1320.  
  1321. ----->
  1322.  
  1323. <!--------------- START PROJECTS BELOW --------------->
  1324.  
  1325.  
  1326.  
  1327.  
  1328. <!-- Start Projects -->
  1329. <div class="projects">
  1330. <!-- Project Image -->
  1331. <img src="{image:Projects}" />
  1332. <b>Project Name</b>
  1333. <i>Release Date</i>
  1334. <br>
  1335. <em>Name</em> as <u>Character</u>
  1336. <p>
  1337. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac.
  1338. </p>
  1339. </div>
  1340. <!-- End Projects -->
  1341.  
  1342.  
  1343.  
  1344.  
  1345.  
  1346. <!-- Start Projects -->
  1347. <div class="projects">
  1348. <!-- Project Image -->
  1349. <img src="{image:Projects}" />
  1350. <b>Project Name</b>
  1351. <i>Release Date</i>
  1352. <br>
  1353. <em>Name</em> as <u>Character</u>
  1354. <p>
  1355. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac.
  1356. </p>
  1357. </div>
  1358. <!-- End Projects -->
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365. </div>
  1366. {/block:IfProjects}
  1367. <!-- SIDEBAR: Projects -->
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375. <!-- SIDEBAR: Upcoming Events -->
  1376. {block:IfEvents}
  1377. <div class="side">
  1378. <div class="sidetitles">Upcoming Events</div>
  1379. <!-- EDIT UPCOMING EVENTS HERE-->
  1380.  
  1381. <!---
  1382.  
  1383. 1. To add more dates, copy one section from "Start Event" to "End Event" and paste it after the last schedule block
  1384.  
  1385. 2. To change the date, replace "Date" with your date
  1386.  
  1387. 3. To change the event info, replace the lorem ipsum placeholder text with your detials
  1388.  
  1389.  
  1390. ----->
  1391.  
  1392. <!--------------- START UPCOMING EVENTS BELOW --------------->
  1393.  
  1394.  
  1395. <!-- Start Event -->
  1396. <div class="events">
  1397. <b>Date</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  1398. </div>
  1399. <!-- End Event -->
  1400.  
  1401.  
  1402. <!-- Start Event -->
  1403. <div class="events">
  1404. <b>January 25, 2020</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  1405. </div>
  1406. <!-- End Event -->
  1407.  
  1408.  
  1409. <!-- Start Event -->
  1410. <div class="events">
  1411. <b>January 25, 2020</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  1412. </div>
  1413. <!-- End Event -->
  1414.  
  1415.  
  1416. </div>
  1417. {/block:IfEvents}
  1418. <!-- SIDEBAR: Upcoming Events -->
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.  
  1425. </div>
  1426. <!-- END LEFT SIDEBAR -->
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459. <!-- START RIGHT SIDEBAR -->
  1460. <div class="sidebar_right">
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466. <!-- SIDEBAR: Latest Photos -->
  1467. {block:IfLatestPhotos}
  1468. {block:IfLatestPhotosonSidebar}
  1469. <div class="side">
  1470. <div class="sidetitles">Latest Photos</div>
  1471. <div class="latest_photos">
  1472.  
  1473. <div class="side_latest">
  1474.  
  1475. <div class='ji-tumblr-photos_side'>
  1476. <a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a><a id='ji-tumblr-url-gallery-7' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a><a id='ji-tumblr-url-gallery-8' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a><a id='ji-tumblr-url-gallery-9' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a><a id='ji-tumblr-url-gallery-10' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a><a id='ji-tumblr-url-gallery-11' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-11' src='' alt='' /></a><a id='ji-tumblr-url-gallery-12' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-12' src='' alt='' /></a><a id='ji-tumblr-url-gallery-13' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-13' src='' alt='' /></a><a id='ji-tumblr-url-gallery-14' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-14' src='' alt='' /></a><a id='ji-tumblr-url-gallery-15' href=''><img border='0' style='margin:2px' id='ji-tumblr-photo-gallery-15' src='' alt='' /></a>
  1477. </div>
  1478. <script type='text/javascript' src='https://{text:Blog Url}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1479. <script type='text/javascript'>
  1480. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1481. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1482. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1483. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1484. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1485. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1486. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1487. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1488. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1489. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1490. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1491. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1492. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1493. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1494. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1495. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1496. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1497. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1498. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1499. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1500. document.getElementById('ji-tumblr-photo-gallery-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1501. document.getElementById('ji-tumblr-url-gallery-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1502. document.getElementById('ji-tumblr-photo-gallery-12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-75']);
  1503. document.getElementById('ji-tumblr-url-gallery-12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1504. document.getElementById('ji-tumblr-photo-gallery-13').setAttribute('src', tumblr_api_read.posts[12]['photo-url-75']);
  1505. document.getElementById('ji-tumblr-url-gallery-13').setAttribute('href', tumblr_api_read.posts[12]['url-with-slug']);
  1506. document.getElementById('ji-tumblr-photo-gallery-14').setAttribute('src', tumblr_api_read.posts[13]['photo-url-75']);
  1507. document.getElementById('ji-tumblr-url-gallery-14').setAttribute('href', tumblr_api_read.posts[13]['url-with-slug']);
  1508. document.getElementById('ji-tumblr-photo-gallery-15').setAttribute('src', tumblr_api_read.posts[14]['photo-url-75']);
  1509. document.getElementById('ji-tumblr-url-gallery-15').setAttribute('href', tumblr_api_read.posts[14]['url-with-slug']);
  1510. </script>
  1511. </div>
  1512.  
  1513. </div>
  1514. </div>
  1515. {/block:IfLatestPhotosonSidebar}
  1516. {/block:IfLatestPhotos}
  1517. <!-- SIDEBAR: Latest Photos -->
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.  
  1525.  
  1526.  
  1527. <!-- SIDEBAR: Twitter -->
  1528. {block:IfTwitterFeed}
  1529. <div class="side">
  1530. <div class="sidetitles">Twitter</div>
  1531. <center>
  1532. <!-- START TWITTER WIDGET -->
  1533. <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>
  1534. <!-- END TWITTER WIDGET -->
  1535. </center>
  1536. </div>
  1537. {/block:IfTwitterFeed}
  1538. <!-- SIDEBAR: Twitter -->
  1539.  
  1540.  
  1541.  
  1542.  
  1543. <!-- SIDEBAR: Members -->
  1544. {block:IfMembers}
  1545. <div class="side">
  1546. <div class="sidetitles">Members</div>
  1547.  
  1548. {block:GroupMembers}
  1549. {block:GroupMember}
  1550. <div class="member">
  1551. <div class="memberavatar">
  1552. <img src="{GroupMemberPortraitURL-48}">
  1553. </div>
  1554. <div class="names">
  1555. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1556. <div class="membertitle"><a href="{GroupMemberURL}">{GroupMemberTitle}</a></div>
  1557. </div>
  1558. </div>
  1559. {/block:GroupMember}
  1560. {/block:GroupMembers}
  1561.  
  1562. </div>
  1563. {/block:IfMembers}
  1564. <!-- SIDEBAR: Members -->
  1565.  
  1566.  
  1567.  
  1568.  
  1569. <!-- SIDEBAR: Extra Table -->
  1570. {block:IfExtraSection}
  1571. <div class="side">
  1572. <div class="sidetitles">{text:Extra Section Title}</div>
  1573.  
  1574. {text:Extra Section Content}
  1575.  
  1576. </div>
  1577. {/block:IfExtraSection}
  1578. <!-- SIDEBAR: Extra Table -->
  1579.  
  1580.  
  1581.  
  1582.  
  1583. <!-- SIDEBAR: Affiliates -->
  1584. {block:IfAffiliates}
  1585. <div class="side">
  1586. <div class="sidetitles">Affiliates</div>
  1587. <div class="affiliates">
  1588.  
  1589. <!-- EDIT AFFILIATES HERE-->
  1590.  
  1591. <!---
  1592.  
  1593. 1. To edit the affilaites images, add your 50X50 image after the "img src="...." meta
  1594.  
  1595. 2. To change the url, paste the relevant url in place of the "#"
  1596.  
  1597. 3. To change the tooltip title hover, add the affilaites blog name in place of "blog name"
  1598.  
  1599.  
  1600. ----->
  1601.  
  1602. <!--------------- START AFFILIATES BELOW --------------->
  1603.  
  1604.  
  1605. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1606. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1607. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1608. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1609. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1610. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1611.  
  1612. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1613. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1614. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1615. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1616. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1617. <a title="blog name" href="#"><img src="https://placehold.it/50X50"/></a>
  1618.  
  1619. </div>
  1620. </div>
  1621. {/block:IfAffiliates}
  1622. <!-- SIDEBAR: Affiliates -->
  1623.  
  1624.  
  1625.  
  1626.  
  1627.  
  1628.  
  1629.  
  1630. <!-- SIDEBAR: Site Info -->
  1631. {/block:IfSiteInfo}
  1632. <div class="side">
  1633. <div class="sidetitles">Site Info</div>
  1634.  
  1635. <ul class="about">
  1636.  
  1637. <li><b>About:</b> lili reinhart </li>
  1638.  
  1639. <li><b>Established:</b> 2020</li>
  1640.  
  1641. <li><b>Admin:</b> <a href="#">blogname</a></li>
  1642.  
  1643. <li><b>Online Hits:</b> </li>
  1644.  
  1645. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  1646.  
  1647. </ul>
  1648.  
  1649. </div>
  1650. {/block:IfSiteInfo}
  1651. <!-- SIDEBAR: Site Info -->
  1652.  
  1653.  
  1654.  
  1655.  
  1656. <!-- SIDEBAR: Disclaimer -->
  1657. {block:IfDisclaimer}
  1658. <div class="side">
  1659. <div class="sidetitles">Disclaimer</div>
  1660. <div class="disclaimer">
  1661.  
  1662. Our site claims no credit for any videos or photos 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.
  1663.  
  1664. </div>
  1665. </div>
  1666. {/block:IfDisclaimer}
  1667. <!-- SIDEBAR: Disclaimer -->
  1668.  
  1669.  
  1670.  
  1671.  
  1672.  
  1673.  
  1674. </div>
  1675. <!-- END RIGHT SIDEBAR -->
  1676.  
  1677.  
  1678.  
  1679.  
  1680.  
  1681.  
  1682.  
  1683.  
  1684.  
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696.  
  1697. <!-- START POSTS -->
  1698. <div class="posts">
  1699. {block:Posts}
  1700. <div class="iposts_cont">
  1701.  
  1702.  
  1703. <!-- START POST INFO -->
  1704. <div class="postinfo">
  1705.  
  1706. {block:Date}<div class="post_date"><a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a></div>{/block:Date}
  1707.  
  1708. {block:Date}{block:RebloggedFrom}<div class="post_src"><a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}&nbsp;•&nbsp;<a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:Date}
  1709.  
  1710. </div>
  1711. <!-- END POST INFO -->
  1712.  
  1713.  
  1714. <!-- Post Styles Start -->
  1715. <div class="iposts" id="{PostID}">
  1716. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1717.  
  1718. {block:Link}
  1719. <div class="linkpost">
  1720. {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>
  1721. </div>
  1722. {/block:Link}
  1723.  
  1724. {block:Quote}<h3>{Quote}</h3><div class="caption">-{Source}</div>{/block:Quote}
  1725.  
  1726. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1727. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1728.  
  1729. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1730. <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>
  1731. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1732.  
  1733. {block:Chat}
  1734. <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>
  1735. {/block:Chat}
  1736.  
  1737. {block:Audio}
  1738. <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1739.  
  1740. {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1741.  
  1742. {block:Answer}<div class="asker"><div class="askeravatar"><img src="{AskerPortraitURL-64}" /></div><div class="askername">{Asker} asked:</div></div>
  1743. <div class="question">{Question}</div>{Answer}{/block:Answer}
  1744.  
  1745. </div>
  1746. <!-- POST STYLES END -->
  1747.  
  1748.  
  1749.  
  1750. <!-- START POST CAP -->
  1751. <div class="postdet">
  1752. {block:Date}{block:NoteCount}<div class="post_notes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}{block:IfPostAuthor}<div class="post_author">posted by<a href="{PostAuthorURL}">{PostAuthorName}</a></div>{/block:IfPostAuthor}{/block:Date}
  1753.  
  1754. {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}
  1755. </div>
  1756. <!-- END POST CAP -->
  1757.  
  1758.  
  1759. <!-- POST TAGS START -->
  1760. {block:HasTags}<div class="posttags">
  1761. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1762. </div>{/block:HasTags}
  1763. <!-- POST TAGS END -->
  1764.  
  1765.  
  1766. <!-- PERMALINK NOTES -->
  1767. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1768.  
  1769. </div>
  1770. {/block:Posts}
  1771.  
  1772.  
  1773. <!-- START PAGINATION -->
  1774. {block:IndexPage}
  1775. {block:Pagination}
  1776. <div class="pagination">
  1777.  
  1778. <div class="pagi_prev">
  1779. {block:PreviousPage}
  1780. <a href="{PreviousPage}">prev</a>
  1781. {/block:PreviousPage}
  1782. </div>
  1783.  
  1784.  
  1785. <div class="pagi_next">
  1786. {block:NextPage}
  1787. <a class="next" href="{NextPage}">next</a>
  1788. {/block:NextPage}
  1789. </div>
  1790. </div>
  1791.  
  1792. {/block:Pagination}
  1793. {/block:IndexPage}
  1794. <!-- END PAGINATION -->
  1795.  
  1796. </div>
  1797. <!-- END POSTS -->
  1798.  
  1799.  
  1800.  
  1801.  
  1802.  
  1803.  
  1804.  
  1805.  
  1806.  
  1807.  
  1808.  
  1809.  
  1810.  
  1811.  
  1812.  
  1813.  
  1814.  
  1815.  
  1816.  
  1817.  
  1818.  
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825. <div id="end"></div>
  1826.  
  1827. <!-- START FOOTER -->
  1828. <footer>
  1829. <div class="footer">
  1830. © 2020 {text:Blog URL}.tumblr.com • theme by <a href="https://ethereal-themes.tumblr.com">etherealthemes</a>
  1831. </div>
  1832. </footer>
  1833. <!-- END FOOTER -->
  1834.  
  1835. </div>
  1836. </div>
  1837. <!-- END CONTAINER -->
  1838.  
  1839.  
  1840.  
  1841.  
  1842.  
  1843.  
  1844. <!-- ADDITIONAL SCRIPTS -->
  1845.  
  1846. <script>
  1847. myID = document.getElementById("topbar");
  1848.  
  1849. var myScrollFunc = function () {
  1850. var y = window.scrollY;
  1851. if (y >= 520) {
  1852. myID.className = "topbar show"
  1853. } else {
  1854. myID.className = "topbar hide"
  1855. }
  1856. };
  1857.  
  1858. window.addEventListener("scroll", myScrollFunc);
  1859. </script>
  1860.  
  1861. {block:IndexPage}
  1862. <script>
  1863. $(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")}})});
  1864. </script>
  1865.  
  1866. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  1867. {/block:IndexPage}
  1868.  
  1869. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1870. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1871.  
  1872. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1873.  
  1874. <script>
  1875. $(document).ready(function(){
  1876. $('.photo-slideshow').pxuPhotoset({
  1877. lightbox: true,
  1878. rounded: false,
  1879. gutter: '0px',
  1880. borderRadius: '0px',
  1881. photoset: '.photo-slideshow',
  1882. photoWrap: '.photo-data',
  1883. photo: '.pxu-photo'
  1884. });
  1885. });
  1886. </script>
  1887.  
  1888. </body></html>
  1889.  
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!