API tools faq
paste
Advertisement
cvndythemes

CERES

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