API tools faq
paste
Advertisement
Guest User

wildflowers.

a guest
Jun 24th, 2019
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.31 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.  
  3. <!---
  4.  
  5. THEME BY TENDERHEART.
  6. http://thalleiiin.tumblr.com
  7.  
  8. --->
  9.  
  10. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <!--------- GENERAL --------->
  14.  
  15. <title>{title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{image:favicon}" />
  18.  
  19. <!--------- META --------->
  20.  
  21. <meta name="image:favicon" content=""/>
  22. <meta name="image:graphic" content=""/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:accent" content=""/>
  25.  
  26. <meta name="color:background" content="#dccbe7"/>
  27. <meta name="color:offset" content="#a77dc2"/>
  28. <meta name="color:body font" content="#43324e"/>
  29. <meta name="color:borders" content="#86649b"/>
  30. <meta name="color:links" content="#a77dc2"/>
  31. <meta name="color:links hover" content="#ede5f3"/>
  32. <meta name="color:bold text" content="#644b74"/>
  33. <meta name="color:tooltips text" content="#ede5f3"/>
  34. <meta name="color:gradient 1" content="#cab1da"/>
  35. <meta name="color:gradient 2" content="#86649b"/>
  36.  
  37. <meta name="if:gradient background" content="1"/>
  38. <meta name="if:tags" content="1"/>
  39. <meta name="if:cover" content="1"/>
  40. <meta name="if:rounded" content="1"/>
  41.  
  42. <meta name="text:muse" content="information about the muse."/>
  43. <meta name="text:author" content="information about the author."/>
  44. <meta name="text:credit" content="don't forget to credit the makers of your icons, graphics, art and so on. they work hard for you!"/>
  45. <meta name="text:text symbol" content=""/>
  46.  
  47. <!--------- FONTS --------->
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  50.  
  51. <link href="https://fonts.googleapis.com/css?family=Sofia&display=swap" rel="stylesheet">
  52.  
  53.  
  54. <!--------- SCRIPTS --------->
  55.  
  56. <!--------- POPUPS --------->
  57.  
  58. <script type="text/javascript"
  59. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60. <script>
  61. $(document).ready(function() {
  62. //
  63. $('a.poplight[href^=#]').click(function() {
  64. var popID = $(this).attr('rel'); //Get Popup Name
  65. var popURL = $(this).attr('href'); //Get Popup href to define size
  66. var query= popURL.split('?');
  67. var dim= query[1].split('&');
  68. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  69. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  70. var popMargTop = ($('#' + popID).height() + 80) / 2;
  71. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  72. $('body').append('<div id="fade"></div>');
  73. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  74. return false;
  75. });
  76. $('a.close, #fade').live('click', function() {
  77. $('#fade , .popup_block').fadeOut(function() {
  78. $('#fade, a.close').remove(); //fade them both out
  79. });
  80. return false;
  81. });
  82. });
  83. </script>
  84.  
  85. <!--------- PHOTOSETS --------->
  86.  
  87. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  88. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  89. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  90.  
  91. <script>
  92. $(document).ready(function(){
  93. $('.photo-slideshow').pxuPhotoset({
  94. lightbox: true,
  95. rounded: true,
  96. gutter: '4px',
  97. borderRadius: '5px',
  98. photoset: '.photo-slideshow',
  99. photoWrap: '.photo-data',
  100. photo: '.pxu-photo'
  101. });
  102. });
  103. </script>
  104.  
  105. <!-- smooth scroll -->
  106. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  107.  
  108. <!-- tooltips -->
  109. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:200,
  116. tip_fade_speed:300
  117. }
  118. );
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123. <!--------- CONTROLS --------->
  124.  
  125. <style type="text/css">
  126.  
  127. iframe.tmblr-iframe {
  128. z-index:99999999999999!important;
  129. top:5px!important;
  130. right:40px!important;
  131. opacity:0;
  132. padding-right:38px;
  133. transform:scale(0.65);
  134. transform-origin:100% 0;
  135. -webkit-transform:scale(0.65);
  136. -webkit-transform-origin:100% 0;
  137. -o-transform:scale(0.65);
  138. -o-transform-origin:100% 0;
  139. -moz-transform:scale(0.65);
  140. -moz-transform-origin:100% 0;
  141. -ms-transform:scale(0.65);
  142. -ms-transform-origin:100% 0;}
  143.  
  144. iframe.tmblr-iframe:hover {
  145. opacity:0.6!important;}
  146.  
  147. .hcontrols {
  148. position:fixed;
  149. top:0px;
  150. right:30px;
  151. z-index:999999999;}
  152.  
  153. .hcontrols svg {
  154. width:25px;
  155. height:25px;
  156. padding:10px;}
  157.  
  158. .hcontrols svg path {
  159. fill:{color:borders};/* change this to change the color of the icon */}
  160.  
  161. <style type="text/css">
  162.  
  163. /* ----------------- TEXT POSTS ----------------- */
  164.  
  165. #textadj{
  166. }
  167.  
  168. #wrap{
  169. overflow:auto;
  170. margin-top:-10px;
  171. }
  172.  
  173. #wrap img {
  174. padding:0px;
  175. float:left;
  176. margin-top:20px;
  177. margin-bottom:20px!important;
  178. margin-right:20px;
  179. position:relative;
  180. }
  181.  
  182. #titleadj {
  183. }
  184.  
  185. blockquote{
  186. border-left: 2px solid {color:borders};
  187. border-radius:5px;
  188. padding-left:15px;
  189. margin-left: 0px;
  190. margin-right:0px;
  191. margin-top:-10px;
  192. margin-bottom:-10px;
  193. word-wrap: break-word!important;}
  194.  
  195. blockquote img {
  196. padding:0px;
  197. overflow:auto;
  198. float:right!important;
  199. margin-right:0px!important;
  200. margin-top:20px!important;
  201. margin-left:20px!important;
  202. margin-bottom:20px!important;
  203. position:relative;
  204. }
  205.  
  206. article{
  207. width:30%;
  208. overflow:auto;
  209. padding:25px;
  210. margin:25px;
  211. background:{color:background};
  212. line-height:20px!important;
  213. }
  214.  
  215. article img{
  216. max-width:100%;
  217. height:auto;
  218. }
  219.  
  220. /* ----------------- PHOTO POSTS ----------------- */
  221.  
  222. #photo_caption{
  223. margin-top:6px;
  224. overflow:auto
  225. }
  226.  
  227. #photo_caption blockquote{margin-top:-15px;
  228. }
  229.  
  230. #photo_adjust{margin-bottom:-6px;
  231. }
  232.  
  233. /* ----------------- ASK POSTS ----------------- */
  234.  
  235. #ask{
  236. width:100%;
  237. }
  238.  
  239. #question{
  240. padding:20px;
  241. font-weight:600;
  242. text-transform:uppercase;
  243. font-size:10px;
  244. letter-spacing:2px;
  245. background-color:{color:offset};
  246. color:{color:background};
  247. margin-bottom:20px;
  248. }
  249.  
  250. #question a{color:{color:background};}
  251.  
  252. #question a:hover{color:{color:links hover};}
  253.  
  254. #asker{
  255. font-size:20px;
  256. text-align:center;
  257. text-transform:lowercase;
  258. font-variant:small-caps;
  259. font-weight:bold;
  260. letter-spacing:2px;
  261. margin-bottom:-5px;
  262. }
  263.  
  264. #answer{
  265. margin-top:-10px!important;
  266. overflow:auto;
  267. }
  268.  
  269. #answer img {
  270. padding:0px;
  271. max-width:300px;
  272. height:auto;
  273. float:right!important;
  274. margin-right:0px!important;
  275. margin-left:20px;
  276. margin-top:20px;
  277. margin-bottom:20px;
  278. width:auto;
  279. position:relative;}
  280.  
  281. /* ----------------- DESCRIPTION ----------------- */
  282.  
  283.  
  284. .cover{
  285. color:{color:offset}!important;
  286. position:absolute;
  287. height:550px;
  288. text-align:center;
  289. top: 50%;
  290. -webkit-transform: translateY(-50%);
  291. -ms-transform: translateY(-50%);
  292. transform: translateY(-50%);
  293. transition: 0.8s;
  294. font-family:'sofia', sans;
  295. text-transform:lowercase;
  296. font-size:60px;
  297. display:block;
  298. padding-right:100px;padding-left:100px;
  299. z-index:0;
  300. text-shadow: 2px 0 0 {color:borders}, -2px 0 0 {color:borders}, 0 2px 0 {color:borders}, 0 -2px 0 {color:borders}, 1px 1px {color:borders}, -1px -1px 0 {color:borders}, 1px -1px 0 {color:borders}, -1px 1px 0 {color:borders};
  301. }
  302.  
  303. #covertext{
  304. position:relative;
  305. max-width:360px;
  306. top: 175px;
  307. word-wrap:break-word!important;
  308. }
  309.  
  310. /* ----------------- LIGHTBOX ----------------- */
  311.  
  312. .vignette, #vignette {
  313. opacity:0;
  314. }
  315. .lightbox-image, #tumblr_lightbox img {
  316. box-shadow:none !important;
  317. border-radius:0 !important;
  318. max-width:none;
  319. }
  320.  
  321. .tmblr-lightbox, #tumblr_lightbox {
  322. background-color:rgba({RGBcolor:background},0.85)!important;
  323. z-index:999999999999!important;
  324. }
  325.  
  326. /* ----------------- BASICS ----------------- */
  327.  
  328. body{
  329. overflow:hidden;
  330. text-transform:lowercase;
  331. text-align:justify;
  332. font-family: 'Ubuntu', sans;
  333. letter-spacing:2px;
  334. font-size:12px;
  335. color:{color:body font};
  336. background-color:{color:offset};
  337. cursor:crosshair;
  338. }
  339.  
  340. .gradient{
  341. height:100%;
  342. width:100vw;
  343. z-index:-1;
  344. position:fixed;
  345. top:0px;
  346. left:0px;
  347. background: {color:gradient 1};
  348. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
  349. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
  350. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
  351. background: linear-gradient({color:gradient 1}, {color:gradient 2});
  352. }
  353.  
  354. ul {
  355. list-style-type: square;
  356. }
  357.  
  358. img{max-width:100%;height:auto}
  359.  
  360. p {
  361. margin-top:0px;padding-top:0px;padding-bottom:0px;margin-bottom:20px;line-height:20px;}
  362.  
  363. hr {
  364. height:2px;
  365. border:none;
  366. width:95%;
  367. background-image:-webkit-linear-gradient(left,rgba({RGBcolor:borders},0),rgba({RGBcolor:borders},.85),rgba({RGBcolor:borders},0));
  368. background-image:-moz-linear-gradient(left,rgba({RGBcolor:borders},0),rgba({RGBcolor:borders},.85),rgba({RGBcolor:borders},0));
  369. background-image:-ms-linear-gradient(left,rgba({RGBcolor:borders},0),rgba({RGBcolor:borders},.85),rgba({RGBcolor:borders},0));
  370. background-image:-o-linear-gradient(left,rgba({RGBcolor:borders},0),rgba({RGBcolor:borders},.85),rgba({RGBcolor:borders},0))}
  371.  
  372. b, strong{
  373. font-weight:bold;
  374. text-transform:lowercase;
  375. font-variant:small-caps;
  376. letter-spacing:2px;
  377. }
  378.  
  379. a{
  380. color:{color:links};
  381. cursor:help;
  382. font-weight:bold;
  383. letter-spacing:2px;
  384. font-variant:small-caps;
  385. text-transform:lowercase;
  386. text-decoration:none;
  387. transition:0.8s;
  388. font-size:120%;
  389. }
  390.  
  391. a:hover{
  392. color:{color:links hover};}
  393.  
  394. span {margin:0px;padding:0px;}
  395.  
  396. h1 {
  397. font-size:25px!important;
  398. background-color:{color:offset};
  399. color:{color:background};
  400. {block:ifrounded}
  401. border-radius:30px;
  402. {/block:ifrounded}
  403. font-family: 'sofia', sans;
  404. margin:10px;
  405. padding:2px;
  406. text-transform:lowercase;
  407. text-align:center!important;
  408. line-height:20px
  409. }
  410.  
  411. h2{
  412. letter-spacing:2px;
  413. font-family: 'sofia', sans-serif;
  414. margin-top:5px;
  415. margin-bottom:20px;
  416. line-height:20px;
  417. font-size:16px;
  418. text-align:left;
  419. font-variant:none!important;
  420. text-transform:none!important;
  421. }
  422.  
  423. h2 b{
  424. font-variant:none!important;
  425. text-transform:none!important;
  426. font-weight:900;
  427. }
  428.  
  429. h2 a{font-weight:900}
  430.  
  431. underlined{
  432. border-bottom:1px solid {color:offset};
  433. }
  434.  
  435. pre{
  436. overflow:auto;
  437. display:block;
  438. padding:5px;
  439. }
  440.  
  441. small,smaller,smallest{
  442. font-size:12px;
  443. }
  444.  
  445. /* ----------------- CREDIT ----------------- */
  446.  
  447. #c{
  448. font-size:23px !important;
  449. font-weight:400;
  450. position:fixed;
  451. top: 2px;
  452. right: 10px;
  453. opacity:.9;
  454. text-align:center;
  455. z-index:999999999;
  456. }
  457.  
  458. #c a{
  459. color:{color:borders};
  460. text-decoration:none;
  461. }
  462.  
  463. #c a:hover{
  464. color:{color:background 1};
  465. }
  466.  
  467. /* ----------------- SCROLLBAR ----------------- */
  468.  
  469. ::-webkit-scrollbar-thumb:vertical {
  470. background-color: {color:background};
  471. width:0px;
  472. }
  473.  
  474. ::-webkit-scrollbar {
  475. width:0px;
  476. }
  477.  
  478. ::selection {
  479. background-color:{color:offset};
  480. color:{color:background};}
  481.  
  482. /* ----------------- TOOLTIPS ----------------- */
  483.  
  484. #s-m-t-tooltip {
  485. max-width:250px;
  486. padding:10px;
  487. font-family: 'sofia', sans-serif;
  488. text-transform:lowercase!important;
  489. text-shadow: 2px 0 0 {color:borders}, -2px 0 0 {color:borders}, 0 2px 0 {color:borders}, 0 -2px 0 {color:borders}, 1px 1px {color:borders}, -1px -1px 0 {color:borders}, 1px -1px 0 {color:borders}, -1px 1px 0 {color:borders};
  490. margin:20px;
  491. font-weight: 900;
  492. font-size:18px;
  493. color:{color:tooltips text};
  494. letter-spacing:2px;
  495. text-align:center;
  496. text-transform:none;
  497. z-index:999999999999999999999999999999999999999999999999999999999;}
  498.  
  499. /* ----------------- CONTAINER ----------------- */
  500.  
  501. .container{
  502. position:absolute;
  503. overflow:none;
  504. left:33%;
  505. right:0px;
  506. bottom:0px;
  507. height:550px;
  508. border:2px solid {color:borders};
  509. {block:ifrounded}
  510. border-radius:30px;
  511. {/block:ifrounded}
  512. background-color:rgba({RGBcolor:background},0.6);
  513. width:400px;
  514. top: 50%;
  515. -webkit-transform: translateY(-50%);
  516. -ms-transform: translateY(-50%);
  517. transform: translateY(-50%);
  518. transition: 0.8s;
  519. -webkit-transition-delay: 0.2s;
  520. -moz-transition-delay: 0.2s;
  521. -o-transition-delay: 0.2s;
  522. transition-delay: 0.2s;
  523. z-index:999;
  524. }
  525.  
  526. .container:hover .cover {
  527. opacity: 0;
  528. }
  529.  
  530. .container:hover .postcont {
  531. opacity: 1;
  532. }
  533.  
  534. /* ----------------- POST CONTENT ----------------- */
  535.  
  536. .postcont{
  537. {block:ifcover}
  538. opacity:0.001;
  539. {/block:ifcover}
  540. position:absolute;
  541. width:249%;
  542. height:550px;
  543. overflow-y:scroll;
  544. overflow-x:hidden;
  545. transition: 0.8s;
  546. -webkit-transition-delay: 0.2s;
  547. -moz-transition-delay: 0.2s;
  548. -o-transition-delay: 0.2s;
  549. transition-delay: 0.2s;
  550. }
  551.  
  552. {block:ifcover}
  553. .postcont:hover{opacity:1};
  554. {/block:ifcover}
  555.  
  556. /* ----------------- SIDEBAR ----------------- */
  557.  
  558. #sidebar{
  559. position:absolute;
  560. top:493px;
  561. left:945px;
  562. width:210px;
  563. padding:15px;
  564. background-color:rgba({RGBcolor:background});
  565. border:0px solid {color:background};
  566. text-align:center;
  567. font-size:14px;
  568. font-variant:small-caps;
  569. line-height:12px;
  570. }
  571.  
  572. #sidebar i{font-size:10px;font-weight:600;}
  573.  
  574. #sidebar b{
  575. color:{color:gradient 2};
  576. font-size:24px;
  577. line-height:24px;
  578. font-weight:900;
  579. letter-spacing:5px;
  580. font-variant:small-caps;
  581. text-shadow: 2px 0 0 {color:borders}, -2px 0 0 {color:borders}, 0 2px 0 {color:borders}, 0 -2px 0 {color:borders}, 1px 1px {color:borders}, -1px -1px 0 {color:borders}, 1px -1px 0 {color:borders}, -1px 1px 0 {color:borders};
  582. }
  583.  
  584. /* ----------------- NAVIGATION BAR ----------------- */
  585.  
  586. nav{
  587. position:absolute;
  588. padding:10px;
  589. margin:0px;
  590. width:8%;
  591. text-align:center;
  592. left:25.25%;
  593. top: 50%;
  594. -webkit-transform: translateY(-50%);
  595. -ms-transform: translateY(-50%);
  596. transform: translateY(-50%);
  597. }
  598.  
  599. nav a{
  600. font-size:36px;
  601. line-height:70px;
  602. color:{color:offset};
  603. font-family: 'Sacramento', sans;
  604. transition: 0.8s;
  605. text-shadow: 2px 0 0 {color:borders}, -2px 0 0 {color:borders}, 0 2px 0 {color:borders}, 0 -2px 0 {color:borders}, 1px 1px {color:borders}, -1px -1px 0 {color:borders}, 1px -1px 0 {color:borders}, -1px 1px 0 {color:borders};
  606. }
  607.  
  608. nav a:hover{
  609. color:{color:links hover};
  610. font-size:42px;
  611. }
  612.  
  613. /* ----------------- LINKS ----------------- */
  614.  
  615. #link{
  616. padding:10px;
  617. background-color:rgba({RGBcolor:gradient 1}, 0.3);
  618. }
  619.  
  620. /* ----------------- QUOTES ----------------- */
  621.  
  622. #quotecaption{
  623. overflow:auto;
  624. margin-bottom:5px;
  625. letter-spacing:3px!important;
  626. font-variant:small-caps;
  627. text-align:center!important;
  628. font-weight:900;
  629. }
  630.  
  631. #quote{
  632. font-size:20px!important;font-family: 'sofia', sans;
  633. margin:5px 0px;
  634. letter-spacing:3px!important;
  635. text-transform:none;
  636. text-align:center!important;}
  637. }
  638.  
  639. /* ----------------- AUDIO ----------------- */
  640.  
  641. #audio {
  642. margin-top:0;
  643. height:42px;
  644. background-color:{color:background};
  645. border:1px solid {color:borders};
  646. border-radius:0px;
  647. }
  648.  
  649.  
  650. .player {
  651. opacity:0.1;
  652. position: absolute;
  653. z-index: 1;
  654. width: 40px;
  655. height: 20px;
  656. margin-top: 3px;
  657. margin-left: 5px;
  658. display: block;
  659. transition:0.8s;
  660. }
  661.  
  662. .player:hover {
  663. opacity:0.5;
  664. }
  665.  
  666. .audioplayer {
  667. width: 34px;
  668. height: 30px;
  669. margin-top: 1px;
  670. margin-left: 7px;
  671. overflow: hidden;
  672. padding-top: 3px;
  673. border-radius:50%;
  674. background-color:#f2f2f2;
  675. }
  676.  
  677. .audioinfo {
  678. margin-left: 4px;
  679. margin-top: -5px;
  680. margin-right:3px;
  681. padding-left: 65px;
  682. padding-bottom:10px;
  683. font-family: 'Ubuntu', sans-serif;
  684. font-size:14px;
  685. text-transform:lowercase;
  686. font-variant:small-caps;
  687. display: block;
  688. }
  689.  
  690. /* ----------------- VIDEO ----------------- */
  691.  
  692. .video-container {
  693. position: relative;
  694. padding-bottom: 56.25%;
  695. padding-top: 30px;
  696. height: 0;
  697. overflow: hidden;
  698. }
  699.  
  700. .video-container iframe,
  701. .video-container object,
  702. .video-container embed {
  703. position: absolute;
  704. top: 0;
  705. left: 0;
  706. width: 100%;
  707. height: 100%;
  708. }
  709.  
  710. /* ----------------- POPUPS ----------------- */
  711.  
  712. .popup_block{
  713. color:{color:background};
  714. display:none;
  715. overflow:scroll;
  716. padding:20px;
  717. height:100%;
  718. margin-bottom:20px;
  719. width:25%;
  720. float:right;
  721. position:fixed;
  722. top:0px;left:0px;
  723. z-index: 99999;
  724. }
  725.  
  726. .popup_block b{
  727. color:{color:links};
  728. }
  729.  
  730. .popup_block a{
  731. color:{color:links hover};
  732. }
  733.  
  734. *html #fade {position: absolute;}
  735. *html .popup_block {position: absolute;}
  736.  
  737. #fade {
  738. display:none;
  739. position:fixed;
  740. left:0px;
  741. top:0px;
  742. width:100%;
  743. height:100%;
  744. z-index:99;
  745. background:#000;
  746. opacity:0.5;
  747. }
  748.  
  749. /* ----------------- BACKGROUND IMAGES ----------------- */
  750.  
  751. #graphic {
  752. position:absolute;
  753. text-align:center;
  754. width:31%;
  755. padding:2%;
  756. left:63%;
  757. top: 50%;
  758. -webkit-transform: translateY(-50%);
  759. -ms-transform: translateY(-50%);
  760. transform: translateY(-50%);
  761. }
  762.  
  763. #background {
  764. position:absolute;
  765. top:0px;
  766. right:0px;
  767. z-index:-1;
  768.  
  769. }
  770.  
  771. #accent {
  772. position:absolute;
  773. left:-200px;
  774. bottom:-0px;
  775. opacity:.4;
  776. z-index:0;
  777.  
  778. }
  779.  
  780. /* ----------------- DATE BAR ----------------- */
  781.  
  782. #datebar {
  783. margin-top:0px;
  784. color:{color:background};
  785. background-color:{color:offset};
  786. letter-spacing:10px;
  787. position:relative;
  788. font-size:16px;
  789. line-height:30px;
  790. font-weight:900;
  791. text-align:center;
  792. }
  793.  
  794. #datebar a{
  795. color:{color:background};
  796. }
  797.  
  798. #datebar a:hover{
  799. color:{color:links hover};
  800. font-size:18px;
  801. }
  802.  
  803. /* ----------------- TAGS ----------------- */
  804.  
  805. #tags {
  806. text-align:center;
  807. font-weight:bold;
  808. margin-top:10px;
  809. margin-bottom:-10px;
  810. font-size:10px;
  811. letter-spacing:2px;
  812. word-wrap: break-word!important;
  813. }
  814.  
  815. #tags a{
  816. color:{color:gradient 2};
  817. font-weight:bold;
  818. font-variant:small-caps;
  819. text-decoration:none;
  820. transition: 0.8s;
  821. }
  822.  
  823. #tags a:hover{color:{color:links hover};
  824. letter-spacing:3px;
  825. }
  826.  
  827. /* ----------------- CHAT POSTS ----------------- */
  828.  
  829. #chat {
  830. }
  831.  
  832. #chatlines {
  833. line-height:120%!important;
  834. }
  835.  
  836. /* ----------------- NOTES ----------------- */
  837.  
  838. #note {
  839. background-color:{color:background};
  840. padding-top:25px;
  841. padding-right:25px;
  842. padding-left:25px;
  843. padding-bottom:20px;
  844. margin:25px;
  845. width:300px;
  846. line-height:150%;
  847. }
  848.  
  849. #note a{color:{color:body font}}
  850.  
  851. .notes img{display:none;}
  852. ol.notes, .notes li{list-style:none;padding:0px;margin:0px;}
  853.  
  854. </style>
  855. </head>
  856. <body>
  857.  
  858. {block:ifgradientbackground}
  859. <div class="gradient"></div>
  860. {/block:ifgradientbackground}
  861.  
  862. <div id="background">
  863. <img src="{image:background}">
  864. </div>
  865.  
  866. <div id="graphic">
  867. <a href="/" title="{description}"><img src="{image:graphic}"></a>
  868. </div>
  869.  
  870. <div id="accent">
  871. <img src="{image:accent}">
  872. </div>
  873.  
  874. <nav>
  875.  
  876. <a rel="page001" href="#?w" class="poplight" title="message">{text:text symbol}</a><br>
  877.  
  878. <a rel="page002" href="#?w" class="poplight" title="muse">{text:text symbol}</a><br>
  879.  
  880. <a rel="page003" href="#?w" class="poplight" title="author">{text:text symbol}</a><br>
  881.  
  882. <a rel="page004" href="#?w" class="poplight" title="credit">{text:text symbol}</a><br>
  883.  
  884. {block:pagination}
  885. {block:NextPage}
  886. <a title="forward" href="{NextPage}">▶</a><br>
  887. {/block:NextPage}
  888.  
  889. {block:PreviousPage}
  890. <a href="{PreviousPage}" title="back">◀</a>
  891. {/block:PreviousPage}
  892. {/block:pagination}
  893.  
  894. </nav>
  895.  
  896. <div class="container">
  897.  
  898. {block:ifcover}
  899. <div class="cover"><div id="covertext">{title}</div></div>
  900. {/block:ifcover}
  901.  
  902. <div class="postcont">
  903. {block:Posts}
  904. <article>
  905.  
  906. <!------------------ TEXT POSTS ----------------->
  907.  
  908. {block:Text}
  909. {block:Title}
  910. <div id="titleadj">
  911. <h1>{Title}</h1>
  912. </div>
  913. {/block:Title}
  914. <div id="wrap">
  915. <div id="textadj">
  916. {Body}
  917. </div></div>
  918. {/block:Text}
  919.  
  920. <!------------------ READMORE ----------------->
  921.  
  922. {block:More}
  923. <div id="readmore">
  924. <a href="permalink" target="_blank">read more</a>.
  925. </div>
  926. {/block:More}
  927.  
  928. <!------------------ PHOTO POSTS ----------------->
  929.  
  930. {block:Photo}
  931. <div id="photo_adjust">
  932. <a target="_blank" href="{PhotoURL-HighRes}">
  933. <img class="image" src="{PhotoURL-400}" alt="{PhotoAlt}" />
  934. </a></div>
  935. {block:caption}
  936. <div id="photo_caption">{caption}</div>
  937. {/block:caption}
  938. {/block:Photo}
  939.  
  940. <!------------------ PHOTOSETS ----------------->
  941.  
  942. {block:Photoset}
  943. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  944. {block:Photos}
  945. <div class="photo-data">
  946. <div class="pxu-photo">
  947.  
  948. <img src="{PhotoURL-400}" width="{PhotoWidth-350}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  949.  
  950. </div>
  951. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  952. </div>
  953. {/block:Photos}
  954.  
  955. </div>
  956. {block:caption}
  957. <div id="photo_caption">{caption}</div>
  958. {/block:caption}
  959. {/block:Photoset}
  960.  
  961. <!------------------ QUOTES ----------------->
  962.  
  963. {block:Quote}
  964. <div id="quote">❝&nbsp;{Quote}&nbsp;❞</div>
  965. {block:Source}
  966. <div id="quotecaption" align="center">{Source}</div>
  967. {/block:Source}
  968. {/block:Quote}
  969.  
  970. <!------------------ LINKS ----------------->
  971.  
  972. {block:Link}
  973. <div>
  974. <a href="{URL}" target="_blank"><h1>{Name}</h1></a>
  975. <div id="linkdesc">
  976. {block:Excerpt}{Excerpt}{/block:Excerpt}
  977. </div>
  978. </div>
  979. {block:caption}
  980. <div id="photo_caption">{caption}</div>
  981. {/block:caption}
  982. {/block:Link}
  983.  
  984. <!------------------ CHAT POSTS ----------------->
  985.  
  986. {block:Chat}
  987. <div class="chat">
  988. <div class="chatlines">
  989. {block:Lines}
  990. {block:Label}
  991. <span class="label">
  992. <b>{Label}</b></span>
  993. {/block:Label}
  994. {Line}<br>
  995. {/block:Lines}
  996. </div>
  997. </div>
  998. {/block:Chat}
  999.  
  1000. <!------------------ AUDIO ----------------->
  1001.  
  1002. {block:Audio}
  1003.  
  1004. <div id="audio">
  1005. <div class="player">
  1006.  
  1007. <div class="audioplayer">
  1008. {AudioPlayerWhite}
  1009. </div class="audioplayer">
  1010.  
  1011. </div class="player">
  1012.  
  1013. <div class="audioinfo">
  1014. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}&nbsp;
  1015. </div class="audioinfo">
  1016.  
  1017. </div id="audio">
  1018.  
  1019. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1020. {/block:Audio}
  1021.  
  1022. <!------------------ VIDEO ----------------->
  1023.  
  1024. {block:Video}
  1025. <div class="video-container">
  1026. {Video-400}
  1027. {block:Caption}{Caption}{/block:Caption}
  1028. </div class="video-container">
  1029. {/block:Video}
  1030.  
  1031. <!------------------ ASK ----------------->
  1032.  
  1033. {block:Answer}
  1034. <div id="ask">
  1035. <div id="question">
  1036. <div id="asker">{Asker}:</div><br>
  1037. {Question}
  1038. </div id="ask">
  1039. </div id="question">
  1040.  
  1041. <div id="answer">
  1042. {Answer}
  1043. </div id="answer">
  1044. {/block:Answer}
  1045.  
  1046. <!------------------ INDEX ----------------->
  1047.  
  1048. {block:IndexPage}
  1049. {block:Date}
  1050. <div id="datebar">
  1051. {block:rebloggedfrom}
  1052. <a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}.">
  1053. •
  1054. </a>&nbsp;
  1055. {/block:rebloggedfrom}
  1056. <a title="reblogged {timeago}.">
  1057. •
  1058. </a>&nbsp;
  1059. <a href="{permalink}" title="{notecount} notes.">
  1060. •
  1061. </a>&nbsp;
  1062. <a href="{SourceURL}" target="_blank" title="source.">
  1063. •
  1064. </a>&nbsp;
  1065. <a href="{ReblogUrl}" title="reblog." target="_blank">
  1066. •
  1067. </a>
  1068. </div>
  1069. {/block:Date}
  1070.  
  1071. <!-- post buttons -->
  1072.  
  1073. {block:IfTags}
  1074. {block:HasTags}
  1075. <div id="tags">
  1076. {block:Tags}<a href="{TagURL}" title="{tag}">{tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}
  1077. </div>
  1078. {/block:HasTags}
  1079. {/block:IfTags}
  1080. {/block:indexpage}
  1081.  
  1082. {block:PermalinkPage}
  1083. {block:Date}
  1084. <div id="datebar">
  1085. {block:rebloggedfrom}
  1086. <a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}.">
  1087. •
  1088. </a>&nbsp;
  1089. {/block:rebloggedfrom}
  1090. <a title="reblogged {timeago}.">
  1091. •
  1092. </a>&nbsp;
  1093. <a href="{permalink}" title="{notecount} notes.">
  1094. •
  1095. </a>&nbsp;
  1096. <a href="{SourceURL}" target="_blank" title="source.">
  1097. •
  1098. </a>&nbsp;
  1099. <a href="{ReblogUrl}" title="reblog." target="_blank">
  1100. •
  1101. </div>
  1102. {/block:Date}
  1103.  
  1104. <!------------------ TAGS ----------------->
  1105.  
  1106. {block:IfTags}
  1107. {block:HasTags}
  1108. <div id="tags">
  1109. {block:Tags}<a href="{TagURL}" title="{tag}">{tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}
  1110. </div>
  1111. {/block:HasTags}
  1112. {/block:IfTags}
  1113. {/block:PermalinkPage}
  1114. </article>
  1115.  
  1116. <!------------------ NOTES ----------------->
  1117.  
  1118. {block:PermalinkPage}
  1119. {block:PostNotes}
  1120. {block:NoteCount}
  1121. <div id="note">
  1122. {PostNotes}
  1123. </div>
  1124. {/block:NoteCount}
  1125. {/block:PostNotes}
  1126. {/block:permalinkpage}
  1127. {/block:Posts}
  1128. </div>
  1129. <!------------------ POST CONTENT END ----------------->
  1130. </div>
  1131. <!------------------ CONTAINER END ----------------->
  1132.  
  1133. <div id="c">
  1134. <a href="https://thalleiin.tumblr.com" title="made with love by tenderheart.">♡</a>
  1135. </div>
  1136. </div>
  1137.  
  1138. <!------------------ POPUPS ----------------->
  1139.  
  1140. <div id="page001" class="popup_block">
  1141.  
  1142. <br><br><br><br><br><br><h1>message:</h1><br><br><br>
  1143.  
  1144. <div align="center" id="ask">
  1145.  
  1146. <iframe src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" frameborder="0" height="250" scrolling="yes" width="100%"></iframe>
  1147. </div>
  1148.  
  1149. </div id="page001" class="popup_block">
  1150.  
  1151. <div id="page002" class="popup_block">
  1152.  
  1153. <br><h1>muse</h1><br>
  1154.  
  1155. {text:muse}
  1156.  
  1157. </div id="page002" class="popup_block">
  1158.  
  1159. <div id="page003" class="popup_block">
  1160.  
  1161. <br><h1>author</h1><br>
  1162.  
  1163. {text:author}
  1164.  
  1165. </div id="page003" class="popup_block">
  1166.  
  1167. <div id="page004" class="popup_block">
  1168.  
  1169. <br><h1>credit</h1><br>
  1170.  
  1171. {text:credit}
  1172.  
  1173. </div id="page004" class="popup_block">
  1174.  
  1175. <!------------------ CUSTOM CONTROLS ----------------->
  1176.  
  1177. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
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!