API tools faq
paste
Advertisement
cvndythemes

sovereignmvgic

cvndythemes
Apr 28th, 2020
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.28 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.  
  16. >> ETHEREAL THEMES // CUSTOM THEME for @sovereignmvgic
  17.  
  18. Designed by etherealthemes
  19. etherealthemes.tumblr.com
  20. ⓒ 2016 - 2020
  21. //
  22.  
  23.  
  24. Fonts by Google Fonts
  25. Icons by Jam Icons @ jam-icons.com
  26. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  27. PXU Photosets by chloethemes @ bychloethemes.tumblr.com
  28.  
  29. >> TIPS AND HOW TO'S
  30.  
  31. THIS THEME WILL LOOK SQUISHED WHEN EDITING. I use a % so the theme fits all screen sizes.
  32.  
  33. To edit a section, search for "Start" and the name of the section you want to edit eg:
  34.  
  35. Start sidebar description: left
  36.  
  37. or
  38.  
  39. Start sidebar description: right
  40.  
  41. The images are preloaded, but if they don't show up, they are below under IMAGES
  42.  
  43. Please feel free to contact me for any questions or help
  44.  
  45. -->
  46.  
  47.  
  48.  
  49. <!-- COLORS -->
  50. <meta name="color:Background" content="#000000" />
  51. <meta name="color:Text" content="#ffffff" />
  52. <meta name="color:Links" content="#ffffff" />
  53. <meta name="color:Accent One" content="#8a5644" />
  54. <meta name="color:Accent Two" content="#3e1212" />
  55. <meta name="color:Accent Gray" content="#e9e4e6" />
  56.  
  57. <meta name="color:Sidebar Backgrounds" content="#000000" />
  58. <meta name="color:Content Background" content="#111111" />
  59. <meta name="color:Content Text" content="#ffffff" />
  60.  
  61.  
  62. <!-- IMAGES -->
  63. <meta name="image:Sidebar Left" content="https://static.tumblr.com/zvesamf/alOq9gzxb/sidebar_2.gif" />
  64. <meta name="image:Sidebar Right" content="https://static.tumblr.com/zvesamf/ghvq9gzx9/sidebar_1.gif" />
  65.  
  66. <meta name="image:Tags Background" content="https://static.tumblr.com/zvesamf/fgCq9ixi5/tags.jpg" />
  67.  
  68.  
  69. <!-- SELECT -->
  70. <meta name="select:Body Font Size" content="10.5pt" title="Default">
  71. <meta name="select:Body Font Size" content="9.5pt" title="Small">
  72.  
  73.  
  74. <meta name="select:Cursive Font" content="Courgette" title="Courgette">
  75. <meta name="select:Cursive Font" content="Cookie" title="Cookie">
  76. <meta name="select:Cursive Font" content="Tangerine" title="Tangerine">
  77.  
  78. <meta name="select:Blog Title Font Size" content="36pt" title="Default">
  79. <meta name="select:Blog Title Font Size" content="30pt" title="Small">
  80. <meta name="select:Blog Title Font Size" content="32pt" title="Medium">
  81. <meta name="select:Blog Title Font Size" content="34pt" title="Large">
  82.  
  83. <meta name="select:Sidebar Titles Font Size" content="24pt" title="Default">
  84. <meta name="select:Sidebar Titles Font Size" content="20pt" title="Small">
  85. <meta name="select:Sidebar Titles Font Size" content="22pt" title="Medium">
  86. <meta name="select:Sidebar Titles Font Size" content="26pt" title="Large">
  87.  
  88. <meta name="select:Post Size" content="450px" title="450">
  89. <meta name="select:Post Size" content="500px" title="500">
  90. <meta name="select:Post Size" content="540px" title="540">
  91.  
  92. <meta name="select:Lightbox" content="0,0,0," title="Black">
  93. <meta name="select:Lightbox" content="255,255,255," title="White">
  94.  
  95.  
  96.  
  97. <!-- IF -->
  98. <meta name="if:Invert Tumblr Controls" content="0"/>
  99.  
  100.  
  101. <!-- TEXT -->
  102. <meta name="text:Blog Title Print" content="cursed">
  103. <meta name="text:Blog Title Script" content="regality">
  104.  
  105. <meta name="text:Link One" content="Link Name">
  106. <meta name="text:Link One URL" content="https://">
  107.  
  108. <meta name="text:Link Two" content="Link Name">
  109. <meta name="text:Link Two URL" content="https://">
  110.  
  111. <meta name="text:Link Three" content="Link Name">
  112. <meta name="text:Link Three URL" content="https://">
  113.  
  114. <meta name="text:Link Four" content="Link Name">
  115. <meta name="text:Link Four URL" content="https://">
  116.  
  117. <meta name="text:Link Five" content="Link Name">
  118. <meta name="text:Link Five URL" content="https://">
  119.  
  120. <meta name="text:Link Six" content="Link Name">
  121. <meta name="text:Link Six URL" content="https://">
  122.  
  123. <meta name="text:Link Seven" content="Link Name">
  124. <meta name="text:Link Seven URL" content="https://">
  125.  
  126. <meta name="text:Link Eight" content="Link Name">
  127. <meta name="text:Link Eight URL" content="https://">
  128.  
  129.  
  130. <!-- SCRIPTS -->
  131.  
  132. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  133.  
  134. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  135.  
  136. <script>
  137. (function($){
  138. $(document).ready(function(){
  139. $("[title]").style_my_tooltips({
  140. tip_delay_time:200,
  141. tip_fade_speed:300,
  142. tip_follows_cursor:true
  143. }
  144. );
  145. });
  146. })(jQuery);
  147. </script>
  148.  
  149. <script>
  150. $container.infinitescroll({
  151. itemSelector: '.posts',
  152. navSelector: '.pagination',
  153. nextSelector: '.pagination a',
  154. loadingImg: '',
  155. loadingText: '<em></em>',
  156. bufferPx: 2000
  157. },
  158. function( newElements ) {
  159. var $newElems = $(newElements);
  160. var $newElemsIDs = $newElems.map(function(){
  161. return this.id;
  162. }).get();
  163. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  164. });
  165. </script>
  166.  
  167. <!-- TIPPY JS -->
  168. <script src="https://unpkg.com/popper.js@1"></script>
  169. <script src="https://unpkg.com/tippy.js@5"></script>
  170. <script>
  171. $(document).ready(function(){
  172. tippy('[title]', {
  173. arrow: false,
  174. placement: 'top',
  175. delay: 5,
  176. distance: 10,
  177. maxWidth: 300,
  178.  
  179. followCursor: true,
  180. allowHTML: true,
  181. theme: 'custom',
  182. ignoreAttributes: true,
  183. content(reference) {
  184. const title = reference.getAttribute('title');
  185. reference.removeAttribute('title');
  186. return title;
  187. },
  188. });
  189. });
  190. </script>
  191.  
  192. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  193.  
  194. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  195.  
  196. <link href="https://fonts.googleapis.com/css?family=Cardo:400,400i,700|Cookie|Courgette|Tangerine&display=swap" rel="stylesheet">
  197.  
  198.  
  199. <!-- STYLESHEET -->
  200. <style type="text/css">
  201.  
  202. /* --- SCROLLBAR ---*/
  203.  
  204. ::-webkit-scrollbar {width:0px;}
  205.  
  206. ::-webkit-scrollbar-track {width:0px;}
  207.  
  208. ::-webkit-scrollbar-thumb {width:0px;}
  209.  
  210. /* --- SELECTION ---*/
  211.  
  212. ::-moz-selection {
  213. color:{color:Text};
  214. background:{color:Accent Two};
  215. opacity:1;
  216. }
  217.  
  218. ::selection {
  219. color:{color:Text};
  220. background:{color:Accent Two};
  221. opacity:1;
  222. }
  223.  
  224. /* --- TOOLTIPS ---*/
  225.  
  226. .tippy-tooltip.custom-theme {
  227. $tooltipBg:{color:Accent Two};
  228. background-color:{color:Accent Two};
  229. color:{color:Text};
  230. border-radius:5%;
  231. font-size:10pt;
  232. margin-left:15px;
  233. }
  234.  
  235. .tippy-content {padding:4px 5px 4px 5px!important;}
  236.  
  237. /* --- TUMBLR TOOLS --- */
  238.  
  239. {block:IndexPage}
  240. iframe.tmblr-iframe {
  241. top:16px!important;
  242. right:5!important;
  243. opacity:0;
  244. padding-right:60px;
  245. z-index:4!important;
  246. transform:scale(0.5);
  247. transform-origin:100% 0;
  248. -webkit-transform:scale(0.5);
  249. -webkit-transform-origin:100% 0;
  250. -o-transform:scale(0.5);
  251. -o-transform-origin:100% 0;
  252. -moz-transform:scale(0.5);
  253. -moz-transform-origin:100% 0;
  254. -ms-transform:scale(0.5);
  255. -ms-transform-origin:100% 0;
  256. transition:0.2s ease-in-out;
  257. -webkit-transition:0.2s ease-in-out;
  258. -moz-transition:0.2s ease-in-out;
  259. {block:IfInvertTumblrControls}
  260. filter:invert(1);
  261. -webkit-filter:invert(1);
  262. -o-filter:invert(1);
  263. -moz-filter:invert(1);
  264. -ms-filter:invert(1);
  265. {/block:IfInvertTumblrControls}
  266. }
  267.  
  268. iframe.tmblr-iframe:hover {opacity:0.7!important;}
  269.  
  270. .tcontrols {position:fixed;top:20px;right:15px;z-index:3;}
  271.  
  272. .tcontrols span {color:{color:Text};font-size:10pt;}
  273. {/block:IndexPage}
  274.  
  275. {block:PermalinkPage}
  276. iframe.tmblr-iframe {
  277. top:14px!important;
  278. right:5!important;
  279. opacity:0.7;
  280. padding-right:60px;
  281. z-index:3!important;
  282. transform:scale(0.5);
  283. transform-origin:100% 0;
  284. -webkit-transform:scale(0.5);
  285. -webkit-transform-origin:100% 0;
  286. -o-transform:scale(0.5);
  287. -o-transform-origin:100% 0;
  288. -moz-transform:scale(0.5);
  289. -moz-transform-origin:100% 0;
  290. -ms-transform:scale(0.5);
  291. -ms-transform-origin:100% 0;
  292. transition:0.2s ease-in-out;
  293. -webkit-transition:0.2s ease-in-out;
  294. -moz-transition:0.2s ease-in-out;
  295. {block:IfInvertTumblrControls}
  296. filter:invert(1);
  297. -webkit-filter:invert(1);
  298. -o-filter:invert(1);
  299. -moz-filter:invert(1);
  300. -ms-filter:invert(1);
  301. {/block:IfInvertTumblrControls}
  302. }
  303. {/block:PermalinkPage}
  304.  
  305. /* --- BODY --- */
  306.  
  307. body {
  308. background:{color:Background};
  309. margin:0px;
  310. color:{color:Text};
  311. text-transform:normal;
  312. font-style:normal;
  313. font-weight:400;
  314. font-family: 'Cardo', serif;
  315. font-size:{select:Body Font Size};
  316. text-decoration:none;
  317. line-height:160%;
  318. }
  319.  
  320. a {color:{color:Links};text-decoration:none;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
  321.  
  322. a:hover {color:{color:Accent Gray};}
  323.  
  324. b, bold, strong {color:{color:Text};!important;font-weight:700;}
  325. i, em, italic {color:{color:Text};letter-spacing:0.5px;}
  326. sub, sup {border:0px;{color:Text}}
  327. small {{select:Body Font Size}}
  328.  
  329.  
  330. hr.divider, hr, hr.separator {
  331. display:block;
  332. margin-top:0.5em;
  333. margin-bottom:0.5em;
  334. margin-left:auto;
  335. margin-right:auto;
  336. border-style:inset;
  337. border-color:{color:Links};
  338. border-bottom:1px;
  339. }
  340.  
  341. pre {
  342. white-space:pre-wrap;
  343. white-space:-moz-pre-wrap;
  344. white-space:-pre-wrap;
  345. white-space:-o-pre-wrap;
  346. word-wrap:break-word;
  347. }
  348.  
  349. /* --- SIDEBARS --- */
  350.  
  351. .side_left, .side_right {
  352. position:fixed;
  353. top:0px;
  354. height:100%;
  355. width:240px;
  356. padding:0px 30px;
  357. color:{color:Text};
  358. font-size:calc({select:Body Font Size} + 0.5pt);
  359. text-align:center!important;
  360. background:{color:Sidebar Backgrounds};
  361. display:flex;
  362. justify-content:center;
  363. z-index:2;
  364. align-items:center;
  365. }
  366.  
  367. .side_left {left:0px;}
  368.  
  369. .side_right {right:0px;}
  370.  
  371. .side_left_cont {margin-top:-33px;height:700px;}
  372.  
  373. .side_right_cont {margin-top:30px;height:592px;}
  374.  
  375.  
  376. /* --- SIDEBAR STYLING --- */
  377.  
  378. .left_title {text-align:center;}
  379.  
  380. .left_title h1 {
  381. position:relative;
  382. top:0px;
  383. left:-20px;
  384. text-transform:lowercase;
  385. font-weight:400;
  386. font-size:{select:Blog Title Font Size};
  387. color:{color:Accent Gray};
  388. letter-spacing:-1pt;
  389. text-align:center;
  390. padding-bottom:10px;
  391. }
  392.  
  393. .left_title h2 {
  394. position:relative;
  395. top:-48px;
  396. left:20px;
  397. text-align:center;
  398. font-size:calc({select:Blog Title Font Size} + 4pt);
  399. font-weight:400;
  400. color:{color:Accent One};
  401. font-family: '{select:Cursive Font}', cursive;
  402. margin-bottom:-45px;
  403. }
  404.  
  405. .left_icon img {height:212px;width:212px;border-radius:50%;margin-left:0px;}
  406.  
  407. .left_description {line-height:125%;text-align:center!important;}
  408.  
  409. .left_description h1, .left_description h2 {font-family: '{select:Cursive Font}', cursive;font-weight:400;position:relative;z-index:3;text-align:center!important;}
  410.  
  411. .left_description h1 {line-height:80%;font-size:{select:Sidebar Titles Font Size};margin:15px 0px 0px 0px;}
  412.  
  413. .left_description h2 {line-height:75%;font-size:calc({select:Sidebar Titles Font Size} - 4pt);margin:10px 0px -3px 0px;text-align:center!importantpadding-bottom:10px;}
  414.  
  415. .right_icon img {height:212px;width:212px;border-radius:50%;margin-left:0px;}
  416.  
  417. .right_description {line-height:125%; text-align:center;}
  418.  
  419. .right_description h1, .right_navigation h1 {font-family: '{select:Cursive Font}', cursive;font-weight:400;position:relative;z-index:3;line-height:75%;font-size:{select:Sidebar Titles Font Size};margin:15px 0px -3px 0px;text-align:center!important}
  420.  
  421. .right_navigation {margin:20px 0px 0px 0px;}
  422.  
  423. .right_navigation a {
  424. display:inline-block;
  425. width:100px;
  426. padding:2px 5px;
  427. margin:0px 2px 5px 2px;
  428. text-transform:lowercase;
  429. font-size:calc({select:Body Font Size} - 1pt);
  430. color:{color:Text};
  431. background:{color:Accent Two};
  432. }
  433.  
  434. .right_navigation a:hover {opacity:0.8}
  435.  
  436. .border {
  437. position:relative;
  438. top:-10px;
  439. left:30px;
  440. height:3px;
  441. width:152px;
  442. margin:10px 0px 0px 0px;
  443. background-image: linear-gradient(to right, {color:Sidebar Backgrounds}, {color:Accent Two}, {color:Sidebar Backgrounds});
  444. }
  445.  
  446. .right_navigation .border {margin-bottom:20px;}
  447.  
  448. /* --- POSTS --- */
  449.  
  450. .container {margin:0 auto;width:calc({select:Post Size} + 20px);padding:10px;}
  451.  
  452. #end {clear:both;text-align:center;}
  453.  
  454. .posts {
  455. margin:0 auto;
  456. width:{select:Post Size};
  457. margin:20px 0px 0px 0px;
  458. padding:10px;
  459. color:{color:Content Text};
  460. }
  461.  
  462. .postcontainer {margin-bottom:85px;}
  463.  
  464. .postcontainer::last-child {margin-bottom:0px;}
  465.  
  466. .iposts {padding:8px 10px 10px 10px;min-height:50px;background:{color:Content Background};}
  467.  
  468. .ipostpxu {width:calc({select:Post Size} - 2px);}
  469.  
  470. .caption {padding:10px 10px 5px 10px;}
  471.  
  472. .stphoto img {max-width:100%;}
  473.  
  474. iframe, img, embed, object, video {max-width:100%;}
  475.  
  476. .textpost img {max-width:100%;height:auto;}
  477.  
  478. img {border:0;max-width:100%;height:auto}
  479.  
  480. .video {overflow:hidden;width:{select:Post Size};margin:-10px!important;padding:10px 0px 5px 0px;}
  481.  
  482. .vine-embed,#youtube_iframe {width:calc({select:Post Size} - 30px);margin:0px 0px 10px 0px;}
  483.  
  484. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  485.  
  486. /* --- POST INFO --- */
  487.  
  488. .postinfo {
  489. width:calc({select:Post Size} - 30px);
  490. text-transform:uppercase;
  491. font-size:calc({select:Body Font Size} - 1pt);
  492. padding:20px 15px 10px 15px;
  493. background:{color:Content Background};
  494. }
  495.  
  496. .postinfo h1 {
  497. font-weight:400;
  498. font-size:calc({select:Body Font Size} + 3.5pt);
  499. color:{color:Text};
  500. margin:0px 0px 0px 0px;
  501. }
  502.  
  503. .postinfo a {font-weight:400;color:{color:Text};margin:0px 3px;}
  504.  
  505. /* --- POST CONTROL --- */
  506.  
  507. .postcontrol {
  508. position:relative;
  509. display:inline-block;
  510. top:0px;
  511. margin:0px 0px 0px 0px;
  512. text-align:center;
  513. }
  514.  
  515. .postcontrol i {
  516. padding:2px 1px 1px 3px;
  517. display:block;
  518. overflow:hidden;
  519. font-style:normal;
  520. color:{color:Text};
  521. }
  522.  
  523. .postcontrol a {display:inline-block;}
  524.  
  525. .postcontrol .reblog {display:inline-block;}
  526.  
  527. .postcontrol .like .liked + i {opacity:1;color:{color:Text};}
  528.  
  529. .postcontrol .like .liked + i::after {content:'d';}
  530.  
  531. .like {
  532. position:relative;
  533. color:{color:Text};
  534. display:inline-block;
  535. top:1px;
  536. height:1em;
  537. line-height:1em;
  538. overflow:hidden;
  539. margin-bottom:-1px;
  540. }
  541.  
  542. .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;width:100px;z-index:3;opacity:0.000001;}
  543.  
  544.  
  545. /* --- POST TAGS --- */
  546.  
  547. .posttags {
  548. width:calc({select:Post Size} - 20px);
  549. height:41px;
  550.  
  551. background-color:{color:Content Background};
  552. background-image:url('{image:Tags Background}');
  553. background-position:top center;
  554. background-repeat:repeat;
  555. padding:10px 10px 20px 10px;
  556. text-align:center;
  557. }
  558.  
  559. .posttags a {
  560. display:inline-block;
  561. margin:0px 10px;
  562. padding:13px 0px 0px 0px;
  563. text-transform:uppercase;
  564. color:{color:Links}!important;
  565. font-size:calc({select:Body Font Size} - 2.5pt);
  566. }
  567.  
  568.  
  569. .tags_box {
  570. width:calc({select:Post Size} - 20px);
  571. height:30px;
  572. overflow:hidden;
  573. padding:0px;
  574. position:relative;
  575. }
  576. .tags_box span {
  577. position:absolute;
  578. left:0px;
  579. white-space:nowrap;
  580. transform: translateX(0);
  581. transition: 20s;
  582. }
  583. .tags_box:hover span {
  584. transform:translateX(calc(200px - 100%));
  585. }
  586.  
  587. /* --- Titles --- */
  588.  
  589. h1, h2 {
  590. text-align:left;
  591. font-style:normal;
  592. color:{color:Text};
  593. font-size:calc({select:Body Font Size} + 2pt);
  594. font-weight:400;
  595. text-decoration:none;
  596. line-height:18px;
  597.  
  598. }
  599.  
  600. /* --- Quote and Link --- */
  601.  
  602. .quote_post {text-align:center!important;font-size:calc({select:Body Font Size} + 3pt);padding:30px 0px;}
  603.  
  604. .quote_post_border {
  605. margin:0 auto;
  606. width:100px;
  607. height:2px;
  608. background:{color:Text};
  609. }
  610.  
  611. .quote_post h3 {
  612. text-align:center;
  613. font-style:normal;
  614. color:{color:Text};
  615. font-weight:400;
  616. font-size:calc({select:Body Font Size} + 4pt);
  617. text-decoration:none;
  618. line-height:135%;
  619. padding-bottom:0px;
  620. margin-bottom:5px;
  621. }
  622.  
  623. .quote_post b {font-weight:400;text-transform:uppercase;font-size:calc({select:Body Font Size} - 2pt);display:inline-block;padding-bottom:17px;}
  624.  
  625. /* --- Blockquote --- */
  626.  
  627. blockquote {
  628. color:{color:Text};
  629. border-left:1px solid {color:Accent Gray};
  630. margin-left:15px;
  631. padding-left:10px;
  632. text-align:left;
  633. }
  634.  
  635. blockquote img {
  636. max-width:100%;
  637. display:block;
  638. margin-bottom:5px;
  639. }
  640.  
  641. /* --- Chat --- */
  642.  
  643. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label {font-weight:700;}
  644.  
  645. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {font-weight:700;color:{color:Text};}
  646.  
  647. ul.chat {
  648. list-style:none;
  649. margin:0px 0px 0px 0px;
  650. padding:0px;
  651. text-align:left;
  652. }
  653.  
  654. .chat li {
  655. list-style:none;
  656. margin:0px;
  657. padding:2px;
  658. border:none;
  659. }
  660.  
  661. .chat li:first-child {border:none;}
  662.  
  663. .chat i {display:inline-block;padding:0px 0px 15px 0px;}
  664.  
  665. /* --- Lists --- */
  666.  
  667. ul {text-align:left;}
  668. li {text-align:left;}
  669.  
  670. /* --- AUDIO POSTS --- */
  671.  
  672. .audio {
  673. height:70px;
  674. padding:21px 10px 0px 10px;
  675. }
  676.  
  677. .button {
  678. position:relative;
  679. width:30px;
  680. height:30px;
  681. overflow:hidden;
  682. margin:10px 9px 8px 9px;
  683. z-index:4;
  684. }
  685.  
  686. .audiobox {
  687. float:left;
  688. margin:0px;
  689. border-radius:50%;
  690. background-color:#f2f2f2;
  691. z-index:3;
  692. }
  693.  
  694. .audioinfo {width:calc(100% - 100px - 91px);display:inline-block;text-transform:lowercase;padding:7px 0px 0px 30px;color:{color:Text};}
  695.  
  696. .audioinfo h1 {font-size:calc({select:Body Font Size} + 2pt);font-weight:bold;margin:0px 0px -25px 0px;padding-bottom:10px;}
  697.  
  698. .albumart {float:right;position:relative;top:-10px;}
  699.  
  700. .albumart img {height:71px;width:71px;}
  701.  
  702. .spotify_audio_player {height:80px!important;}
  703.  
  704. /* --- QUESTIONS ---*/
  705.  
  706. .question {text-align:center;padding:10px;background:{color:Accent Two};}
  707.  
  708. .asker {position:relative;top:10px;left:40px;}
  709.  
  710. .askeravatar {height:45px;width:45px;display:inline-block;margin:4px 10px 0px 0px;}
  711.  
  712. .askeravatar img {height:35px;width:35px;}
  713.  
  714. .askername {
  715. position:relative;
  716. top:-55px;
  717. width:300px;
  718. left:60px;
  719. text-align:left;
  720. margin-bottom:-35px;
  721. }
  722.  
  723. .askername h1 {
  724. position:relative;
  725. left:-40px;
  726. text-align:left;
  727. margin:0px 0px 10px 0px;
  728. padding:0px!important;
  729. text-transform:uppercase;
  730. font-size:calc({select:Body Font Size} + 2pt);
  731. font-weight:400;
  732. padding-bottom:10px;
  733. }
  734.  
  735. .askername em {
  736. display:block;
  737. margin:0px;
  738. font-style:normal;
  739. }
  740.  
  741. /* --- PAGINATION --- */
  742.  
  743. .pagination {width:calc({select:Post Size} - 20px);margin-top:50px;text-align:center;padding:10px;}
  744.  
  745. .pagi_jump {text-align:left;width:calc(100% - 110px - 60px - 330px / 2);}
  746.  
  747. .pagi_pages {text-align:left;padding:2px 6px 1px 6px;color:{color:Text};background:{color:Accent Two};margin-right:10px;}
  748.  
  749. .pagi_prev {width:110px;}
  750.  
  751. .pagi_next {text-align:right;width:60px;}
  752.  
  753. .pagi_jump, .pagi_pages, .pagi_prev, .pagi_next {display:inline-block;}
  754.  
  755. .pagi_pages, .pagi_jump a, .pagi_pages a, .pagi_prev a, .pagi_next a {
  756. text-transform:uppercase;
  757. letter-spacing:1px;
  758. font-weight:400;
  759. font-size:calc({select:Body Font Size} + 1pt);
  760. text-align:left;
  761. margin-bottom:15px;
  762. }
  763.  
  764. .pagi_jump a, .pagi_jump span {margin:0px 4px;}
  765.  
  766. .pagi_jump span {font-size:calc({select:Body Font Size} + 1.5pt);}
  767.  
  768. /* --- LIGHTBOXES ---*/
  769.  
  770. .vignette, #vignette {opacity:0;}
  771.  
  772. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  773.  
  774. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  775.  
  776. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  777.  
  778. /* --- Permalinks --- */
  779.  
  780. ol.notes {
  781. padding:40px 0px 0px 0px;
  782. margin:0px 0px 25px 0px;
  783. list-style-type: none;
  784. border-bottom: solid 0px;
  785. letter-spacing:1px;
  786. background:{color:Content Background};
  787. width:{select:Post Size};
  788. }
  789.  
  790. .notes a {color:{color:Text};}
  791. .notes a:hover {color:{color:Text};}
  792.  
  793. ol.notes li.note {
  794. display:block;
  795. padding:10px;
  796. list-style-type:none!important;
  797. }
  798.  
  799. ol.notes li.note img.avatar {
  800. vertical-align:-4px;
  801. margin-right:10px;
  802. width:15px;
  803. height:15px;
  804. display:inline-block;
  805. }
  806.  
  807. ol.notes li.note span.action {font-weight: normal;}
  808.  
  809. ol.notes li.note .answer_content {font-weight: normal;}
  810.  
  811. ol.notes li.note blockquote {
  812. border-color: {color:Text};
  813. padding: 4px 10px;
  814. margin: 10px 0px 0px 25px;
  815. }
  816.  
  817. ol.notes li.note blockquote a {text-decoration: none;}
  818.  
  819. {CustomCSS}
  820. </style>
  821. </head>
  822.  
  823.  
  824. <body>
  825.  
  826.  
  827. <!-- START TUMBLR TOOLS -->
  828. {block:IndexPage}
  829. <div class="tcontrols"><span class="jam jam-cog-f"></span></div>
  830. {/block:IndexPage}
  831. <!-- END TUMBLR TOOLS -->
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838. <!-- START SIDEBAR LEFT -->
  839. <div class="side_left">
  840. <div class="side_left_cont">
  841.  
  842.  
  843. <!-- Sidebar Left: Title -->
  844. <div class="left_title">
  845. <h1>{text:Blog Title Print}</h1>
  846. <h2>{text:Blog Title Script}</h2>
  847. </div>
  848.  
  849.  
  850. <!-- Sidebar Left: Icon -->
  851. <div class="left_icon">
  852. <img src="{image:Sidebar Left}" />
  853. </div>
  854.  
  855.  
  856. <!------------------------------------------------
  857. --------------------------------------------------
  858.  
  859.  
  860. START SIDEBAR DESCRIPTION: LEFT
  861.  
  862. --------------------------------------------------
  863.  
  864. ------------------------------------------------>
  865. <div class="left_description">
  866.  
  867.  
  868. <h1>Private and <br> Mutuals Only</h1>
  869. <div class="border"></div>
  870. It is important all information is read before interacting with.Anyone who fails to do so I will not be interacting with
  871. <h2>Each muse on this blog is over 28 as well as the writer.</h2>
  872. <div class="border"></div>
  873. Please be advised that dark themes & other NSFW material will be present on this blog.
  874. <h2>Note</h2>
  875. <div class="border"></div>
  876. All muses on this blog are connected one way or another and that the mun is a para - lit/semi-lit writer only.
  877. <br>
  878. advised by esmegoo
  879.  
  880.  
  881. </div>
  882.  
  883.  
  884. </div></div>
  885. <!-- END SIDEBAR LEFT -->
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. <!-- START SIDEBAR RIGHT -->
  894. <div class="side_right">
  895. <div class="side_right_cont">
  896.  
  897.  
  898. <!-- Sidebar Right: Icon -->
  899. <div class="right_icon">
  900. <img src="{image:Sidebar Right}" />
  901. </div>
  902.  
  903.  
  904. <!------------------------------------------------
  905. --------------------------------------------------
  906.  
  907.  
  908. START SIDEBAR DESCRIPTION: RIGHT
  909.  
  910. --------------------------------------------------
  911.  
  912. ------------------------------------------------>
  913. <div class="right_description">
  914.  
  915.  
  916. <h1>Indie - Multimuse</h1>
  917. <div class="border"></div>
  918. This is a multimuse blog housing
  919. various supernatural creatures from various myths and lores.
  920. </div>
  921.  
  922.  
  923. <!-- Sidebar Right: Navigation -->
  924. <div class="right_navigation">
  925. <h1>Navigation</h1>
  926. <div class="border"></div>
  927.  
  928. <a href="/">Home</a>
  929. <a href="/ask">Contact</a><br>
  930.  
  931. <a href="{text:Link One URL}">{text:Link One}</a>
  932. <a href="{text:Link Two URL}">{text:Link Two}</a>
  933.  
  934. <a href="{text:Link Three URL}">{text:Link Three}</a>
  935. <a href="{text:Link Four URL}">{text:Link Four}</a>
  936.  
  937. <a href="{text:Link Five URL}">{text:Link Five}</a>
  938. <a href="{text:Link Six URL}">{text:Link Six}</a>
  939.  
  940. <a href="{text:Link Seven URL}">{text:Link Seven}</a>
  941. <a href="{text:Link Eight URL}">{text:Link Eight}</a></a>
  942.  
  943. </div>
  944.  
  945.  
  946.  
  947. <!-- END SIDEBAR RIGHT -->
  948. </div></div>
  949.  
  950.  
  951.  
  952.  
  953.  
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960. <!-- START CONTAINER -->
  961. <div class="container">
  962.  
  963.  
  964.  
  965.  
  966. <!-- START POSTS -->
  967. <div class="posts">
  968. {block:Posts}
  969. <div class="postcontainer">
  970.  
  971.  
  972.  
  973. <!-- START POST INFO -->
  974. <div class="postinfo">
  975.  
  976. {block:Date}<h1><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></h1>{/block:Date}
  977.  
  978. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> · {/block:NoteCount}
  979.  
  980. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> · {block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{block:IndexPage} · {/block:IndexPage}{/block:RebloggedFrom}
  981.  
  982. {block:IndexPage}
  983. <div class="postcontrol">
  984. <a href="{ReblogURL}" target="_blank" class="reblog">Reblog</a> ·
  985. <a class="like" href="#">{LikeButton}<i>Like</i></a></div>
  986. {/block:IndexPage}
  987.  
  988. </div>
  989. <!-- END POST INFO -->
  990.  
  991.  
  992.  
  993. <!-- Post Styles Start -->
  994. <div class="iposts" id="{PostID}">
  995. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  996.  
  997. {block:Link}
  998. <div class="linkpost">
  999. {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}
  1000. <div class="caption">
  1001. {block:Host}<div class="link_host">{Host}</div>{/block:Host}<a href="{URL}">{Name}{block:Excerpt}<p><i>―{Excerpt}</i>{/block:Excerpt}</a> {block:Description}{Description}{/block:Description} </div>
  1002. </div>
  1003. {/block:Link}
  1004.  
  1005. {block:Quote}<div class="quote_post"><div class="quote_post_border"></div><h3>"{Quote}"</h3></b>{Source}<div class="quote_post_border"></div></div>{/block:Quote}
  1006.  
  1007. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1008. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1009.  
  1010. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1011. <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>
  1012. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1013.  
  1014. {block:Chat}
  1015. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}<br><i>{Line}</i></li>{/block:Lines}</ul></div>
  1016. {/block:Chat}
  1017.  
  1018. {block:Audio}
  1019. <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1020.  
  1021. {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1022.  
  1023. {block:Answer}<div class="question">{Question}</div>
  1024. <div class="asker"><div class="askeravatar"><img src="{AskerPortraitURL-64}" /></div><div class="askername"><h1>{Asker}</h1> <em>asked a question:</em></div></div>{Answer}{/block:Answer}
  1025.  
  1026. </div>
  1027. <!-- POST STYLES END -->
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <!-- START POST TAGS -->
  1033. {block:HasTags}
  1034. <div class="posttags">
  1035. <div class="tags_box"><span>
  1036. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1037. </span></div>
  1038. </div>
  1039. {/block:HasTags}
  1040. <!-- END POST TAGS -->
  1041.  
  1042.  
  1043.  
  1044.  
  1045. <!-- PERMALINK NOTES -->
  1046. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1047.  
  1048.  
  1049. </div>
  1050. {/block:posts}
  1051.  
  1052.  
  1053. <!-- START PAGINATION -->
  1054. {block:IndexPage}
  1055. {block:Pagination}
  1056. <div class="pagination">
  1057.  
  1058. <div class="pagi_pages">Page {CurrentPage} of {TotalPages} </div>
  1059.  
  1060. <div class="pagi_prev">{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</div>
  1061.  
  1062.  
  1063.  
  1064.  
  1065. <div class="pagi_jump">
  1066. {block:JumpPagination length="5"}
  1067. {block:CurrentPage}
  1068. <span class="current_page">{PageNumber}</span>
  1069. {/block:CurrentPage}
  1070.  
  1071. {block:JumpPage}
  1072. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1073. {/block:JumpPage}
  1074. {/block:JumpPagination}
  1075. </div>
  1076.  
  1077.  
  1078.  
  1079.  
  1080. <div class="pagi_next">{block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>
  1081.  
  1082.  
  1083. </div>
  1084. {/block:Pagination}
  1085. {/block:IndexPage}
  1086. <!-- END PAGINATION -->
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092. <div id="end"></div>
  1093. </div>
  1094. <!-- END CONTAINER -->
  1095.  
  1096.  
  1097.  
  1098.  
  1099. <!-- ADDITIONAL SCRIPTS -->
  1100.  
  1101. <!-- Photosets -->
  1102.  
  1103. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1104. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1105.  
  1106. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1107.  
  1108. <script>
  1109. $(document).ready(function(){
  1110. $('.photo-slideshow').pxuPhotoset({
  1111. lightbox: true,
  1112. rounded: false,
  1113. gutter: '0px',
  1114. borderRadius: '0px',
  1115. photoset: '.photo-slideshow',
  1116. photoWrap: '.photo-data',
  1117. photo: '.pxu-photo'
  1118. });
  1119. });
  1120. </script>
  1121.  
  1122. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!