API tools faq
paste
Advertisement
cvndythemes

Sol: Modified Latest Photos

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