API tools faq
paste
Advertisement
cvndythemes

SATURN

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