API tools faq
paste
Advertisement
cvndythemes

VENUS

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