API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ SUGAR HONEY by becca. 」

destinatia
Aug 24th, 2018
2,255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- ✧ * ☾ ofparrish ™ * ✧
  6. aka bec -->
  7.  
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  13. <title>{Title}{block:TagPage} // {Tag} {/block:TagPage} {block:SearchPage} // {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} // {PostSummary} {/block:PostSummary}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17.  
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:container bg" content="#ddd" />
  20. <meta name="color:text" content="#000000" />
  21. <meta name="color:posts text" content="#000000" />
  22. <meta name="color:links hover" content="#a0a0a0" />
  23. <meta name="color:accent" content="#a48e6d" />
  24. <meta name="color:accent text" content="#fff" />
  25. <meta name="color:desc text" content="#aaa" />
  26. <meta name="color:desc accent" content="#eee" />
  27. <meta name="color:title" content="#ffffff" />
  28. <meta name="color:borders" content="#eee" />
  29. <meta name="color:navigation links" content="#000000" />
  30. <meta name="color:navigation links bg" content="#fff" />
  31. <meta name="color:click panel" content="#ddd" />
  32. <meta name="color:angled panel" content="#aaa" />
  33.  
  34. <!--------------------------- ✕ texts ✕ ------------------------------->
  35.  
  36. <meta name="text:sidebar title" content="title" />
  37. <meta name="text:sidebar description" content="description here" />
  38. <meta name="text:navigation title" content="title" />
  39. <meta name="text:navigation description" content="feel free to write as much as you want here!" />
  40. <meta name="text:tiny info" content="short pls!" />
  41.  
  42. <meta name="text:link 1" content="#" />
  43. <meta name="text:link 2" content="#" />
  44. <meta name="text:link 3" content="#" />
  45. <meta name="text:link 4" content="#" />
  46. <meta name="text:link 1 text" content="link one" />
  47. <meta name="text:link 2 text" content="link two" />
  48. <meta name="text:link 3 text" content="link three" />
  49. <meta name="text:link 4 text" content="link four" />
  50.  
  51. <!---------------------------- ✕ images ✕ ----------------------------->
  52.  
  53. <meta name="image:sb pic" content="" />
  54. <meta name="image:navigation header" content="" />
  55. <meta name="image:navigation pic 1" content="" />
  56. <meta name="image:navigation pic 2" content="" />
  57. <meta name="image:navigation pic 3" content="" />
  58. <meta name="image:background" content="" />
  59.  
  60. <!------------------------- ✕ options ✕ ----------------------------->
  61.  
  62. <meta name="if:300px posts" content="1"/>
  63. <meta name="if:grayscale on hover" content="0"/>
  64. <meta name="if:changing image on refresh" content="1"/>
  65.  
  66. <!---------------------- ✕ tooltip script ! ✕ ----------------------->
  67.  
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("a[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:90,
  77. tip_fade_speed:600,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83. <!---------------------- ✕ imported scripts ✕ ----------------------->
  84.  
  85. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  86.  
  87. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  88.  
  89. <link href="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.css" rel="stylesheet">
  90.  
  91. <script src="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.js"></script>
  92.  
  93. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  94.  
  95. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  96.  
  97. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:700" rel="stylesheet">
  98.  
  99. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
  100.  
  101. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  102.  
  103. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  104.  
  105. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  106.  
  107. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i" rel="stylesheet">
  108.  
  109. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  110.  
  111. <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
  112.  
  113.  
  114. <style type="text/css">
  115. /* ---------------------- ✕ imported fonts ✕ ----------------------- */
  116.  
  117. @font-face { font-family: "beauty"; src: url('https://dl.dropboxusercontent.com/s/r63d95pmyc3txmz/TamoroScript_PersonalUseOnly.ttf?dl=0'); format("truetype");}
  118.  
  119. @font-face { font-family: "frontage"; src: url('https://dl.dropboxusercontent.com/s/dcmbfprx16qqp71/Frontage-Outline.otf?dl=0'); format("truetype");}
  120.  
  121. @font-face { font-family: "din"; src: url('https://dl.dropboxusercontent.com/s/8lmbgawcfupw258/D-DINCondensed.otf?dl=0'); format("truetype");}
  122.  
  123.  
  124.  
  125. /* ------------------------ ✕ selection tool ✕ ----------------------- */
  126.  
  127. ::-moz-selection {
  128. background: {color:borders};
  129. color: {color:background};
  130. }
  131.  
  132. ::selection {
  133. background: {color:borders};
  134. color: {color:background};
  135. }
  136.  
  137. /* ------------------------ ✕ scrollbar ✕ ----------------------- */
  138. ::-webkit-scrollbar {
  139. width: 0px;
  140. visibility:none;
  141. }
  142.  
  143. ::-webkit-scrollbar-track {
  144. border-radius:50%;
  145. visibility:none;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb {
  149. background:{color:accent};
  150. visibility:none;
  151. width:1px;
  152. }
  153. ::-webkit-scrollbar-thumb:window-inactive {
  154. background: transparent;
  155. }
  156.  
  157. /* ------------------------ ✕ tooltip style ✕ ----------------------- */
  158.  
  159.  
  160. #s-m-t-tooltip {
  161. max-width:300px;
  162. padding:5px;
  163. margin:10px 0px 0px 10px;
  164. background: {color:accent};
  165. font-size:9px;
  166. color:{color:accent text};
  167. letter-spacing:1px;
  168. font-family:'din';
  169. text-transform:uppercase;
  170. z-index:999999999999999999999999999999999999;
  171. -ms-transform: skewX(-20deg); /* IE 9 */
  172. -webkit-transform: skewX(-20deg); /* Safari */
  173. transform: skewX(-20deg); /* Standard syntax */
  174. }
  175.  
  176.  
  177. /* ---------------------------- ✕ basics ✕ -------------------------- */
  178.  
  179. .tmblr-iframe.iframe-controls--desktop {
  180. top:0%!important;
  181. right:0%!important;
  182. position:fixed!important;
  183. z-index:999999999!important;
  184. transform:scale(0.6);
  185. text-shadow:none;
  186. }
  187.  
  188. .tmblr-iframe--desktop-logged-in-controls {
  189. opacity:0.3;
  190. transform:scale(0.6);
  191. text-shadow:none;
  192. }
  193.  
  194.  
  195. body {
  196. background-color:{color:background};
  197. color: {color:text};
  198. overflow-y:hidden;
  199. overflow-x:auto;
  200. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  201. font-size: 9px;
  202. text-transform:auto;
  203. margin: 0;
  204. letter-spacing:3px;
  205. padding: 0;
  206. word-wrap: break-word;
  207. line-height:160%;
  208. background-image:url('{image:background}');
  209. background-repeat:no-repeat;
  210. background-position:center center;
  211. background-attachment:fixed;
  212. background-opacity:
  213. -webkit-background-size: cover;
  214. -moz-background-size: cover;
  215. -o-background-size: cover;
  216. background-size: cover;
  217. }
  218.  
  219. blockquote {
  220. background:transparent;
  221. margin: 10px;
  222. padding-left:20px;
  223. border-left: 2px solid {color:accent};
  224. }
  225.  
  226. blockquote a{
  227. color:{color:accent};
  228. }
  229.  
  230. blockquote b{
  231. color:{color:accent};
  232. }
  233.  
  234. blockquote i{
  235. color:{color:accent};
  236. }
  237.  
  238. blockquote s{
  239. color:{color:accent};
  240. }
  241.  
  242. blockquote u{
  243. color:{color:accent};
  244. }
  245.  
  246. img, embed, object, video {
  247. max-width: 100%;
  248. height:auto;
  249. width:auto;
  250. }
  251.  
  252. iframe {
  253. max-width: 100%;
  254. }
  255.  
  256. p{
  257. margin-bottom:10px;
  258. }
  259.  
  260.  
  261. ul{
  262. list-style-type:circle;
  263. }
  264.  
  265. ol{
  266. list-style-type:;
  267. }
  268.  
  269. /* ------------------------ ✕ text styles ! ✕ ----------------------- */
  270.  
  271. a {
  272. color: {color:accent};
  273. text-decoration: none;
  274. }
  275.  
  276. b, strong {
  277. color: {color:accent};
  278. font-family: 'Lato', sans-serif;
  279.  
  280. }
  281.  
  282. i, em,italic {
  283. color: {color:accent};
  284. font-family: 'Lato', sans-serif;
  285.  
  286. }
  287.  
  288. s, strike {
  289. color: {color:accent};
  290. font-family: 'Lato', sans-serif;
  291.  
  292. }
  293.  
  294. u,underline {
  295. color: {color:accent};
  296. font-family: 'Lato', sans-serif;
  297.  
  298. }
  299.  
  300. sup, sub, small {
  301. font-size:9px;
  302. line-height:160%;
  303. }
  304.  
  305. h3 {
  306. text-align:center;
  307. font-size:10px;
  308. line-height:100%;
  309. text-transform:uppercase;
  310. font-family: 'Roboto Condensed', sans-serif;
  311. margin-top:20px;
  312. margin-bottom:20px;
  313. font-weight:bold;
  314. padding:5px;
  315. letter-spacing:1px;
  316. width:auto;
  317. color:{color:accent};
  318. background:{color:angled panel};
  319. -ms-transform: rotate(-2deg); /* IE 9 */
  320. -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  321. transform: rotate(-2deg);
  322. }
  323.  
  324. h2 {
  325. text-align:center;
  326. font-size:11px;
  327. line-height:100%;
  328. text-transform:uppercase;
  329. font-family: 'Roboto Condensed', sans-serif;
  330. margin-top:20px;
  331. margin-bottom:20px;
  332. font-weight:bold;
  333. padding:5px;
  334. letter-spacing:1px;
  335. width:auto;
  336. color:{color:accent};
  337. background:{color:angled panel};
  338. -ms-transform: rotate(-2deg); /* IE 9 */
  339. -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  340. transform: rotate(-2deg);
  341. }
  342.  
  343. h1{
  344. text-align:center;
  345. font-size:12px;
  346. line-height:100%;
  347. text-transform:uppercase;
  348. font-family: 'Roboto Condensed', sans-serif;
  349. margin-top:20px;
  350. margin-bottom:20px;
  351. font-weight:bold;
  352. padding:5px;
  353. letter-spacing:1px;
  354. width:auto;
  355. color:{color:accent};
  356. background:{color:angled panel};
  357. -ms-transform: rotate(-2deg); /* IE 9 */
  358. -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  359. transform: rotate(-2deg);
  360. }
  361.  
  362. /* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
  363.  
  364. /* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
  365.  
  366.  
  367. article {
  368. float:left;
  369. padding: 10px;
  370. letter-spacing:1px;
  371. font-weight:400;
  372. font-family: 'Lato', sans-serif;
  373. {block:if300pxposts}
  374. width:300px;
  375. {/block:if300pxposts}
  376. {block:ifnot300pxposts}
  377. width:400px;
  378. {/block:ifnot300pxposts}
  379. z-index:9;
  380. color:{color:posts text};
  381. text-align:justify;
  382. margin-top:50px;
  383. margin-bottom:10px;
  384.  
  385. }
  386.  
  387. {block:ifgrayscaleonhover}
  388. article img{
  389. border-radius:7px;
  390. opacity:0.9;
  391. -webkit-filter: grayscale(100%);
  392. -webkit-transition: all 1s;
  393. }
  394.  
  395. article img:hover{
  396. opacity:1;
  397. -webkit-filter: grayscale(0%);
  398. -webkit-transition: all 1s;
  399. }
  400.  
  401. .tmblrc {
  402. font-size:6px;
  403. }
  404.  
  405. .html_photoset {
  406. opacity:0.9;
  407. -webkit-filter: grayscale(100%);
  408. -webkit-transition: all 1s;
  409. }
  410. .html_photoset:hover {
  411. opacity:1;
  412. -webkit-filter: grayscale(0);
  413. -webkit-transition: all 1s;
  414. }
  415.  
  416. {/block:ifgrayscaleonhover}
  417.  
  418.  
  419. {block:ifnotgrayscaleonhover}
  420. article img{
  421. border-radius:7px;
  422. }
  423.  
  424. .tmblrc {
  425. font-size:6px;
  426. }
  427.  
  428. .html_photoset {
  429. opacity:1:
  430. }
  431. {/block:ifgrayscaleonhover}
  432.  
  433. .vignette, #vignette {
  434. opacity:0;
  435. }
  436. .lightbox-image, #tumblr_lightbox img {
  437. box-shadow:none !important;
  438. border-radius:0 !important;
  439. max-width:none;
  440. }
  441.  
  442. .tmblr-lightbox, #tumblr_lightbox {
  443. background-color:rgba({RGBcolor:background},.80) !important;
  444. }
  445.  
  446. .lightbox-caption, #tumblr_lightbox_caption {
  447. visibility:hidden;
  448. }
  449.  
  450. .postitle {
  451. text-align:right;
  452. font-size:12px;
  453. text-transform:uppercase;
  454. font-family: 'Roboto Condensed', sans-serif;
  455. {block:if300pxposts}
  456. width:310px;
  457. {/block:if300pxposts}
  458. {block:ifnot300pxposts}
  459. width:410px;
  460. {/block:ifnot300pxposts}
  461. line-height:100%;
  462. margin-top:20px;
  463. margin-bottom:20px;
  464. font-weight:bold;
  465. padding:5px;
  466. letter-spacing:1px;
  467. background:{color:accent};
  468. width:auto;
  469. color:{color:accent text};
  470. -ms-transform: rotate(-2deg); /* IE 9 */
  471. -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  472. transform: rotate(-2deg);
  473. }
  474.  
  475. .postitle a{
  476. text-transform:uppercase;
  477. color:{color:click panel};
  478. }
  479.  
  480. /* --------------------- ✕ permaaccent i think ! ✕ -------------------- */
  481.  
  482. .perms {
  483. font-family: 'Lato', sans-serif;
  484. color:{color:title text};
  485. font-size:8px;
  486. margin-left:4px;
  487. text-transform:lowercase;
  488. }
  489.  
  490. /* ------------------------ ✕ post info ! ✕ ----------------------- */
  491.  
  492. .topinfo{
  493. {block:if300pxposts}
  494. width:300px;
  495. {/block:if300pxposts}
  496. {block:ifnot300pxposts}
  497. width:400px;
  498. {/block:ifnot300pxposts}
  499. margin-left:-11px;
  500. margin-top:-34px;
  501. border-bottom:1px solid {color:borders};
  502. border-radius:/*-top-*/7px /*-right-*/7px /*-bottom-*/0px /*-left-*/0px;
  503. font-family: 'Lato', sans-serif;
  504. letter-spacing:1px;
  505. padding:5px;
  506. margin-bottom:10px;
  507. }
  508.  
  509. .topinfo a{
  510. color:{color:accent};
  511. }
  512.  
  513. .topinfo i{
  514. color:{color:accent};
  515. }
  516.  
  517. .details {
  518. float:right;
  519. }
  520.  
  521. .postags{
  522. {block:if300pxposts}
  523. width:310px;
  524. {/block:if300pxposts}
  525. {block:ifnot300pxposts}
  526. width:410px;
  527. {/block:ifnot300pxposts}
  528. margin-left:-10px;
  529. margin-top:10px;
  530. font-family: 'Lato', sans-serif;
  531. letter-spacing:2px;
  532. }
  533.  
  534. .postags a{
  535. color:{color:accent};
  536. }
  537.  
  538. .postags i{
  539. color:{color:accent};
  540. }
  541.  
  542.  
  543. .bottominfo{
  544. {block:if300pxposts}
  545. width:310px;
  546. {/block:if300pxposts}
  547. {block:if400pxposts}
  548. width:410px;
  549. {/block:if400pxposts}
  550. {block:if500pxposts}
  551. width:510px;
  552. {/block:if500pxposts}
  553. margin-left:-11px;
  554. text-align:right;
  555. margin-top:14px;
  556. border-top:1px solid {color:borders};
  557. font-family: 'Lato', sans-serif;
  558. letter-spacing:2px;
  559. padding:/*-top-*/8px /*-right-*/5px /*-bottom-*/3px /*-left-*/5px;
  560. height:10px;
  561. margin-bottom:0px;
  562. }
  563.  
  564. .bottominfo a{
  565. color:{color:accent};
  566. }
  567.  
  568. .bottominfo i{
  569. color:{color:accent};
  570. }
  571.  
  572.  
  573. .btton{
  574. margin-right:5px;
  575. font-size:12px;
  576. display:table;
  577. margin-left:22px;
  578. margin-top:-20px;
  579. vertical-align:middle;
  580. letter-spacing:1px;
  581. }
  582.  
  583. .btton a{
  584. color:{color:hover title};
  585. }
  586.  
  587. .btton span {
  588. display:table-cell;
  589. vertical-align:middle;
  590. }
  591.  
  592. .postinfo{
  593. margin-top:-10px;
  594. text-align:right;
  595. font-weight:bold;
  596. padding-top:8px;
  597. }
  598.  
  599. .tags {
  600. margin-top:5px;
  601. padding:5px;
  602. font-size:9px;
  603. line-height:20px;
  604. letter-spacing:1px;
  605. font-weight:normal;
  606. -webkit-transition: all .7s;
  607. -moz-transition: all .7s;
  608. -o-transition: all .7s;
  609. -ms-transition: all .7s;
  610. transition: all .7s;
  611. display: inline-block;
  612. }
  613.  
  614. .tags a{
  615. color:{color:desc text};
  616. margin:1%;
  617. padding:/*-top-*/0px /*-right-*/5px /*-bottom-*/0px /*-left-*/5px;
  618. border-radius:100px;
  619. font-family: 'Inconsolata', monospace;
  620. }
  621.  
  622. .tags i{
  623. color:{color:accent};
  624. }
  625.  
  626.  
  627.  
  628. /* ---------------------- ✕ notes and shit ! ✕ ----------------------- */
  629.  
  630. ol.notes {
  631. display:block;
  632. text-align:left;
  633. list-style-type:none;
  634. margin-left:-40px;
  635. }
  636.  
  637. ol.notes li.note{
  638. margin-bottom:5px;
  639. }
  640.  
  641. .pagenotes {
  642. text-align:left;
  643. margin-top:15px;
  644. }
  645.  
  646. .pagenotes img{
  647. padding-right:5px;
  648. padding-top:5px;
  649. margin-bottom:-5px;
  650. }
  651.  
  652. /* ------------------------ ✕ post types ! ✕ ----------------------- */
  653.  
  654. /* ------------------------ ✕ chat posts ! ✕ ------------------------ */
  655.  
  656.  
  657. .odd, .even {
  658. padding:5px;
  659. height:auto;
  660. font-size:8px;
  661. letter-spacing:2px;
  662. font-family: 'Inconsolata', monospace;
  663. border-radius:10px;
  664. text-transform:uppercase;
  665. }
  666. .odd {
  667. color:{color:accent};
  668. background:{color:accent text};
  669. font-size:8px;
  670. padding:5px;
  671. text-align:left;
  672. width:220px;
  673. border-radius:10px 10px 10px 0px;
  674. margin-top:5px;
  675. }
  676.  
  677. .even {
  678. color:{color:accent text};
  679. background:{color:accent};
  680. font-size:8px;
  681. padding:5px;
  682. margin-top:5px;
  683. width:220px;
  684. border-radius:10px 10px 0px 10px;
  685. {block:if300pxposts}
  686. margin-left:70px;
  687. {/block:if300pxposts}
  688. {block:ifnot300pxposts}
  689. margin-left:170px;
  690. {/block:ifnot300pxposts}
  691. }
  692.  
  693. ul.chat{
  694. list-style:none;
  695. margin-left:-40px;
  696. margin-bottom:-5px;
  697. }
  698.  
  699. .chat span {
  700. float: left;
  701. }
  702.  
  703. /* ------------------------ ✕ quotations ! ✕ ------------------------ */
  704.  
  705. .sourcepic {
  706. text-align:center;
  707. padding-right:10px;
  708. font-size:18px;
  709. padding-left:10px;
  710. display:table-cell;
  711. vertical-align:middle;
  712. color:{color:accent};
  713. }
  714.  
  715. .quotesource{
  716. text-align:center;
  717. font-size:8px;
  718. padding:5px;
  719. border-top:1px solid {color:accent};
  720. opacity:0.7;
  721. margin-bottom:10px;
  722. font-family: 'Lato', sans-serif;
  723. text-transform:lowercase;
  724. }
  725.  
  726. .like-b {
  727. position:relative;
  728. display:inline-block;
  729. height:1em;
  730. line-height:1em;
  731. overflow:hidden;
  732. margin-bottom:-1px;
  733. }
  734. .like-b .like_button iframe {
  735. position:absolute;
  736. top:0;
  737. left:0;
  738. bottom:0;
  739. right:0;
  740. z-index:2;
  741. opacity:0;
  742. }
  743. .like-b .liked + .b {
  744. color:inherit;
  745. }
  746. .like-b .liked + .b:after {
  747. content:'d';
  748. }
  749.  
  750. #quoteq {
  751. vertical-align:middle;
  752. display:table;
  753. }
  754. /* ----------------------- ✕ questions ! ✕ ------------------------ */
  755.  
  756. #asker {
  757. padding-bottom:10px;
  758. letter-spacing:1px;
  759. text-align:right;
  760. margin-top:-3px;
  761. font-size:20px;
  762. margin-right:10px;
  763. margin-left:0px;
  764. z-index:999;
  765. font-weight:bold;
  766. color:{color:accent};
  767. float:right;
  768. text-shadow: 1px 0 0 {color:container bg}, -1px 0 0 {color:container bg}, 0 1px 0 {color:container bg}, 0 -1px 0 {color:container bg}, 1px 1px {color:container bg}, -1px -1px 0 {color:container bg}, 1px -1px 0 {color:container bg}, -1px 1px 0 {color:container bg};
  769. font-family: 'beauty';
  770. text-transform:lowercase;
  771. }
  772.  
  773. #asker a{
  774. color:{color:accent};
  775. }
  776.  
  777. .answer {
  778. font-size:9px;
  779. width:auto;
  780. }
  781.  
  782. .question{
  783. text-transform:none;
  784. color:{color:text};
  785. border:1px solid {color:borders};
  786. padding:10px;
  787. {block:if300pxposts}
  788. width:270px;
  789. {/block:if300pxposts}
  790. {block:ifnot300pxposts}
  791. width:370px;
  792. {/block:ifnot300pxposts}
  793. font-family: 'Inconsolata', monospace;
  794. border-radius:10px 10px 10px 0px;
  795. font-size:10px;
  796. background: transparent;
  797. margin-top:0px;
  798. }
  799.  
  800. .more-btn-wrap{
  801. position: relative;
  802. padding: 20px 0;
  803. width: 100%;
  804. }
  805.  
  806. .more-btn-wrap a:link{
  807. -webkit-transition: all 0.2s ease;
  808. -moz-transition: all 0.2s ease;
  809. -o-transition: all 0.2s ease;
  810. transition: all 0.2s ease;
  811. position: relative;
  812. left: calc(50% - 47px);
  813. padding: 7px 14px;
  814. border: 1px solid lightcoral;
  815. background: transparent;
  816. }
  817. .more-btn-wrap a:hover{
  818. background: lightcoral;
  819. color: white;
  820. }
  821.  
  822. /* ----------------------- ✕ audio bruh ! ✕ ----------------------- */
  823.  
  824. .playerbuttonbg {
  825. position: absolute;
  826. left: 20px;
  827. top: 20px;
  828. width: 19px;
  829. height: 19px;
  830. border: 1px solid {color:borders};
  831. padding: 10px;
  832. -webkit-border-radius: 40px;
  833. -moz-border-radius: 40px;
  834. border-radius: 40px;
  835. opacity: .4;
  836. filter: alpha(opacity=40);
  837. -moz-opacity: 0.4;
  838. -khtml-opacity: 0.4;
  839. transition: opacity .7s ease-in-out;
  840. -moz-transition: opacity .7s ease-in-out;
  841. -webkit-transition: opacity .7s ease-in-out;
  842. }
  843.  
  844. .playerbuttonbg:hover {
  845. opacity: 1;
  846. filter: alpha(opacity=100);
  847. -moz-opacity: 1;
  848. -khtml-opacity: 1;
  849. }
  850.  
  851. .newplayerbutton {
  852. position: relative;
  853. width: 19px;
  854. height: 19px;
  855. overflow: hidden;
  856. }
  857.  
  858. .playerbuttonhug {
  859. position: absolute;
  860. top: -18px;
  861. left: -7px;
  862. }
  863.  
  864. .tumblr_audio_player {
  865. height: 90px;
  866. width: 270px;
  867. -moz-transform: scale(0.60, 0.60);
  868. -webkit-transform: scale(0.60, 0.60);
  869. -o-transform: scale(0.60, 0.60);
  870. -ms-transform: scale(0.60, 0.60);
  871. transform: scale(0.60, 0.60);
  872. -moz-transform-origin: top left;
  873. -webkit-transform-origin: top left;
  874. -o-transform-origin: top left;
  875. -ms-transform-origin: top left;
  876. transform-origin: top left;
  877. }
  878.  
  879. .audioimgwrapper {
  880. position: absolute;
  881. left: 0px;
  882. top: 0px;
  883. -webkit-border-radius: 40px;
  884. -moz-border-radius: 40px;
  885. border-radius: 40px;
  886. overflow: hidden;
  887. width: 79px;
  888. height: 79px;
  889. }
  890.  
  891. .audioimgwrapper img {
  892. width: 100%;
  893. height: auto;
  894. -webkit-border-radius: 40px;
  895. -moz-border-radius: 40px;
  896. border-radius: 40px;
  897. }
  898.  
  899. .trackdetails {
  900. {block:if300pxposts}
  901. width: 200px;
  902. {/block:if300pxposts}
  903. {block:ifnot300pxposts}
  904. width: 300px;
  905. {/block:ifnot300pxposts}
  906. text-align:right;
  907. display:inline-block;
  908. margin-left: 90px;
  909. min-height: 85px;
  910. }
  911.  
  912. .audiowrapper {
  913. position: relative;
  914. display:inline-block;
  915. }
  916.  
  917. /* ----------------------- ✕ post container ✕ ----------------------- */
  918.  
  919. #postcontainer {
  920. position:fixed;
  921. top:50%;
  922. left:50%;
  923. transform:translate(-50%,-50%);
  924. z-index:9;
  925. margin-right:auto;
  926. {block:if300pxposts}
  927. width:315px;
  928. margin-left:-120px;
  929. {/block:if300pxposts}
  930. {block:ifnot300pxposts}
  931. width:415px;
  932. margin-left:-90px;
  933. {/block:ifnot300pxposts}
  934. height: 400px;
  935. margin-top:0px;
  936. overflow-y:auto;
  937. position:fixed;
  938. background-color:none;
  939. overflow-x:hidden;
  940. margin-bottom:200px;
  941. font-size:9px
  942. }
  943.  
  944.  
  945.  
  946. /* --------------------- ✕ don't do the do ✕ --------------------- */
  947.  
  948. #yo {
  949. font-size:12px;
  950. float:right;
  951. right:0;
  952. bottom:0;
  953. margin-right:10px;
  954. padding:/*-top-*/6px /*-right-*/2px /*-bottom-*/2px /*-left-*/5px;
  955. overflow:hidden;
  956. margin-bottom:10px;
  957. border-radius:50%;
  958. text-transform:uppercase;
  959. position:fixed;
  960. background-color:{color:accent};
  961. text-align:center;
  962. -ms-transform: rotate(0deg); /* IE 9 */
  963. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  964. transform: rotate(0deg);
  965. -webkit-transition: all .7s;
  966. -moz-transition: all .7s;
  967. -o-transition: all .7s;
  968. -ms-transition: all .7s;
  969. transition: all .7s;
  970.  
  971. }
  972.  
  973. #yo:hover{
  974. -ms-transform: rotate(-80deg); /* IE 9 */
  975. -webkit-transform: rotate(-80deg); /* Chrome, Safari, Opera */
  976. transform: rotate(-80deg);
  977. -webkit-transition: all .7s;
  978. -moz-transition: all .7s;
  979. -o-transition: all .7s;
  980. -ms-transition: all .7s;
  981. transition: all .7s;
  982. }
  983.  
  984. #yo a{
  985. color:{color:accent text};
  986. }
  987.  
  988. /* ------------------------- ✕ sidebar ✕ ----------------------- */
  989.  
  990. #sidebar {
  991. float:left;
  992. z-index:99;
  993. position:fixed;
  994. }
  995.  
  996. /* ------------------------ ✕ toggle ! ✕ ----------------------- */
  997.  
  998.  
  999. label {
  1000. display:block;
  1001. margin-bottom:10px;
  1002. float:right;
  1003. margin-top:-50px;
  1004. color:#fff;
  1005. margin-left:-40px;
  1006. }
  1007.  
  1008.  
  1009. label:active {
  1010. color:{color:accent};
  1011. }
  1012.  
  1013. input {
  1014. position:absolute;
  1015. left:-999em
  1016. }
  1017.  
  1018.  
  1019. /* ----------------------- ✕ toggle off ! ✕ ----------------------- */
  1020.  
  1021. .hide {
  1022. width:265px;
  1023. background-image:url('{image:container bg}');
  1024. background-color:{color:container bg};
  1025. background-repeat: no-repeat;
  1026. background-size: initial;
  1027. height:300px;
  1028. opacity:1;
  1029. z-index:99999;
  1030. overflow:hidden;
  1031. margin-left:100px;
  1032. -webkit-transition: all 1s;
  1033. -moz-transition: all 1s;
  1034. -o-transition: all 1s;
  1035. -ms-transition: all 1s;
  1036. transition: all 1s;
  1037. -webkit-backface-visibility: hidden;
  1038. -webkit-transform: translateZ(0) scale(1.0, 1.0);
  1039. }
  1040.  
  1041.  
  1042. input[type=checkbox]:checked + div {
  1043. visibility: hidden;
  1044. opacity:0;
  1045. border:none;
  1046.  
  1047. }
  1048.  
  1049. /* ------------------------ ✕ toggle on ! ✕ ----------------------- */
  1050.  
  1051. .numb {
  1052. width:682px;
  1053. margin-left:0px;
  1054. height:500px;
  1055. position:fixed;
  1056. top:50%;
  1057. left:50%;
  1058. transform:translate(-50%,-50%);
  1059. z-index:9;
  1060. background:{color:container bg};
  1061. }
  1062.  
  1063. /* ------------------------ ✕ container ! ✕ ----------------------- */
  1064.  
  1065. #scott {
  1066. position:fixed;
  1067. -webkit-font-smoothing: subpixel-antialiased;
  1068. -webkit-transform: translateZ(0) scale(1.0, 1.0);
  1069. top:50%;
  1070. left:45%;
  1071. margin-left:120px;
  1072. margin-top:-30px;
  1073. }
  1074.  
  1075. /* ---------------------- ✕ plant behind icon! ✕ -------------------- */
  1076.  
  1077. .sbleaf{
  1078. text-align:center;
  1079. font-size:55px;
  1080. position:fixed;
  1081. {block:if300pxposts}
  1082. margin-left:70px;
  1083. {/block:if300pxposts}
  1084. {block:ifnot300pxposts}
  1085. margin-left:110px;
  1086. {/block:ifnot300pxposts}
  1087. margin-top:-115px;
  1088. color:{color:desc text};
  1089. }
  1090.  
  1091. /* ------------------------ ✕ title ! ✕ ----------------------- */
  1092.  
  1093. .narcissa {
  1094. {block:if300pxposts}
  1095. width:170px;
  1096. margin-left:10px;
  1097. {/block:if300pxposts}
  1098. {block:ifnot300pxposts}
  1099. width:160px;
  1100. margin-left:60px;
  1101. {/block:ifnot300pxposts}
  1102. height:20px;
  1103. font-size:17px;
  1104. letter-spacing:1px;
  1105. font-style:italic;
  1106. text-transform:uppercase;
  1107. font-family: 'din';
  1108. display:inline;
  1109. font-weight:bolder;
  1110. margin-top:65px;
  1111. color:{color:accent};
  1112. overflow:hidden;
  1113. line-height:18px;
  1114. z-index:9999;
  1115. }
  1116.  
  1117. .narcissa a{
  1118. color:{color:accent};
  1119. }
  1120.  
  1121. /* ------------------------ ✕ pagi ! ✕ ----------------------- */
  1122.  
  1123. .page {
  1124. width:200px;
  1125. height:25px;
  1126. {block:if300pxposts}
  1127. margin-left:0px;
  1128. {/block:if300pxposts}
  1129. {block:ifnot300pxposts}
  1130. margin-left:40px;
  1131. {/block:ifnot300pxposts}
  1132. margin-top:105px;
  1133. z-index:999999;
  1134. text-transform:uppercase;
  1135. background:transparent;
  1136. font-family: 'din';
  1137. position:fixed;
  1138. color:{color:desc text};
  1139. font-size:8px;
  1140. -ms-transform: skewX(-20deg); /* IE 9 */
  1141. -webkit-transform: skewX(-20deg); /* Safari */
  1142. transform: skewX(-20deg); /* Standard syntax */
  1143. text-align:center;
  1144. }
  1145.  
  1146. .page a{
  1147. background:{color:accent};
  1148. color:{color:accent text};
  1149. padding:/*-top-*/3px /*-right-*/5px /*-bottom-*/3px /*-left-*/4px;
  1150. letter-spacing:1px;
  1151. }
  1152.  
  1153. /* ------------------------ ✕ description ! ✕ ----------------------- */
  1154.  
  1155. .descbox{
  1156. text-transform:lowercase;
  1157. z-index:9;
  1158. font-size:9px;
  1159. overflow-x:hidden;
  1160. height:70px;
  1161. overflow-y:auto;
  1162. position:fixed;
  1163. line-height:15px;
  1164. text-align:left;
  1165. letter-spacing:1px;
  1166. word-spacing:4.95px;
  1167. margin-top:24px;
  1168. {block:if300pxposts}
  1169. margin-left:10px;
  1170. width:190px;
  1171. {/block:if300pxposts}
  1172. {block:ifnot300pxposts}
  1173. margin-left:60px;
  1174. width:160px;
  1175. {/block:ifnot300pxposts}
  1176. font-family: 'Lato', sans-serif;
  1177. color:{color:desc text};
  1178. }
  1179.  
  1180. .descbox a{
  1181. color:{color:desc accent};
  1182. font-family:'din';
  1183. font-style:italic;
  1184. text-transform:uppercase;
  1185. font-weight:bold;
  1186. }
  1187.  
  1188. .descbox b{
  1189. color:{color:desc accent};
  1190. }
  1191.  
  1192. .descbox i{
  1193. color:{color:desc accent};
  1194. }
  1195.  
  1196. .descbox u{
  1197. color:{color:desc accent};
  1198. }
  1199.  
  1200. .descbox s{
  1201. color:{color:desc accent};
  1202. }
  1203.  
  1204. /* --------------------- ✕ navigation png ! ✕ ----------------------- */
  1205.  
  1206. .png{
  1207. bottom:-5px;
  1208. left:0px;
  1209. z-index:999;
  1210. width:auto;
  1211. height:auto;
  1212. position:absolute;
  1213. }
  1214.  
  1215. .png img{
  1216. width:295px;
  1217. height:436px;
  1218. }
  1219.  
  1220. /* ---------------------- ✕ angled divs n text ! ✕ ------------------- */
  1221.  
  1222. #angled{
  1223. background-color:{color:accent};
  1224. background-image:url('{image:navigation header}');
  1225. width:700px;
  1226. height:370px;
  1227. z-index:-9999;
  1228. text-align:center;
  1229. position:fixed;
  1230. -webkit-clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
  1231. clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
  1232. }
  1233.  
  1234. .angled2{
  1235. background-color:{color:angled panel};
  1236. width:700px;
  1237. height:370px;
  1238. margin-top:-270px;
  1239. z-index:-9999;
  1240. text-align:center;
  1241. position:fixed;
  1242. -webkit-clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
  1243. clip-path: polygon(0 0, 1600px 0, 1600px -25%, 0 100%);
  1244. }
  1245.  
  1246. #angledtext {
  1247. width:800px;
  1248. height:90px;
  1249. line-height:100px;
  1250. overflow:hidden;
  1251. margin-top:180px;
  1252. letter-spacing:0px;
  1253. font-size:70px;
  1254. font-weight:bold;
  1255. font-family:'din';
  1256. text-transform:uppercase;
  1257. text-align:center;
  1258. color:{color:container bg};
  1259. -ms-transform: rotate(-16deg); /* IE 9 */
  1260. -webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
  1261. transform: rotate(-16deg);
  1262. }
  1263.  
  1264. #angledtext b{
  1265. color:{color:container bg};
  1266. }
  1267.  
  1268. #angledtext i{
  1269. color:{color:container bg};
  1270. }
  1271.  
  1272. #angledtext a{
  1273. color:{color:container bg};
  1274. }
  1275.  
  1276. /* ------------------------- ✕ cont ✕ ----------------------- */
  1277.  
  1278. #bish {
  1279. width:682px;
  1280. margin-left:0px;
  1281. height:500px;
  1282. background-color:{color:container bg};
  1283. position:fixed;
  1284. top:50%;
  1285. overflow:hidden;
  1286. left:50%;
  1287. transform:translate(-50%,-50%);
  1288. z-index:9;
  1289. -webkit-transition: all .7s;
  1290. -moz-transition: all .7s;
  1291. -o-transition: all .7s;
  1292. -ms-transition: all .7s;
  1293. transition: all .7s;
  1294. }
  1295. /* ------------------------- ✕ theme cont ✕ ----------------------- */
  1296.  
  1297. #universe {
  1298. position:fixed;
  1299. transform:translate(-50%,-50%);
  1300. top:50%;
  1301. left:50%;
  1302. margin-left:0px;
  1303. }
  1304.  
  1305. /* ------------------------- ✕ uhhh idk mate ✕ ----------------------- */
  1306.  
  1307. #bbar {
  1308. width:700px;
  1309. height:130px;
  1310. position:fixed;
  1311. z-index:999;
  1312. transform:translate(-50%,-50%);
  1313. top:50%;
  1314. left:50%;
  1315. margin-left:-150px;
  1316. margin-top:170px;
  1317. padding-left:90px;
  1318. letter-spacing:0px;
  1319. background-color:{color:accent};
  1320. -ms-transform: rotate(-16deg); /* IE 9 */
  1321. -webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
  1322. transform: rotate(-16deg);
  1323. color:{color:click panel};
  1324. }
  1325.  
  1326. .click{
  1327. width:80px;
  1328. height:auto;
  1329. position:fixed;
  1330. font-family:'din';
  1331. line-height:20px;
  1332. font-size:25px;
  1333. color:{color:accent text};
  1334. text-align:right;
  1335. letter-spacing:0px;
  1336. font-weight:bold;
  1337. margin-top:485px;
  1338. margin-left:590px;
  1339. text-transform:uppercase;
  1340. z-index:99999;
  1341. }
  1342.  
  1343. /* ------------------------ ✕ linkcont ! ✕ ----------------------- */
  1344.  
  1345. #storm{
  1346. width:auto;
  1347. position:fixed;
  1348. z-index:9999;
  1349. margin-left:160px;
  1350. margin-top:310px;
  1351. -ms-transform: rotate(-16deg); /* IE 9 */
  1352. -webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
  1353. transform: rotate(-16deg);
  1354. }
  1355.  
  1356. #navlinks{
  1357. letter-spacing:0px;
  1358. font-family:'din';
  1359. text-transform:uppercase;
  1360. font-style:italic;
  1361. margin-left:25px;
  1362. margin-top:30px;
  1363. text-align:left;
  1364. font-weight:bold;
  1365. line-height:30px;
  1366. word-spacing:0px;
  1367. }
  1368.  
  1369. #navlinks span:hover{
  1370. background:{color:angled panel};
  1371. color:{color:accent};
  1372. -webkit-transition: all 1s;
  1373. -moz-transition: all 1s;
  1374. -o-transition: all 1s;
  1375. -ms-transition: all 1s;
  1376. transition: all 1s;
  1377. }
  1378.  
  1379. #navlinks b{
  1380. color:{color:navigation links};
  1381. text-align:right;
  1382. font-family:'din';
  1383. }
  1384.  
  1385. #navlinks i {
  1386. color:{color:navigation links};
  1387. }
  1388.  
  1389. #navlinks span{
  1390. background:{color:navigation links bg};
  1391. color:{color:navigation links};
  1392. text-align:left;
  1393. padding:5px;
  1394. font-size:12px;
  1395. width:150px;
  1396. height:20px;
  1397. -webkit-transition: all 1s;
  1398. -moz-transition: all 1s;
  1399. -o-transition: all 1s;
  1400. -ms-transition: all 1s;
  1401. transition: all 1s;
  1402. }
  1403.  
  1404. #navlinks a{
  1405. color:{color:navigation links};
  1406. }
  1407.  
  1408. /* ------------------------ ✕ more ! ✕ ----------------------- */
  1409.  
  1410. #secondesc{
  1411. position:fixed;
  1412. width:240px;
  1413. height:130px;
  1414. margin-top:-125px;
  1415. text-align:right;
  1416. text-transform:lowercase;
  1417. letter-spacing:1px;
  1418. overflow:auto;
  1419. margin-left:130px;
  1420. }
  1421.  
  1422.  
  1423. .sbp{
  1424. position:fixed;
  1425. z-index:9999;
  1426. width:80px;
  1427. height:80px;
  1428. margin-top:-100px;
  1429. {block:if300pxposts}
  1430. margin-left:60px;
  1431. {/block:if300pxposts}
  1432. {block:ifnot300pxposts}
  1433. margin-left:100px;
  1434. {/block:ifnot300pxposts}
  1435. }
  1436.  
  1437. .sbp img{
  1438. width:80px;
  1439. height:80px;
  1440. }
  1441.  
  1442. /* ----------------------------- HEADER STUFF ---------------------------*/
  1443.  
  1444. /* ------------------------ ✕ custom css ! ✕ ----------------------- */
  1445. {CustomCSS}
  1446. </style>
  1447. </head>
  1448.  
  1449. <body>
  1450.  
  1451. <div id="universe">
  1452.  
  1453. <div id="bish">
  1454.  
  1455. <div class="click">
  1456. <label for="item-1">click<br>for more!
  1457. </div></label>
  1458.  
  1459. <label class="woa bounce" for="item-1">
  1460. <div id="bbar">
  1461. </div></label>
  1462.  
  1463.  
  1464. <!----------------------------- sidebar ---------------------------->
  1465.  
  1466. <div id="sidebar">
  1467. <label class="woa bounce" for="item-1">
  1468. <div id="bbar">
  1469.  
  1470. </div></label>
  1471.  
  1472. <!----------------------------- tab 2 ---------------------------->
  1473.  
  1474. <input type="checkbox" name="one" id="item-1"checked>
  1475.  
  1476. <div class="numb hide">
  1477.  
  1478. <div id="storm">
  1479. <div id="navlinks">
  1480. <span><a href="{text:link 1}"><i class="icon-android-close"></i> <b>{text:link 1 text}</b></a></span>&nbsp;
  1481. <br>
  1482. <span style="margin-left:-20px"><a href="{text:link 2}"><i class="icon-android-close"></i> <b>{text:link 2 text}</b></span></a>&nbsp;
  1483. <br>
  1484. <span style="margin-left:-40px"><a href="{text:link 3}"><i class="icon-android-close"></i> <b>{text:link 3 text}</b></span></a>&nbsp;
  1485. <br>
  1486. <span style="margin-left:-60px"><a href="{text:link 4}"><i class="icon-android-close"></i> <b>{text:link 4 text}</b></span></a>&nbsp;
  1487. </div>
  1488.  
  1489. <div id="secondesc">
  1490. {text:navigation description}
  1491. </div>
  1492.  
  1493. <div class="sbleaf"style="margin-left:400px;margin-top:-106px;color:{color:angled panel}">
  1494.  
  1495. <div id="navlinks"style="position:Fixed;margin-left:-10px;margin-top:60px">
  1496. <span style="text-align:center;float:right;overflow:hidden;width:60px;padding-top:0px;line-height:20px;height:15px">{text:tiny info}&nbsp;</div>
  1497.  
  1498. <span class="icon-heart"></span>
  1499.  
  1500. </div>
  1501.  
  1502. </div>
  1503.  
  1504.  
  1505. <!--- navigation picture ----->
  1506.  
  1507. <div class="png">
  1508.  
  1509. {block:ifchangingimageonrefresh}
  1510. <script language="JavaScript">
  1511. <!--
  1512.  
  1513. /*
  1514. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1515. Over 400+ free JavaScripts here!
  1516. Keep this notice intact please
  1517. */
  1518.  
  1519. function random_imglink(){
  1520. var myimages=new Array()
  1521. //specify random images below. You can have as many as you wish
  1522. myimages[1]="{image:navigation pic 1}"
  1523. myimages[2]="{image:navigation pic 2}"
  1524. myimages[3]="{image:navigation pic 3}"
  1525.  
  1526. var ry=Math.floor(Math.random()*myimages.length)
  1527. if (ry==0)
  1528. ry=1
  1529. document.write('<img src="'+myimages[ry]+'" border=0>')
  1530. }
  1531. random_imglink()
  1532. //-->
  1533. </script>
  1534. {/block:ifchangingimageonrefresh}
  1535.  
  1536. {block:ifnotchangingimageonrefresh}
  1537.  
  1538. <img src="{image:navigation pic 1}">
  1539.  
  1540. {/block:ifnotchangingimageonrefresh}
  1541.  
  1542. </div>
  1543.  
  1544. <!--- text on navigation page ----->
  1545.  
  1546. <div id="angled"></div>
  1547.  
  1548. <div id="angledtext" style="color:{color:container bg};"><a href="/">{text:navigation title}</a>
  1549.  
  1550. </div>
  1551.  
  1552. <!----------------------------- tone ---------------------------->
  1553.  
  1554. </div>
  1555.  
  1556.  
  1557.  
  1558.  
  1559. </div>
  1560.  
  1561.  
  1562. <!------------------------------- posts -------------------------------->
  1563.  
  1564. <div id="postcontainer">
  1565.  
  1566. {block:Posts}
  1567.  
  1568. <article id="{PostID}">
  1569.  
  1570. <div class="topinfo">
  1571.  
  1572. <img src="{PortraitURL-128}" style="width:14px;height:14px;border:{color:container bg} solid 3px;border-radius:50%" alt="Portrait image" />
  1573.  
  1574. <a href="{Permalink}" title="{block:Date} {TimeAgo}{/block:Date}"style="padding-left:5px" class="details"><span class="lnr lnr-cross"></span> {block:NoteCount} <span style="font-weight: lighter;">{NoteCount}</span> </a>
  1575. {/block:NoteCount}</a>
  1576.  
  1577. {block:ContentSource}
  1578. <a class="details" style="padding-left:2px" href="{SourceURL}"><span class="lnr lnr-star"></span></a>
  1579. {/block:ContentSource}
  1580.  
  1581. <a href="{ReblogURL}" target="_blank"style="padding-left:2px"class="details"><span class="lnr lnr-sync"></span></a>
  1582.  
  1583. <a class="like-b details"style="padding-top:1px" href="#">{LikeButton}<span class="b"><span class="lnr lnr-heart"></span></span></a>
  1584.  
  1585.  
  1586. <div class="btton">
  1587.  
  1588. <!-------------------------- via and source -------------------------->
  1589. {block:RebloggedFrom}
  1590. <span class="lnr lnr-redo" style="color:{color:accent};font-size:8px;display:inline;vertical-align:middle"></span><span><a href="{ReblogParentURL}"class="perms">{ReblogParentName} </span></a>
  1591. {/block:RebloggedFrom}
  1592.  
  1593. {block:RebloggedFrom} {/block:RebloggedFrom}
  1594. &nbsp;
  1595.  
  1596. </div>
  1597. </div>
  1598.  
  1599.  
  1600. <!-------------------------- text posts -------------------------->
  1601. {block:Text}
  1602. {block:Title}
  1603. <div class="postitle">
  1604. <a href="{Permalink}">{Title}</a></div>
  1605. {/block:Title}
  1606. {Body}
  1607. {/block:Text}
  1608.  
  1609.  
  1610. <!-------------------------- photo posts -------------------------->
  1611. {block:Photo}
  1612. {block:IndexPage}
  1613. {LinkOpenTag}
  1614. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1615. {LinkCloseTag}
  1616. {/block:IndexPage}
  1617. {block:PermalinkPage}
  1618. {LinkOpenTag}
  1619. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1620. {LinkCloseTag}{/block:PermalinkPage}
  1621. {/block:Photo}
  1622.  
  1623.  
  1624. <!-------------------------- photosets -------------------------->
  1625. {block:Photoset}
  1626. <div class="pxu-photo">
  1627. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1628. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  1629. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1630. </a>
  1631. </div>
  1632. {/block:Photoset}
  1633.  
  1634.  
  1635. <!-------------------------- quote posts -------------------------->
  1636.  
  1637.  
  1638.  
  1639. <div id="quoteq">
  1640. {block:Source}
  1641. <div class="sourcepic"><span style="font-size:20px"class="icon-ios-chatbubble-outline"></span></div>
  1642. {/block:Source}
  1643.  
  1644. {block:Quote}
  1645. <div style="float:right; height:auto;font-family: 'beauty';font-size:20px;padding:10px;border-radius:0px 7px 7px 7px; color:{color:accent};font-weight:bold;">
  1646. {Quote}</div>
  1647. </div>
  1648. {/block:Quote}
  1649.  
  1650. {block:Source}
  1651. <div class="quotesource">{Source}</div>
  1652. {/block:Source}
  1653.  
  1654. <!-------------------------- link posts -------------------------->
  1655.  
  1656. {block:Link}
  1657. <div class="postitle"><a href="{URL}">{Name}</a></div>
  1658. {block:Description}{Description}{/block:Description}
  1659. {/block:Link}
  1660.  
  1661.  
  1662. <!-------------------------- chats ! -------------------------->
  1663. {block:Chat}
  1664.  
  1665. {block:Title}
  1666. <div class="postitle">
  1667. <a href="{Permalink}">{Title}</a></div>
  1668. {/block:Title}
  1669.  
  1670. <ul class="chat">
  1671. {block:Lines}<li class="{Alt}">{block:Label}<span class="label" style="text-transform:uppercase; font-weight:bold; ">{Label}</span>{/block:Label}<div style="text-transform:uppercase;">&nbsp;{Line}</div></li>{/block:Lines}
  1672. </ul>
  1673. {/block:Chat}
  1674.  
  1675.  
  1676. <!-------------------------- audio -------------------------->
  1677.  
  1678. {block:Audio}
  1679. {block:AudioPlayer}
  1680. <div class="audiowrapper">
  1681. {block:AlbumArt}
  1682. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1683. {/block:AlbumArt}
  1684.  
  1685. <div class="playerbuttonbg">
  1686. <div class="newplayerbutton">
  1687. <div class="playerbuttonhug">
  1688.  
  1689. {AudioPlayerWhite}
  1690.  
  1691. </div>
  1692. </div>
  1693. </div>
  1694.  
  1695. <div class="trackdetails">
  1696.  
  1697. <div style="border: 1px solid {color:borders}; border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1698.  
  1699.  
  1700. <div style="border: 1px solid {color:borders};margin-top:4px; border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{block:Artist}Artist: {Artist}{/block:Artist} {block:Album}Album: {Album}{/block:Album}<br/></div>
  1701.  
  1702. <div style="border: 1px solid {color:borders}; margin-top:3px;border-radius:7px; padding:5px; font-size:7px; color:{color:title color};">{PlayCountWithLabel}<br/></div>
  1703.  
  1704.  
  1705. </div>
  1706. </div>
  1707. {/block:AudioPlayer}
  1708. {/block:Audio}
  1709.  
  1710. <!-------------------------- videos -------------------------->
  1711.  
  1712. {block:Video}
  1713. <div class="video" style="text-align:center;">{Video-250}</div>
  1714. {block:Caption}{/block:Caption}
  1715. {/block:Video}
  1716.  
  1717.  
  1718. <!-------------------------- asks -------------------------->
  1719.  
  1720. {block:Answer}
  1721.  
  1722. <div class="question">{Question}</div>
  1723.  
  1724. <div id="asker">{Asker}</div><br>
  1725.  
  1726. <div class="answer"style="margin-top:5px;position:relative">{Answer}</div>
  1727.  
  1728.  
  1729. {/block:Answer}
  1730.  
  1731.  
  1732.  
  1733. <!-------------------------- captions -------------------------->
  1734.  
  1735. {block:Caption}
  1736. {Caption}
  1737.  
  1738.  
  1739. <!-------------------------- post essentials -------------------------->
  1740.  
  1741. {/block:Caption}
  1742.  
  1743. {block:PostNotes}
  1744. <div class="pagenotes">{PostNotes-16}</div>
  1745. {/block:PostNotes}
  1746.  
  1747.  
  1748. {block:HasTags}
  1749.  
  1750. <div class="postags">
  1751. <div class="tags">
  1752. {block:Tags}
  1753. <a href="{TagURL}"></span><i class="fab fa-slack-hash"></i> <span style="padding-left:5px">{Tag}</span> </a>
  1754. {/block:Tags}
  1755. </div>
  1756.  
  1757.  
  1758. </div>{/block:HasTags}
  1759.  
  1760.  
  1761. </article>
  1762.  
  1763. {/block:Posts}
  1764.  
  1765. </div>
  1766.  
  1767.  
  1768. <!--- SIDEBAR ----->
  1769.  
  1770.  
  1771. <!--- angled div on the back of content ----->
  1772.  
  1773. <div class="angled2"></div>
  1774.  
  1775. <!--- container ----->
  1776.  
  1777. <div id="scott">
  1778.  
  1779. <div class="sbp"><img src="{image:sb pic}"></div>
  1780.  
  1781. <!--- tiny icon ----->
  1782.  
  1783. <div class="sbleaf">
  1784.  
  1785. <span class="icon-sprout"></span>
  1786.  
  1787. </div>
  1788.  
  1789. <!--- desctiption box ----->
  1790.  
  1791. <div class="descbox">{text:sidebar description}</div>
  1792.  
  1793. <div class="page">
  1794.  
  1795. {block:PreviousPage}<a style="margin-top:0px;margin-left:0px;border:none;"href="{PreviousPage}">&nbsp;drown</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"style="margin-top:0px;margin-left:3px;border:none;">&nbsp;swim</a> {/block:NextPage}
  1796.  
  1797. <br>
  1798.  
  1799. </div>
  1800.  
  1801. <div class="narcissa"><a href="/">{text:sidebar title}</a></div>
  1802.  
  1803. <br>
  1804.  
  1805. </div>
  1806. </div>
  1807. </div>
  1808.  
  1809.  
  1810. <!-------------------------- dont do the do !! ------------------------->
  1811.  
  1812. <span id="yo">
  1813.  
  1814. <a href="http://ofparrish.tumblr.com/"target="_blank"><span class="lnr lnr-leaf"></span></a>
  1815. </span>
  1816. </div></a>
  1817.  
  1818. </body>
  1819.  
  1820. </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!