API tools faq
paste
Advertisement
Guest User

wildflowers.

a guest
Jun 24th, 2019
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.35 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. z-index:10;
  533. }
  534.  
  535. /* ----------------- POST CONTENT ----------------- */
  536.  
  537. .postcont{
  538. {block:ifcover}
  539. opacity:0.001;
  540. {/block:ifcover}
  541. position:absolute;
  542. width:249%;
  543. height:550px;
  544. overflow-y:scroll;
  545. overflow-x:hidden;
  546. transition: 0.8s;
  547. -webkit-transition-delay: 0.2s;
  548. -moz-transition-delay: 0.2s;
  549. -o-transition-delay: 0.2s;
  550. transition-delay: 0.2s;
  551. }
  552.  
  553. {block:ifcover}
  554. .postcont:hover{opacity:1};
  555. {/block:ifcover}
  556.  
  557. /* ----------------- SIDEBAR ----------------- */
  558.  
  559. #sidebar{
  560. position:absolute;
  561. top:493px;
  562. left:945px;
  563. width:210px;
  564. padding:15px;
  565. background-color:rgba({RGBcolor:background});
  566. border:0px solid {color:background};
  567. text-align:center;
  568. font-size:14px;
  569. font-variant:small-caps;
  570. line-height:12px;
  571. }
  572.  
  573. #sidebar i{font-size:10px;font-weight:600;}
  574.  
  575. #sidebar b{
  576. color:{color:gradient 2};
  577. font-size:24px;
  578. line-height:24px;
  579. font-weight:900;
  580. letter-spacing:5px;
  581. font-variant:small-caps;
  582. 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};
  583. }
  584.  
  585. /* ----------------- NAVIGATION BAR ----------------- */
  586.  
  587. nav{
  588. position:absolute;
  589. padding:10px;
  590. margin:0px;
  591. width:8%;
  592. text-align:center;
  593. left:25.25%;
  594. top: 50%;
  595. -webkit-transform: translateY(-50%);
  596. -ms-transform: translateY(-50%);
  597. transform: translateY(-50%);
  598. }
  599.  
  600. nav a{
  601. font-size:36px;
  602. line-height:70px;
  603. color:{color:offset};
  604. font-family: 'Sacramento', sans;
  605. transition: 0.8s;
  606. 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};
  607. }
  608.  
  609. nav a:hover{
  610. color:{color:links hover};
  611. font-size:42px;
  612. }
  613.  
  614. /* ----------------- LINKS ----------------- */
  615.  
  616. #link{
  617. padding:10px;
  618. background-color:rgba({RGBcolor:gradient 1}, 0.3);
  619. }
  620.  
  621. /* ----------------- QUOTES ----------------- */
  622.  
  623. #quotecaption{
  624. overflow:auto;
  625. margin-bottom:5px;
  626. letter-spacing:3px!important;
  627. font-variant:small-caps;
  628. text-align:center!important;
  629. font-weight:900;
  630. }
  631.  
  632. #quote{
  633. font-size:20px!important;font-family: 'sofia', sans;
  634. margin:5px 0px;
  635. letter-spacing:3px!important;
  636. text-transform:none;
  637. text-align:center!important;}
  638. }
  639.  
  640. /* ----------------- AUDIO ----------------- */
  641.  
  642. #audio {
  643. margin-top:0;
  644. height:42px;
  645. background-color:{color:background};
  646. border:1px solid {color:borders};
  647. border-radius:0px;
  648. }
  649.  
  650.  
  651. .player {
  652. opacity:0.1;
  653. position: absolute;
  654. z-index: 1;
  655. width: 40px;
  656. height: 20px;
  657. margin-top: 3px;
  658. margin-left: 5px;
  659. display: block;
  660. transition:0.8s;
  661. }
  662.  
  663. .player:hover {
  664. opacity:0.5;
  665. }
  666.  
  667. .audioplayer {
  668. width: 34px;
  669. height: 30px;
  670. margin-top: 1px;
  671. margin-left: 7px;
  672. overflow: hidden;
  673. padding-top: 3px;
  674. border-radius:50%;
  675. background-color:#f2f2f2;
  676. }
  677.  
  678. .audioinfo {
  679. margin-left: 4px;
  680. margin-top: -5px;
  681. margin-right:3px;
  682. padding-left: 65px;
  683. padding-bottom:10px;
  684. font-family: 'Ubuntu', sans-serif;
  685. font-size:14px;
  686. text-transform:lowercase;
  687. font-variant:small-caps;
  688. display: block;
  689. }
  690.  
  691. /* ----------------- VIDEO ----------------- */
  692.  
  693. .video-container {
  694. position: relative;
  695. padding-bottom: 56.25%;
  696. padding-top: 30px;
  697. height: 0;
  698. overflow: hidden;
  699. }
  700.  
  701. .video-container iframe,
  702. .video-container object,
  703. .video-container embed {
  704. position: absolute;
  705. top: 0;
  706. left: 0;
  707. width: 100%;
  708. height: 100%;
  709. }
  710.  
  711. /* ----------------- POPUPS ----------------- */
  712.  
  713. .popup_block{
  714. color:{color:background};
  715. display:none;
  716. overflow:scroll;
  717. padding:20px;
  718. height:100%;
  719. margin-bottom:20px;
  720. width:25%;
  721. float:right;
  722. position:fixed;
  723. top:0px;left:0px;
  724. z-index: 99999;
  725. }
  726.  
  727. .popup_block b{
  728. color:{color:links};
  729. }
  730.  
  731. .popup_block a{
  732. color:{color:links hover};
  733. }
  734.  
  735. *html #fade {position: absolute;}
  736. *html .popup_block {position: absolute;}
  737.  
  738. #fade {
  739. display:none;
  740. position:fixed;
  741. left:0px;
  742. top:0px;
  743. width:100%;
  744. height:100%;
  745. z-index:99;
  746. background:#000;
  747. opacity:0.5;
  748. }
  749.  
  750. /* ----------------- BACKGROUND IMAGES ----------------- */
  751.  
  752. #graphic {
  753. position:absolute;
  754. text-align:center;
  755. width:31%;
  756. padding:2%;
  757. left:63%;
  758. top: 50%;
  759. -webkit-transform: translateY(-50%);
  760. -ms-transform: translateY(-50%);
  761. transform: translateY(-50%);
  762. z-index:1000}
  763.  
  764. #background {
  765. position:absolute;
  766. top:0px;
  767. right:0px;
  768. z-index:-1;
  769.  
  770. }
  771.  
  772. #accent {
  773. position:absolute;
  774. left:-200px;
  775. bottom:-0px;
  776. opacity:.4;
  777. z-index:0;
  778.  
  779. }
  780.  
  781. /* ----------------- DATE BAR ----------------- */
  782.  
  783. #datebar {
  784. margin-top:0px;
  785. color:{color:background};
  786. background-color:{color:offset};
  787. letter-spacing:10px;
  788. position:relative;
  789. font-size:16px;
  790. line-height:30px;
  791. font-weight:900;
  792. text-align:center;
  793. }
  794.  
  795. #datebar a{
  796. color:{color:background};
  797. }
  798.  
  799. #datebar a:hover{
  800. color:{color:links hover};
  801. font-size:18px;
  802. }
  803.  
  804. /* ----------------- TAGS ----------------- */
  805.  
  806. #tags {
  807. text-align:center;
  808. font-weight:bold;
  809. margin-top:10px;
  810. margin-bottom:-10px;
  811. font-size:10px;
  812. letter-spacing:2px;
  813. word-wrap: break-word!important;
  814. }
  815.  
  816. #tags a{
  817. color:{color:gradient 2};
  818. font-weight:bold;
  819. font-variant:small-caps;
  820. text-decoration:none;
  821. transition: 0.8s;
  822. }
  823.  
  824. #tags a:hover{color:{color:links hover};
  825. letter-spacing:3px;
  826. }
  827.  
  828. /* ----------------- CHAT POSTS ----------------- */
  829.  
  830. #chat {
  831. }
  832.  
  833. #chatlines {
  834. line-height:120%!important;
  835. }
  836.  
  837. /* ----------------- NOTES ----------------- */
  838.  
  839. #note {
  840. background-color:{color:background};
  841. padding-top:25px;
  842. padding-right:25px;
  843. padding-left:25px;
  844. padding-bottom:20px;
  845. margin:25px;
  846. width:300px;
  847. line-height:150%;
  848. }
  849.  
  850. #note a{color:{color:body font}}
  851.  
  852. .notes img{display:none;}
  853. ol.notes, .notes li{list-style:none;padding:0px;margin:0px;}
  854.  
  855. </style>
  856. </head>
  857. <body>
  858.  
  859. {block:ifgradientbackground}
  860. <div class="gradient"></div>
  861. {/block:ifgradientbackground}
  862.  
  863. <div id="background">
  864. <img src="{image:background}">
  865. </div>
  866.  
  867. <div id="graphic">
  868. <a href="/" title="{description}"><img src="{image:graphic}"></a>
  869. </div>
  870.  
  871. <div id="accent">
  872. <img src="{image:accent}">
  873. </div>
  874.  
  875. <nav>
  876.  
  877. <a rel="page001" href="#?w" class="poplight" title="message">{text:text symbol}</a><br>
  878.  
  879. <a rel="page002" href="#?w" class="poplight" title="muse">{text:text symbol}</a><br>
  880.  
  881. <a rel="page003" href="#?w" class="poplight" title="author">{text:text symbol}</a><br>
  882.  
  883. <a rel="page004" href="#?w" class="poplight" title="credit">{text:text symbol}</a><br>
  884.  
  885. {block:pagination}
  886. {block:NextPage}
  887. <a title="forward" href="{NextPage}">▶</a><br>
  888. {/block:NextPage}
  889.  
  890. {block:PreviousPage}
  891. <a href="{PreviousPage}" title="back">◀</a>
  892. {/block:PreviousPage}
  893. {/block:pagination}
  894.  
  895. </nav>
  896.  
  897. <div class="container">
  898.  
  899. {block:ifcover}
  900. <div class="cover"><div id="covertext">{title}</div></div>
  901. {/block:ifcover}
  902.  
  903. <div class="postcont">
  904. {block:Posts}
  905. <article>
  906.  
  907. <!------------------ TEXT POSTS ----------------->
  908.  
  909. {block:Text}
  910. {block:Title}
  911. <div id="titleadj">
  912. <h1>{Title}</h1>
  913. </div>
  914. {/block:Title}
  915. <div id="wrap">
  916. <div id="textadj">
  917. {Body}
  918. </div></div>
  919. {/block:Text}
  920.  
  921. <!------------------ READMORE ----------------->
  922.  
  923. {block:More}
  924. <div id="readmore">
  925. <a href="permalink" target="_blank">read more</a>.
  926. </div>
  927. {/block:More}
  928.  
  929. <!------------------ PHOTO POSTS ----------------->
  930.  
  931. {block:Photo}
  932. <div id="photo_adjust">
  933. <a target="_blank" href="{PhotoURL-HighRes}">
  934. <img class="image" src="{PhotoURL-400}" alt="{PhotoAlt}" />
  935. </a></div>
  936. {block:caption}
  937. <div id="photo_caption">{caption}</div>
  938. {/block:caption}
  939. {/block:Photo}
  940.  
  941. <!------------------ PHOTOSETS ----------------->
  942.  
  943. {block:Photoset}
  944. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  945. {block:Photos}
  946. <div class="photo-data">
  947. <div class="pxu-photo">
  948.  
  949. <img src="{PhotoURL-400}" width="{PhotoWidth-350}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  950.  
  951. </div>
  952. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  953. </div>
  954. {/block:Photos}
  955.  
  956. </div>
  957. {block:caption}
  958. <div id="photo_caption">{caption}</div>
  959. {/block:caption}
  960. {/block:Photoset}
  961.  
  962. <!------------------ QUOTES ----------------->
  963.  
  964. {block:Quote}
  965. <div id="quote">❝&nbsp;{Quote}&nbsp;❞</div>
  966. {block:Source}
  967. <div id="quotecaption" align="center">{Source}</div>
  968. {/block:Source}
  969. {/block:Quote}
  970.  
  971. <!------------------ LINKS ----------------->
  972.  
  973. {block:Link}
  974. <div>
  975. <a href="{URL}" target="_blank"><h1>{Name}</h1></a>
  976. <div id="linkdesc">
  977. {block:Excerpt}{Excerpt}{/block:Excerpt}
  978. </div>
  979. </div>
  980. {block:caption}
  981. <div id="photo_caption">{caption}</div>
  982. {/block:caption}
  983. {/block:Link}
  984.  
  985. <!------------------ CHAT POSTS ----------------->
  986.  
  987. {block:Chat}
  988. <div class="chat">
  989. <div class="chatlines">
  990. {block:Lines}
  991. {block:Label}
  992. <span class="label">
  993. <b>{Label}</b></span>
  994. {/block:Label}
  995. {Line}<br>
  996. {/block:Lines}
  997. </div>
  998. </div>
  999. {/block:Chat}
  1000.  
  1001. <!------------------ AUDIO ----------------->
  1002.  
  1003. {block:Audio}
  1004.  
  1005. <div id="audio">
  1006. <div class="player">
  1007.  
  1008. <div class="audioplayer">
  1009. {AudioPlayerWhite}
  1010. </div class="audioplayer">
  1011.  
  1012. </div class="player">
  1013.  
  1014. <div class="audioinfo">
  1015. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}&nbsp;
  1016. </div class="audioinfo">
  1017.  
  1018. </div id="audio">
  1019.  
  1020. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1021. {/block:Audio}
  1022.  
  1023. <!------------------ VIDEO ----------------->
  1024.  
  1025. {block:Video}
  1026. <div class="video-container">
  1027. {Video-400}
  1028. {block:Caption}{Caption}{/block:Caption}
  1029. </div class="video-container">
  1030. {/block:Video}
  1031.  
  1032. <!------------------ ASK ----------------->
  1033.  
  1034. {block:Answer}
  1035. <div id="ask">
  1036. <div id="question">
  1037. <div id="asker">{Asker}:</div><br>
  1038. {Question}
  1039. </div id="ask">
  1040. </div id="question">
  1041.  
  1042. <div id="answer">
  1043. {Answer}
  1044. </div id="answer">
  1045. {/block:Answer}
  1046.  
  1047. <!------------------ INDEX ----------------->
  1048.  
  1049. {block:IndexPage}
  1050. {block:Date}
  1051. <div id="datebar">
  1052. {block:rebloggedfrom}
  1053. <a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}.">
  1054. •
  1055. </a>&nbsp;
  1056. {/block:rebloggedfrom}
  1057. <a title="reblogged {timeago}.">
  1058. •
  1059. </a>&nbsp;
  1060. <a href="{permalink}" title="{notecount} notes.">
  1061. •
  1062. </a>&nbsp;
  1063. <a href="{SourceURL}" target="_blank" title="source.">
  1064. •
  1065. </a>&nbsp;
  1066. <a href="{ReblogUrl}" title="reblog." target="_blank">
  1067. •
  1068. </a>
  1069. </div>
  1070. {/block:Date}
  1071.  
  1072. <!-- post buttons -->
  1073.  
  1074. {block:IfTags}
  1075. {block:HasTags}
  1076. <div id="tags">
  1077. {block:Tags}<a href="{TagURL}" title="{tag}">{tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}
  1078. </div>
  1079. {/block:HasTags}
  1080. {/block:IfTags}
  1081. {/block:indexpage}
  1082.  
  1083. {block:PermalinkPage}
  1084. {block:Date}
  1085. <div id="datebar">
  1086. {block:rebloggedfrom}
  1087. <a href="{ReblogParentURL}" target="_blank" title="via {ReblogParentName}.">
  1088. •
  1089. </a>&nbsp;
  1090. {/block:rebloggedfrom}
  1091. <a title="reblogged {timeago}.">
  1092. •
  1093. </a>&nbsp;
  1094. <a href="{permalink}" title="{notecount} notes.">
  1095. •
  1096. </a>&nbsp;
  1097. <a href="{SourceURL}" target="_blank" title="source.">
  1098. •
  1099. </a>&nbsp;
  1100. <a href="{ReblogUrl}" title="reblog." target="_blank">
  1101. •
  1102. </div>
  1103. {/block:Date}
  1104.  
  1105. <!------------------ TAGS ----------------->
  1106.  
  1107. {block:IfTags}
  1108. {block:HasTags}
  1109. <div id="tags">
  1110. {block:Tags}<a href="{TagURL}" title="{tag}">{tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}
  1111. </div>
  1112. {/block:HasTags}
  1113. {/block:IfTags}
  1114. {/block:PermalinkPage}
  1115. </article>
  1116.  
  1117. <!------------------ NOTES ----------------->
  1118.  
  1119. {block:PermalinkPage}
  1120. {block:PostNotes}
  1121. {block:NoteCount}
  1122. <div id="note">
  1123. {PostNotes}
  1124. </div>
  1125. {/block:NoteCount}
  1126. {/block:PostNotes}
  1127. {/block:permalinkpage}
  1128. {/block:Posts}
  1129. </div>
  1130. <!------------------ POST CONTENT END ----------------->
  1131. </div>
  1132. <!------------------ CONTAINER END ----------------->
  1133.  
  1134. <div id="c">
  1135. <a href="https://thalleiin.tumblr.com" title="made with love by tenderheart.">♡</a>
  1136. </div>
  1137. </div>
  1138.  
  1139. <!------------------ POPUPS ----------------->
  1140.  
  1141. <div id="page001" class="popup_block">
  1142.  
  1143. <br><br><br><br><br><br><h1>message:</h1><br><br><br>
  1144.  
  1145. <div align="center" id="ask">
  1146.  
  1147. <iframe src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" frameborder="0" height="250" scrolling="yes" width="100%"></iframe>
  1148. </div>
  1149.  
  1150. </div id="page001" class="popup_block">
  1151.  
  1152. <div id="page002" class="popup_block">
  1153.  
  1154. <br><h1>muse</h1><br>
  1155.  
  1156. {text:muse}
  1157.  
  1158. </div id="page002" class="popup_block">
  1159.  
  1160. <div id="page003" class="popup_block">
  1161.  
  1162. <br><h1>author</h1><br>
  1163.  
  1164. {text:author}
  1165.  
  1166. </div id="page003" class="popup_block">
  1167.  
  1168. <div id="page004" class="popup_block">
  1169.  
  1170. <br><h1>credit</h1><br>
  1171.  
  1172. {text:credit}
  1173.  
  1174. </div id="page004" class="popup_block">
  1175.  
  1176. <!------------------ CUSTOM CONTROLS ----------------->
  1177.  
  1178. <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!