API tools faq
paste
cvndythemes

theme #01

cvndythemes
May 30th, 2018
1,349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--
  14.  
  15. >> ETHEREAL THEMES // PERSONAL THEME #001
  16.  
  17. Designed by etherealthemes
  18. etherealthemes.tumblr.com
  19. ⓒ 2016 - 2018
  20.  
  21. >> TERMS OF USE
  22.  
  23. Do NOT remove the credit
  24. Do NOT claim as your own
  25.  
  26. *You can move the credit, but leave it visible
  27. *Edit as much as you'd like
  28. *Feel free to ask about basic customization
  29. *Theme suggestions always welcomed
  30.  
  31. >> CREDITS
  32.  
  33. PXU Photosets by @shythemes
  34.  
  35. -->
  36.  
  37.  
  38.  
  39. <!-- Colors -->
  40. <meta name="color:Background" content="#ffffff" />
  41. <meta name="color:Text" content="#000000" />
  42. <meta name="color:Links" content="#888888" />
  43. <meta name="color:Sidebar Text" content="#000000" />
  44. <meta name="color:Scrollbar" content="#cccccc" />
  45. <meta name="color:Accent" content="#f05c94" />
  46.  
  47.  
  48.  
  49.  
  50. <!-- IMAGES -->
  51. <meta name="image:Sidebar Image One" content="https://placehold.it/275X160"/>
  52.  
  53. <meta name="image:Sidebar Image Two" content="https://placehold.it/275X160"/>
  54. <meta name="image:Sidebar Image Three" content="https://placehold.it/275X160"/>
  55.  
  56.  
  57.  
  58.  
  59. <!-- TEXT -->
  60. <meta name="text:Link One" content=""/>
  61. <meta name="text:Link 1 URL" content=""/>
  62. <meta name="text:Link Two" content=""/>
  63. <meta name="text:Link 2 URL" content=""/>
  64. <meta name="text:Link Three" content=""/>
  65. <meta name="text:Link 3 URL" content=""/>
  66. <meta name="text:Link Four" content=""/>
  67. <meta name="text:Link 4 URL" content=""/>
  68. <meta name="text:Link Five" content=""/>
  69. <meta name="text:Link 5 URL" content=""/>
  70. <meta name="text:Link Six" content=""/>
  71. <meta name="text:Link 6 URL" content=""/>
  72. <meta name="text:Link Seven" content=""/>
  73. <meta name="text:Link 7 URL" content=""/>
  74.  
  75.  
  76.  
  77.  
  78.  
  79. <!-- SELECT -->
  80. <meta name="select:Post Padding" content="25px" title="Small">
  81. <meta name="select:Post Padding" content="50px" title="Medium">
  82. <meta name="select:Post Padding" content="75px" title="Large">
  83.  
  84. <meta name="select:Sidebar Padding" content="25px" title="Small">
  85. <meta name="select:Sidebar Padding" content="50px" title="Medium">
  86. <meta name="select:Sidebar Padding" content="75px" title="Large">
  87.  
  88. <meta name="select:Font Size" content="9px" title="Small">
  89. <meta name="select:Font Size" content="10px" title="Default">
  90. <meta name="select:Font Size" content="11px" title="Medium">
  91. <meta name="select:Font Size" content="12px" title="Large">
  92.  
  93. <meta name="select:Font Style" content="normal" title="Normal">
  94. <meta name="select:Font Style" content="italic" title="Italic">
  95.  
  96. <meta name="select:Post Size" content="250px" title="250">
  97. <meta name="select:Post Size" content="300px" title="300">
  98. <meta name="select:Post Size" content="350px" title="350">
  99. <meta name="select:Post Size" content="400px" title="400">
  100. <meta name="select:Post Size" content="450px" title="450">
  101. <meta name="select:Post Size" content="500px" title="500">
  102. <meta name="select:Post Size" content="540px" title="540">
  103.  
  104. <meta name="select:Post Margin" content="50px" title="Small">
  105. <meta name="select:Post Margin" content="75px" title="Medium">
  106. <meta name="select:Post Margin" content="125px" title="Large">
  107.  
  108. <meta name="select:Photoset Margin" content="1px" title="Tiny">
  109. <meta name="select:Photoset Margin" content="2px" title="Small">
  110. <meta name="select:Photoset Margin" content="3px" title="Medium">
  111. <meta name="select:Photoset Margin" content="5px" title="Default">
  112.  
  113. <meta name="select:Lightbox" content="0,0,0," title="Black">
  114. <meta name="select:Lightbox" content="255,255,255," title="White">
  115.  
  116.  
  117.  
  118.  
  119. <!-- IF -->
  120. <meta name="if:Invert Tumblr Controls" content="1"/>
  121. <meta name="if:Sidebar Right" content="1"/>
  122. <meta name="if:Sidebar Image One" content="1"/>
  123. <meta name="if:Sidebar Image Two" content="1"/>
  124. <meta name="if:Sidebar Image Three" content="1"/>
  125. <meta name="if:Updates" content="1"/>
  126. <meta name="if:Post Captions" content="1"/>
  127.  
  128.  
  129.  
  130. <!-- SCRIPTS -->
  131.  
  132. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  133.  
  134. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  135.  
  136. <script src="https://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  137.  
  138. <script>
  139. (function($){
  140. $(document).ready(function(){
  141. $("[title]").style_my_tooltips({
  142. tip_delay_time:200,
  143. tip_fade_speed:300,
  144. tip_follows_cursor:true
  145. }
  146. );
  147. });
  148. })(jQuery);
  149. </script>
  150.  
  151. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  152.  
  153. <script>
  154. $container.infinitescroll({
  155. itemSelector: '.posts',
  156. navSelector: '.pagination',
  157. nextSelector: '.pagination a',
  158. loadingImg: '',
  159. loadingText: '<em></em>',
  160. bufferPx: 2000
  161. },
  162. function( newElements ) {
  163. var $newElems = $(newElements);
  164. var $newElemsIDs = $newElems.map(function(){
  165. return this.id;
  166. }).get();
  167. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  168. });
  169. </script>
  170.  
  171. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  172.  
  173.  
  174. <!-- STYLESHEET -->
  175.  
  176. <style type="text/css">
  177.  
  178. /* --- Scrollbar ---*/
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background:{color:Scrollbar};
  182. border:3px solid {color:Background};
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. width:8px;
  187. height:6px;
  188. background:{color:Background};
  189. }
  190.  
  191. div::-webkit-scrollbar {width:8px;background-color:{color:Background};}
  192. div::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  193. div::-webkit-scrollbar-corner {background-color:{color:Background};}
  194.  
  195. /* --- TOOLTIPS ---*/
  196.  
  197. #s-m-t-tooltip {
  198. max-width:200px;
  199. margin:10px;
  200. background:{color:Background};
  201. padding:5px;
  202. line-height:100%;
  203. word-wrap:break-word;
  204. text-transform:uppercase;
  205. word-break:break-all;
  206. color:{color:Text};
  207. box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  208. z-index:99999999;
  209. }
  210.  
  211. /* --- TUMBLR TOOLS --- */
  212.  
  213. iframe.tmblr-iframe {
  214. z-index:99999999999999!important;
  215. top:5px!important;
  216. right:0!important;
  217. opacity:0;
  218. padding-right:50px;
  219. transform:scale(0.5);
  220. transform-origin:100% 0;
  221. -webkit-transform:scale(0.5);
  222. -webkit-transform-origin:100% 0;
  223. -o-transform:scale(0.5);
  224. -o-transform-origin:100% 0;
  225. -moz-transform:scale(0.5);
  226. -moz-transform-origin:100% 0;
  227. -ms-transform:scale(0.5);
  228. -ms-transform-origin:100% 0;
  229. {block:InvertTumblrControls}
  230. filter:invert(1);
  231. -webkit-filter:invert(1);
  232. -o-filter:invert(1);
  233. -moz-filter:invert(1);
  234. -ms-filter:invert(1);
  235. {/block:InvertTumblrControls}
  236. transition:0.3s ease-in-out;
  237. -webkit-transition:0.3s ease-in-out;
  238. -moz-transition:0.3s ease-in-out;
  239. }
  240.  
  241. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  242.  
  243.  
  244. .tcontrols {
  245. position:fixed;
  246. top:10px;
  247. right:10px;
  248. color:{color:Text};
  249. font-size:12px;
  250. z-index:999999999;
  251. transition:0.3s ease-in-out;
  252. -webkit-transition:0.3s ease-in-out;
  253. -moz-transition:0.3 ease-in-out;
  254. }
  255.  
  256. /* --- BODY --- */
  257.  
  258. body {
  259. margin:0px;
  260. padding:0px;
  261. font-family:'Open Sans', sans-serif;
  262. color:{color:Text};
  263. font-size:{select:Font Size};
  264. font-weight:400;
  265. line-height:150%;
  266. font-weight:normal;
  267. word-wrap:normal;
  268. font-style:{select:Font Style}!important;
  269. text-align:left;
  270. background:{color:Background};
  271. line-height:calc({select:Font Size} + 5px);
  272. }
  273.  
  274. a {
  275. color:{color:Links};
  276. text-decoration:none;
  277. border:0;
  278. }
  279.  
  280. .et {
  281. position:fixed;
  282. color:{color:Text};
  283. right:5px;
  284. bottom:5px;
  285. opacity:0.6;
  286. }
  287.  
  288. .et a {
  289. color:{color:Text};
  290. text-decoration:none;
  291. border:0px;
  292. }
  293.  
  294. b,strong {font-weight:700;}
  295. i,italic {font-style:italic;}
  296. small {font-size:{select:Font Size};}
  297. big {font-size:{select:Font Size};}
  298.  
  299. hr.divider, hr, hr.separator {
  300. display: block;
  301. margin-top: 0.5em;
  302. margin-bottom: 0.5em;
  303. margin-left: auto;
  304. margin-right: auto;
  305. border-style: inset;
  306. border-color:{color:Text};
  307. border-bottom: 1px;
  308. }
  309.  
  310. pre {
  311. white-space: pre-wrap;
  312. white-space: -moz-pre-wrap;
  313. white-space: -pre-wrap;
  314. white-space: -o-pre-wrap;
  315. word-wrap: break-word;
  316. }
  317.  
  318. /* --- CONTAINER ---*/
  319.  
  320. .container {
  321. margin:0 auto;
  322. width:calc({select:Post Size} + 20px + 275px + 80px + 50px);
  323.  
  324. {block:IfNotSidebarRight}
  325. padding:10px 50px 10px 10px;
  326. {/block:IfNotSidebarRight}
  327.  
  328. {block:IfSidebarRight}
  329. padding:10px 10px 10px 50px;
  330. {/block:IfSidebarRight}
  331. }
  332.  
  333. #end {clear:both;text-align:center;}
  334.  
  335. /* --- SIDEBAR ---*/
  336.  
  337. .sidebar {
  338. position:fixed;
  339.  
  340. {block:IfSidebarRight}
  341. float:right;
  342. margin-left:calc({select:Post Size} + 100px);
  343. {/block:IfSidebarRight}
  344.  
  345. {block:IfNotSidebarRight}
  346. float:left;
  347. margin-right:calc({select:Post Size} + 100px);
  348. {/block:IfNotSidebarRight}
  349.  
  350.  
  351. margin-top:{select:Sidebar Padding};
  352. width:275px;
  353. background:{color:Background};
  354. {color:Sidebar Text}
  355. text-align:center;
  356. }
  357.  
  358. /* --- SIDEBAR EXTRAS ---*/
  359.  
  360. {block:IfSidebarImage}
  361. .sidebarimg {
  362. width:275px;
  363. height:160px;
  364. margin-bottom:10px;
  365. }
  366.  
  367. .sidebarimg img {width:275px;height:160px;}
  368. {/block:IfSidebarImage}
  369.  
  370. .sidebartitle, .sidebartitle a {
  371. text-align:center;
  372. text-transform:lowercase;
  373. font-family:'Open Sans', sans-serif;
  374. font-size:{select:Font Size};
  375. text-decoration:none;
  376. margin-bottom:5px;
  377. color:{color:Sidebar Text};
  378. font-weight:600;
  379. }
  380.  
  381. .description {
  382. width:265px;
  383. font-size:{select:Font Size};
  384. margin-bottom:0px;
  385. text-align:center;
  386. text-transform:lowercase;
  387. color:{color:Sidebar Text};
  388. font-family:'Open Sans', sans-serif;
  389. text-decoration:none;
  390. padding:5px;
  391. }
  392.  
  393. .linksnav {
  394. width:255px;
  395. margin-top:3px;
  396. padding:10px;
  397. }
  398.  
  399. .linksnav a {
  400. display:block;
  401. text-align:center;
  402. text-transform:lowercase;
  403. color:{color:Sidebar Text};
  404. font-family:'Open Sans', sans-serif;
  405. text-decoration:none;
  406. font-size:{select:Font Size};
  407. padding:0px;
  408. margin:3px 0px;
  409. -webkit-transition: all 0.3s ease-in-out;
  410. -moz-transition: all 0.3s ease-in-out;
  411. -o-transition: all 0.3s ease-in-out;
  412. transition: all 0.3s ease-in-out;
  413. }
  414.  
  415. {block:IfUpdates}
  416. .updatescontainer {
  417. width:255px;
  418. margin-top:3px;
  419. padding:10px;
  420. }
  421.  
  422. .updateshover {
  423. text-align:center;
  424. opacity:0;
  425. -webkit-transition: all 0.3s ease-in-out;
  426. -moz-transition: all 0.3s ease-in-out;
  427. -o-transition: all 0.3s ease-in-out;
  428. transition: all 0.3s ease-in-out;
  429. }
  430.  
  431. .updatescontainer:hover .updateshover {opacity:1;}
  432.  
  433. .updates {
  434. width:255px;
  435. max-height:200px;
  436. overflow:scroll;
  437. padding-top:5px;
  438. text-align:center;
  439. text-transform:lowercase;
  440. color:{color:Sidebar Text};
  441. font-family:'Open Sans', sans-serif;
  442. font-size:{select:Font Size};
  443. margin:3px 0px;
  444. }
  445.  
  446. .updatesection {margin-bottom:10px;}
  447. {/block:IfUpdates}
  448.  
  449. /* --- POSTS --- */
  450.  
  451. .posts {
  452. {block:IfSidebarRight}
  453. float:left;
  454. {/block:IfSidebarRight}
  455.  
  456. {block:IfNotSidebarRight}
  457. float:right;
  458. {/block:IfNotSidebarRight}
  459.  
  460. width:calc({select:Post Size} + 20px);
  461. margin-left:0px;
  462. margin-top:calc({select:Post Padding} - 30px);
  463. padding:10px;
  464. background:{color:Background};
  465. text-transform:lowercase;
  466.  
  467. font-family:'Open Sans', sans-serif;
  468. text-decoration:none;
  469. color:{color:Text};
  470. }
  471.  
  472. .iposts {
  473. width:{select:Post Size};
  474. padding:10px;
  475. text-align:justify!important;
  476. }
  477.  
  478. .ipostpxu {
  479. margin-left:5px;
  480. width:calc({select:Post Size} - 10px);
  481. }
  482.  
  483. .ipostphoto img {
  484. max-width:{select:Post Size};
  485. }
  486.  
  487. iframe, img, embed, object, video {max-width:100%;height:auto;}
  488.  
  489. .textpost img {max-width:250px;}
  490.  
  491. img { border:0;max-width:100%;}
  492.  
  493. .postinfo {padding:5px; margin-bottom:{select:Post Margin};}
  494.  
  495. .postinfo a {color:{color:Text};}
  496.  
  497. .info {padding:5px;}
  498.  
  499. .video {overflow:hidden;}
  500. .vine-embed,#youtube_iframe {width:calc({select:Post Size} - 10px);}
  501. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  502. .video {padding-bottom:1px;}
  503. .video {padding:1px;}
  504.  
  505. /* --- POST CONTROL --- */
  506.  
  507. .postcontrol {
  508. float:right;
  509. margin-top:3px;
  510. }
  511.  
  512. .postcontrol i {
  513. color:{color:Text};
  514. height:auto;
  515. padding:1px;
  516. display:block;
  517. overflow:visible;
  518. height:auto;
  519. }
  520.  
  521. .postcontrol a {
  522. position:relative;
  523. display:inline-block;
  524. overflow:hidden;
  525. padding:0px 0px 0px 4px;
  526. }
  527.  
  528. .postcontrol .reblog {
  529. opacity:1;
  530. }
  531.  
  532. .postcontrol .reblog i {
  533. font-size:{select:Font Size};
  534. }
  535.  
  536. .reblog i {
  537. color:{color:Text};
  538. transition:0.3s ease-in-out;
  539. -webkit-transition:0.3s ease-in-out;
  540. -moz-transition:0.3s ease-in-out;
  541. }
  542.  
  543. .postcontrol .like .liked + i {
  544. color:{color:Text};
  545. opacity:1;
  546. }
  547.  
  548. .like {
  549. position:relative;
  550. top:-1px;
  551. }
  552.  
  553. .like i {
  554. color:{color:Text};
  555. font-size:calc({select:Font Size} - 1px);
  556. transition:0.3s ease-in-out;
  557. -webkit-transition:0.3s ease-in-out;
  558. -moz-transition:0.3s ease-in-out;
  559. }
  560.  
  561. .postcontrol .like .liked + i {
  562. color:{color:Accent};
  563. }
  564.  
  565. .postcontrol .like .like_button {
  566. position:relative;
  567. }
  568.  
  569. .postcontrol .like .like_button iframe {
  570. position:absolute;
  571. top:0;
  572. left:0;
  573. bottom:0;
  574. right:0;
  575. z-index:2;
  576. opacity:0.000001;
  577. }
  578.  
  579. /* --- TAGS --- */
  580.  
  581. .tags {
  582. width:{select:Post Size};
  583. text-align:center;
  584. padding-top:15px;
  585. word-wrap:break-word;
  586. text-align:center!important;
  587. }
  588.  
  589. .tags a {
  590. color:{color:Links};
  591. text-decoration:none;
  592. padding:3px;
  593. transition:0.3s ease-in-out;
  594. -webkit-transition:0.3s ease-in-out;
  595. -moz-transition:0.3s ease-in-out
  596. }
  597. .tags a:visited {color:{color:Links}; text-decoration:none;}
  598. .tags a:hover {color:{color:Text}; text-decoration:none;}
  599.  
  600. /* --- POST STYLES --- */
  601.  
  602. h1, h2 {
  603. text-align:left;
  604. text-transform:lowercase;
  605. color:{color:Text};
  606. font-family:'Open Sans', sans-serif;
  607. font-size:calc({select:Font Size} + 2px);
  608. text-decoration:none;
  609. padding-bottom:0px;
  610. margin-bottom:0px;
  611. }
  612.  
  613. blockquote {
  614. padding:10px;
  615. text-decoration:none;
  616. border-left: 1px solid {color:Text};
  617. }
  618.  
  619. blockquote img {
  620. max-width: 100%;
  621. display: block;
  622. margin-bottom:5px;
  623. }
  624.  
  625. .user_1 .label {font-weight:700;}
  626. .user_2 .label {font-weight:400;}
  627. .user_3 .label {font-weight:700;}
  628. .user_4 .label {font-weight:400;}
  629. .user_5 .label {font-weight:700;}
  630. .user_6 .label {font-weight:400;}
  631. .user_7 .label {font-weight:700;}
  632. .user_8 .label {font-weight:400;}
  633.  
  634. ul.chat {list-style:none;margin: 0px 0px 0px 0px;padding:0px;}
  635.  
  636. .chat li {
  637. list-style:none;
  638. margin:0px;
  639. padding:2px;
  640. border:none;
  641. text-align:left!important;
  642. }
  643.  
  644. .chat li:first-child {border: none;}
  645.  
  646. ul { list-style-type:upper-roman; text-align:left;}
  647. li { list-style-type:square;}
  648.  
  649. /* --- QUESTIONS --- */
  650.  
  651. .asker {width:{select:Post Size};}
  652.  
  653. .asker a {color:{color:Text};}
  654.  
  655. .asker b {font-weight:400;}
  656.  
  657. .asker img {
  658. margin:4px 5px 0px 0px;
  659. width:35px;
  660. height:35px;
  661. }
  662.  
  663. /* --- AUDIO --- */
  664.  
  665. .audio {margin:0px}
  666.  
  667. .player {
  668. position:absolute;
  669. margin-top:-69px;
  670. margin-left:35px;
  671. opacity:0.5;
  672. }
  673.  
  674. .audiop, .player {display:inline-block;}
  675.  
  676. .trackname {
  677. margin-left:120px;
  678. margin-top:-72px;
  679. color:{color:Text};
  680. text-transform:uppercase;
  681. font-weight:700;
  682. }
  683.  
  684. .artist {
  685. margin-left:120px;
  686. margin-top:-5px;
  687. color:{color:Text};
  688. }
  689.  
  690. .audiop {
  691. position:absolute;
  692. display:block;
  693. margin-top:4px
  694. margin-top:-109px;
  695. }
  696.  
  697. .audioimg img {
  698. margin-top:10px;
  699. height:100px;
  700. width:100px;
  701. }
  702.  
  703. .tumblr_audio_player {
  704. width:30px;
  705. height:27px;
  706. overflow:hidden;
  707. }
  708.  
  709. .soundcloud_audio_player{padding-top:15px;}
  710.  
  711. /* --- LIGHTBOXES ---*/
  712.  
  713. .vignette, #vignette {opacity:0; }
  714.  
  715. .lightbox-image, #tumblr_lightbox img {
  716. box-shadow:none !important;
  717. border-radius:0 !important;
  718. max-width:none;
  719. -moz-box-sizing:border-box;
  720. box-sizing:border-box;
  721. }
  722.  
  723. .tmblr-lightbox, #tumblr_lightbox {
  724. background-color:rgba({select:Lightbox}.90) !important;
  725. }
  726.  
  727. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  728.  
  729. /* --- PAGINATION ---*/
  730.  
  731. .pagination {
  732. {block:IfSidebarRight}
  733. float:left;
  734. {/block:IfSidebarRight}
  735.  
  736. {block:IfNotSidebarRight}
  737. float:right;
  738. {/block:IfNotSidebarRight}
  739.  
  740. width:calc({select:Post Size} + 20px);
  741. text-align:center;
  742. text-decoration:none;
  743. margin-top:25px;
  744. }
  745.  
  746. .pagination a {text-decoration:none;}
  747.  
  748. .pagination .pagi {
  749. text-align:center;
  750. word-spacing:10px;
  751. color:{color:Text};
  752. display:inline-block;
  753. margin-right:20px;
  754. text-align:center
  755. text-decoration:none;
  756. }
  757.  
  758. .pagination .pagi.current {font-weight:700;text-decoration:none;}
  759.  
  760. .pagi a {border-bottom:none;text-decoration:none;}
  761.  
  762. {CustomCSS}
  763. </style>
  764. </head>
  765.  
  766.  
  767. <body>
  768.  
  769.  
  770. {block:IndexPage}
  771. <div class="tcontrols">+</div>
  772. {/block:IndexPage}
  773.  
  774.  
  775. <!-- START CONTAINER -->
  776. <div class="container">
  777.  
  778.  
  779.  
  780.  
  781. <!-- START SIDEBAR -->
  782. <div class="sidebar">
  783. <!-- Image -->
  784. {block:IfSidebarImage}
  785. <div class="sidebarimg">
  786.  
  787. {block:IfNotRandomSidebarImage}
  788. <img src="{image:Sidebar Image One}" />
  789. {/block:IfNotRandomSidebarImage}
  790.  
  791. {block:IfRandomSidebarImage}
  792. <script language="JavaScript">
  793. <!--
  794. function random_imglink(){
  795. var myimages=new Array()
  796. //specify random images below. You can have as many as you wish
  797. myimages[1]="{image:Sidebar Image One}"
  798. myimages[2]="{image:Sidebar Image Two}"
  799. {block:IfRandomSidebarThree}myimages[3]="{image:Sidebar Image Three}"{/block:IfRandomSidebarThree}
  800.  
  801. var ry=Math.floor(Math.random()*myimages.length)
  802. if (ry==0)
  803. ry=1
  804. document.write('<img src="'+myimages[ry]+'" border=0>')
  805. }
  806. random_imglink()
  807. //-->
  808. </script>
  809. {/block:IfRandomSidebarImage}
  810.  
  811. </div>
  812. {/block:IfSidebarImage}
  813.  
  814. <!-- Title -->
  815. <div class="sidebartitle"><a href="/">{Title}</a></div>
  816.  
  817. <!-- Description -->
  818. <div class="description">
  819. {Description}
  820. </div>
  821.  
  822. <!-- Navigation -->
  823. <div class="linksnav">
  824. <div class="sidebartitle">Navigation</div>
  825.  
  826. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  827. <tr><td width="35%" valign="top">
  828.  
  829. <a href="/">Home</a>
  830. <a href="{text:Link 2 URL}">{text:Link Two}</a>
  831. <a href="{text:Link 5 URL}">{text:Link Five}</a>
  832.  
  833. <td><td width="30%" valign="top">
  834.  
  835. <a href="/ask">Ask</a>
  836. <a href="{text:Link 3 URL}">{text:Link Three}</a>
  837. <a href="{text:Link 6 URL}">{text:Link Six}</a>
  838.  
  839. <td><td width="30%" valign="top">
  840.  
  841. <a href="{text:Link 1 URL}">{text:Link One}</a>
  842. <a href="{text:Link 4 URL}">{text:Link Four}</a>
  843. <a href="{text:Link 7 URL}">{text:Link Seven}</a>
  844.  
  845. </td></tr>
  846. </table>
  847. </div>
  848.  
  849. <!-- Updates Container -->
  850. {block:IfUpdates}
  851. <div class="updatescontainer">
  852. <div class="sidebartitle">Updates</div>
  853.  
  854. <div class="updateshover">
  855. <div class="updates">
  856.  
  857.  
  858. <!-- Update Start -->
  859. <div class="updatesection">
  860. <b>Date:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  861. </div>
  862.  
  863. <!-- Update Start -->
  864. <div class="updatesection">
  865. <b>Date:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  866. </div>
  867.  
  868. <!-- Update Start -->
  869. <div class="updatesection">
  870. <b>Date:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  871. </div>
  872.  
  873. <!-- Update Start -->
  874. <div class="updatesection">
  875. <b>Date:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  876. </div>
  877.  
  878.  
  879. </div>
  880. </div>
  881.  
  882. </div>
  883. {/block:IfUpdates}
  884.  
  885.  
  886.  
  887. </div>
  888. <!-- END SIDEBAR -->
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898. <!-- START POSTS -->
  899. <div class="posts">
  900. {block:Posts}
  901.  
  902.  
  903.  
  904.  
  905. <!-- POST STYLES START -->
  906. <div class="iposts" id="{PostID}">
  907.  
  908. {block:Text}<div class="textpost">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  909.  
  910. {block:Link}
  911. <a href="{URL}"><h1>{Name}</h1></a>
  912. {block:IfPostCaptions}
  913. {block:Description}<p>{Description}</p>{/block:Description}
  914. {/block:IfPostCaptions}
  915. {/block:Link}
  916.  
  917. {block:Quote}<h1>“{Quote}”</h1><p>-{Source}</b>{/block:Quote}
  918.  
  919. {block:Photo}<div class="ipostphoto"><center><img src="{PhotoURL-HighRes}"/></center>{block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}</div>{/block:Photo}
  920.  
  921. {block:Photoset}<div class="ipostpxu"><center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<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>
  922. {block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}</div>{/block:Photoset}
  923.  
  924. {block:Chat}
  925. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  926. {/block:Chat}
  927.  
  928. {block:Audio}
  929. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  930. <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}
  931. </div>
  932. {/block:Audio}
  933.  
  934. {block:Video}{Video-500}{block:IfPostCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfPostCaptions}{/block:Video}
  935.  
  936. {block:Answer}
  937. <div class="asker">
  938. <img src="{AskerPortraitURL-48}" align="left"> <b>{Asker} asked:</b> {Question}</div>{Answer}{/block:Answer}
  939.  
  940.  
  941. </div>
  942. <!-- POST STYLES END -->
  943.  
  944.  
  945.  
  946. <!-- POST INFO START -->
  947. <div class="postinfo">
  948.  
  949.  
  950. <div class="info">
  951.  
  952. {block:Date}<a href="{Permalink}" style="border-bottom:0px solid {color:Accent};padding:3px;" title="{ShortMonth} {DayOfMonth}, {Year} @ {12Hour}:{Minutes} {CapitalAmPm}">{TimeAgo}</a>{/block:Date}
  953.  
  954. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  955.  
  956.  
  957. {block:RebloggedFrom}
  958. &nbsp;<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  959. {block:ContentSource}
  960. <a title="{ReblogRootName}" href="{SourceURL}">/ src</a>
  961. {/block:ContentSource}
  962. {/block:RebloggedFrom}
  963.  
  964.  
  965. {block:IndexPage}
  966. <div class="postcontrol">
  967. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  968. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  969. </div>
  970. {/block:IndexPage}
  971.  
  972.  
  973. <div class="tags">{block:HasTags}
  974. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  975. {/block:HasTags}</div>
  976.  
  977. </div>
  978.  
  979. </div>
  980. <!-- POST INFO END -->
  981.  
  982.  
  983. {block:PostNotes}
  984. <div id="permanote"><center>{PostNotes-64}</center></div>
  985. {/block:PostNotes}
  986.  
  987. {/block:Posts}
  988.  
  989. <div class="pagination">
  990. {block:PreviousPage}<a href="{PreviousPage}" class="pagi">back</a>{/block:PreviousPage}
  991.  
  992. {block:JumpPagination length="5"}
  993. {block:CurrentPage}<span class="pagi current">{PageNumber}</span>{/block:CurrentPage}
  994. {block:JumpPage}<a class="pagi" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  995.  
  996. {block:NextPage}<a href="{NextPage}" class="pagi">forth</a>{/block:NextPage}
  997. {/block:Pagination}
  998. </div>
  999.  
  1000.  
  1001. </div>
  1002.  
  1003.  
  1004.  
  1005. <div id="end"></div>
  1006.  
  1007. </div></div>
  1008. <!-- END CONTAINER -->
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. <!-- ADDITIONAL SCRIPTS -->
  1015. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1016. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1017. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1018.  
  1019. <script>
  1020. $(document).ready(function(){
  1021. $('.photo-slideshow').pxuPhotoset({
  1022. lightbox: true,
  1023. rounded: false,
  1024. gutter: '{select:Photoset Margin}',
  1025. borderRadius: '0px',
  1026. photoset: '.photo-slideshow',
  1027. photoWrap: '.photo-data',
  1028. photo: '.pxu-photo'
  1029. });
  1030. });
  1031. </script>
  1032.  
  1033. <div class="et"><a href="https://etherealthemes.co.vu/">ethereal</div>
  1034.  
  1035. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!