API tools faq
paste
Advertisement
cvndythemes

POMONA

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