API tools faq
paste
q_shiner

i smell snow

q_shiner
Dec 20th, 2016
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6. Base theme by shxnr.tumblr.com
  7. !--->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="color:Background" content="#eee" />
  15. <meta name="color:Post" content="#Fff" />
  16. <meta name="color:Borders" content="#eee" />
  17. <meta name="color:Accent" content="#c9a7ea" />
  18. <meta name="color:Text" content="#999" />
  19. <meta name="color:Link" content="#888" />
  20. <meta name="color:Link hover" content="#ccc" />
  21. <meta name="color:Sidebar bg" content="#Fff" />
  22.  
  23. <meta name="image:Background" content="" />
  24. <meta name="image:sidebar" content="" />
  25. <meta name="image:update" content="" />
  26.  
  27. <meta name="if:InfiniteScrolling" content="0"/>
  28. <meta name="text: hp bar" content="70" />
  29. <meta name="text:primary" content="70" />
  30. <meta name="text:secondary" content="70" />
  31. <meta name="text:reading" content=""/>
  32. <meta name="text:watching" content=""/>
  33. <meta name="text:working" content=""/>
  34. <meta name="text:upset" content=""/>
  35. <meta name="text:obsess" content=""/>
  36. <meta name="text:Link1Title" content="link 1" />
  37. <meta name="text:Link1Url" content="/" />
  38. <meta name="text:Link2Title" content="link 2" />
  39. <meta name="text:Link2Url" content="/" />
  40. <meta name="text:Link3Title" content="link 3" />
  41. <meta name="text:Link3Url" content="/" />
  42. <meta name="text:Link4Title" content="link 4" />
  43. <meta name="text:Link4Url" content="/" />
  44. <meta name="text:Link5Title" content="link 5" />
  45. <meta name="text:Link5Url" content="/" />
  46. <meta name="text:Link6Title" content="link 6" />
  47. <meta name="text:Link6Url" content="/" />
  48.  
  49. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  50.  
  51. <style type="text/css">
  52.  
  53. /** BODY **/
  54.  
  55. html {
  56. cursor: crosshair;
  57. }
  58.  
  59. body {
  60.  
  61. background: {color:background} url("{image:background}") fixed;
  62. color:{color:Text};
  63. font-size:10px;
  64. font-family:arial;
  65.  
  66.  
  67. }
  68. /** BODY **/
  69.  
  70. /** LINKS **/
  71. a {
  72. text-decoration:none;
  73. color:{color:link};
  74. -webkit-transition: all 0.5s ease-out;
  75. -moz-transition: all 0.5s ease-out;
  76. -ms-transition: all 0.5s ease-out;
  77. -o-transition: all 0.5s ease-out;
  78. transition: all 0.5s ease-out;
  79. }
  80. a:hover {
  81.  
  82. color:{color:link hover};
  83. -webkit-transition: all 0.5s ease-out;
  84. -moz-transition: all 0.5s ease-out;
  85. -ms-transition: all 0.5s ease-out;
  86. -o-transition: all 0.5s ease-out;
  87. transition: all 0.5s ease-out;
  88.  
  89. }
  90. /** LINKS **/
  91.  
  92. /** POST **/
  93. #post {
  94. margin-top:100px;
  95. width:500px;
  96. background:transparent;
  97. margin-left:30%;
  98.  
  99.  
  100. }
  101.  
  102. /** POST **/
  103.  
  104. /** ENTRY **/
  105. .entry {
  106. letter-spacing:1px;
  107. float:left;
  108. width:500px;
  109. padding:20px;
  110. margin-bottom:70px;
  111. background:{color:post};
  112. -webkit-filter: grayscale(80%);
  113. -webkit-transition: all 0.6s ease-in-out;
  114. -moz-transition: all 0.6s ease-in-out;
  115. -o-transition: all 0.6s ease-in-out;
  116. -ms-transition: all 0.6s ease-in-out;
  117. transition: all 0.6s ease-in-out;
  118. border:1px dashed {color:borders};
  119. }
  120.  
  121. .entry:hover {
  122. -webkit-filter: grayscale(0%);
  123. -webkit-transition: all 0.6s ease-in-out;
  124. -moz-transition: all 0.6s ease-in-out;
  125. -o-transition: all 0.6s ease-in-out;
  126. -ms-transition: all 0.6s ease-in-out;
  127. transition: all 0.6s ease-in-out;
  128. }
  129.  
  130. /** ENTRY **/
  131.  
  132.  
  133.  
  134. /** QUOTE **/
  135.  
  136. .quote {
  137.  
  138. font-size:15px;
  139. text-align:center;
  140. padding-left:30px;
  141. padding-right:30px;
  142. margin-bottom:15px;
  143.  
  144. }
  145.  
  146. /** QUOTE SOURCE **/
  147.  
  148. .qsub {
  149.  
  150. font-size:13px;
  151.  
  152. }
  153.  
  154. /** QUOTE **/
  155.  
  156. /** CHAT **/
  157.  
  158. .chat {
  159.  
  160. padding:10px 10px 0px 10px;
  161.  
  162. }
  163. .ch1 {
  164.  
  165. padding:10px 10px 0px 10px;
  166. background:{color:opcional};
  167. border:0px solid {color:Background};
  168. margin-bottom:0px;
  169.  
  170. }
  171. .ch1 b{
  172.  
  173. color:{color:Accent};
  174. margin-right:2px;
  175.  
  176. }
  177.  
  178. /** CHAT **/
  179.  
  180. /** POST TITLE **/
  181.  
  182. h1 {
  183.  
  184. text-align:center;
  185.  
  186. }
  187.  
  188. /** POST TITLE **/
  189.  
  190. blockquote {
  191.  
  192. margin-left:15px;
  193. padding-left:10px;
  194. border-left:2px solid {color:Background};
  195.  
  196. }
  197.  
  198. .caption {}
  199. .caption a{border-bottom:0px solid {color:borders};}
  200.  
  201. /** ALBUM **/
  202.  
  203. .albumfoto{
  204.  
  205. float:left;
  206. width:80px;
  207. margin-top:0px;
  208. margin-left:5px;
  209.  
  210. }
  211. .albumfoto img{
  212.  
  213. width:80px;
  214.  
  215. }
  216.  
  217. .audiodesc {
  218.  
  219. margin-left:90px;
  220. padding:10px;
  221. background:transparent;
  222. margin-top:0px;
  223. min-height:60px;
  224. font-weight:bold;
  225. margin-bottom:10px;
  226.  
  227. }
  228.  
  229. .audioplay {
  230.  
  231. position:absolute;
  232. overflow:hidden;
  233. max-width:30px;
  234. height:28px;
  235. background:transparent;
  236. margin-left:25px;
  237. margin-top:-60px;
  238.  
  239. }
  240.  
  241. /** ALBUM **/
  242.  
  243. /** AKS AND ANSWER **/
  244.  
  245. .pessoap a{
  246.  
  247. text-transform:uppercase;
  248.  
  249. }
  250. .pessoapfoto img{
  251.  
  252. float:left;
  253. border-radius:2px;
  254.  
  255. }
  256. .pergunta {
  257.  
  258. background:#eee;
  259. padding:15px;
  260. margin-left:50px;
  261.  
  262. }
  263. .sresposta {
  264.  
  265. padding:5px;
  266. margin-top:5px;
  267.  
  268. }
  269.  
  270. /** ASK AND ANSWER **/
  271.  
  272. /** REBLOG LINK **/
  273.  
  274. .seureblog {
  275. margin-top:20px;
  276. text-align:left;
  277. border-top:0px solid {color:borders};
  278. padding:10px;
  279. padding-bottom:0px;
  280. font-size:10px;
  281.  
  282. }
  283. .seureblog a {
  284.  
  285. margin-right:8px;
  286.  
  287. }
  288.  
  289. /** REBLOG LINK **/
  290.  
  291. .pagination {display:none;}
  292.  
  293. .permalink {
  294.  
  295. padding:10px;
  296.  
  297. }
  298.  
  299. /** TAGS **/
  300.  
  301. .tags {
  302.  
  303. padding:10px;
  304.  
  305. }
  306. .tags a{
  307.  
  308. text-transform:lowercase;
  309.  
  310. }
  311.  
  312. /** TAGS **/
  313.  
  314. #sidebar {
  315. background-color:{color:accent};
  316. background:url({image:sidebar});
  317. height:100%;
  318. margin-left:-8px;
  319. width:300px;
  320. position:fixed;
  321. z-index:99;
  322. text-align:center;
  323. margin-top:-100px;
  324. }
  325.  
  326. .description {
  327. margin-top:5px;
  328. margin-bottom:15px;
  329.  
  330. }
  331.  
  332. #info {
  333. margin-top:300px;
  334. background:rgba(255, 255, 255, 0.6);
  335. width:225px;
  336. height:auto;
  337. padding:10px;
  338. margin-left:27px;
  339. }
  340.  
  341. #links {
  342. font-size:11px;
  343. font-family:times;
  344. margin-bottom:10px;
  345. }
  346.  
  347. #links a {
  348. color:{color:accent};
  349. padding:5px;
  350.  
  351. }
  352.  
  353. #links a:hover {
  354. letter-spacing:2px;
  355. }
  356.  
  357. #title {
  358. text-transform:uppercase;
  359. padding:8px;
  360. text-align:center;
  361. letter-spacing:10px;
  362. font-family:'Open Sans';
  363. font-size:12px;
  364. color:#fff;
  365. -webkit-transition:all 0.3s ease-out;
  366. -moz-transition:all 0.3s ease-out;
  367. transition:all 0.3s ease-out;
  368. }
  369.  
  370. #title a {
  371. color:{color:accent};
  372.  
  373. }
  374.  
  375. #title a:hover {
  376. letter-spacing:3px;
  377. -webkit-transition:all 0.3s ease-out;
  378. -moz-transition:all 0.3s ease-out;
  379. transition:all 0.3s ease-out;
  380. }
  381.  
  382.  
  383.  
  384. /** PAGINATION **/
  385.  
  386. .pages {
  387.  
  388. text-align:center;
  389.  
  390. }
  391.  
  392. /** PAGINATION **/
  393.  
  394. /** CREDIT **/
  395.  
  396.  
  397. /** CREDIT **/
  398.  
  399. #container-top-left {
  400. position:fixed;
  401. bottom:-600px;
  402. right:30px; /*higher number = farther to right*/
  403.  
  404. /*transition speed: 0.1 = fastest and 1 = slowest*/
  405. -webkit-transition: all 1s ease-in-out;
  406. -moz-transition: all 1s ease-in-out;
  407. -o-transition: all 1s ease-in-out;
  408. }
  409.  
  410. #container-top-left:hover {
  411. bottom:0px; /*WHAT YOU WILL NEED TO CHANGE ACCORDING TO HOW MANY LINES OF TEXT YOU HAVE (higher number for more text)*/
  412.  
  413. /*transition speed: 0.1 = fastest and 1 = slowest*/
  414. -webkit-transition: all 1s ease-in-out;
  415. -moz-transition: all 1s ease-in-out;
  416. -o-transition: all 1s ease-in-out;
  417. }
  418.  
  419. #text-top-left {
  420. font-size:10px;
  421. font-family:arial;
  422. text-align:left;
  423. width:200px; /*should match the image width*/
  424. /*don't change anything below this*/
  425. padding:0px 0px 15px 0px;
  426. bottom:0px;
  427. }
  428.  
  429. #image-top-left img {
  430. position:fixed;
  431. bottom:0px;
  432. right:50px;
  433. width: 150px; /*should match the text width*/
  434. /*don't change anything below this*/
  435. height: auto;
  436. -webkit-transition: all 1s ease-in-out;
  437. -moz-transition: all 1s ease-in-out;
  438. -o-transition: all 1s ease-in-out;
  439. }
  440.  
  441. #container-top-left:hover img{
  442. bottom:600px; /*WHAT YOU WILL NEED TO CHANGE ACCORDING TO HOW MANY LINES OF TEXT YOU HAVE (higher number for more text)*/
  443.  
  444. /*transition speed: 0.1 = fastest and 1 = slowest*/
  445. -webkit-transition: all 1s ease-in-out;
  446. -moz-transition: all 1s ease-in-out;
  447. -o-transition: all 1s ease-in-out;
  448. }
  449.  
  450.  
  451.  
  452. ::-webkit-scrollbar-thumb:vertical {
  453. background-color: #fff; /*color of main scrollbar*/
  454. height: 50px; /*height of scrollbar*/
  455. background-image: url('URL HERE'); /*optional*/
  456. }
  457. ::-webkit-scrollbar {
  458. height: 0px;
  459. width: 3px; /*width of the slider*/
  460. background-color: #000; /*color of the slider*/
  461. }
  462.  
  463. #header {
  464. font-family:'Open Sans';
  465. background-color:#000;
  466. text-transform:uppercase;
  467. color:#fff;
  468. text-align:center;
  469. padding:3px;
  470. font-size:14px;
  471. margin-bottom:5px;
  472. margin-top:5px;
  473. letter-spacing:4px;
  474. }
  475.  
  476. {CustomCSS}
  477.  
  478. </style>
  479. <body>
  480.  
  481.  
  482. <div id="container-top-left">
  483. <div id="image-top-left"><img src="{image:Update}" /></div>
  484. <div id="text-top-left">
  485.  
  486. <div id="header">bio</div><br> shiner / 17 / he or they <br>
  487. chronically ill trans guy, trying to cope <p>
  488. used to be prettyboymagnus. <br><br>
  489. <p><div id="header">Status</div><br><b>primary:</b><a href="/{text:primary}"> {text:primary}</a><br><b>secondary:</b><a href="/{text:secondary}"> {text:secondary}</a><p><style>
  490. <style>
  491. @import url(http://fonts.googleapis.com/css?family=Russo+One);
  492. #hpwrap {
  493. font-family: "Russo One", sans-serif;
  494. font-weight: 700;
  495. color: #000;
  496. font-size: 6px;
  497. padding: 10px;
  498. }
  499. #hpbar {
  500. height: 10px;
  501. width: 195px;
  502. overflow: hidden;
  503. display: inline-block;
  504. vertical-align: middle;
  505. text-align: left;
  506. background-color: rgba(255,255,255,0);
  507. border: 2px solid #000;
  508. box-shadow: 1px 1px 2px #333;
  509. }
  510. #hp{
  511. background-color: {color:accent};
  512. display:inline-block;
  513. height: 100%;
  514. vertical-align: middle;
  515. line-height: 10px;
  516. border-right: 1px solid #000;
  517. box-shadow: 1px 1px 2px #333;
  518. text-align:left;
  519. width: {text: hp bar}%;
  520. }
  521.  
  522. </style>
  523. <div id="hpwrap">
  524. <div id="hpbar">
  525. <div id="hp">&nbsp;&nbsp;H P&nbsp;&nbsp;</div>
  526. </div>
  527. </div>
  528. <!-- Thanks for using lizzledpink's HP bar generator!
  529. http://lizzledpink.tumblr.com/hpbar --><br>
  530. <p><div id="header">currently</div><br>
  531. <b>reading:</b> {text:reading} <p><b>watching:</b> {text:watching}
  532. <p><b>working on:</b> {text:working}<p>
  533. <p><b>upset about:</b> {text:upset}
  534. <p><b>obsessing over:</b> {text:obsess}<br>
  535.  
  536. <br> <div id="header">help me out</div><br>
  537. <center><script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type ='text/javascript'>kofiwidget2.init('Buy Me a Coffee', '{color:accent}', 'A886EOM');kofiwidget2.draw();</script><p> <a href="http://bitteralec.tumblr.com/post/153715095464/ive-just-added-a-donate-link-to-my-blog-and-i"><u>what's this for?</u></a></center>
  538. </div>
  539. </div>
  540.  
  541. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  542. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  543.  
  544. <script>
  545. $(function(){
  546. var $container = $('#post');
  547. $container.imagesLoaded(function(){
  548. $container.masonry({
  549. itemSelector: '.entry',
  550. });
  551. });
  552. $container.infinitescroll({
  553. itemSelector : ".entry",
  554. navSelector : "div.pagination",
  555. nextSelector : ".pagination a#next",
  556. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  557. loadingText : "<em></em>",
  558. bufferPx : 10000,
  559. extraScrollPx: 12000,
  560. },
  561. // trigger Masonry as a callback
  562. function( newElements ) {
  563. var $newElems = $( newElements ).css({ opacity: 0 });
  564. // ensure that images load before adding to masonry layout
  565. $newElems.imagesLoaded(function(){
  566. $newElems.animate({ opacity: 1 });
  567. $container.masonry( 'appended', $newElems, true );
  568. });
  569. }
  570. );
  571. });
  572. </script>
  573.  
  574. <div id="sidebar">
  575. <div id="info">
  576. <div id="title"><a href="/">{Title}</a></div>
  577. <div class="description">{Description}</div>
  578. <div id="links">
  579. <a href="{text:link1url}">{text:link1title}</a>
  580. <a href="{text:link2url}">{text:link2title}</a>
  581. <a href="{text:link3url}">{text:link3title}</a>
  582. <a href="{text:link4url}">{text:link4title}</a>
  583. <a href="{text:link5url}">{text:link5title}</a>
  584. <a href="{text:link6url}">{text:link6title}</a>
  585. </div></div></div>
  586.  
  587.  
  588. {block:IfNotInfiniteScrolling}
  589. <div class="pages">
  590. {block:Pagination}
  591. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  592. </br>{CurrentPage} of {TotalPages}</br>
  593. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  594. {/block:Pagination}
  595. </div>
  596. {/block:IfNotInfiniteScrolling}
  597.  
  598. </div>
  599.  
  600.  
  601. <div id="post">
  602.  
  603. {block:Posts}
  604.  
  605. <div class="entry">
  606.  
  607.  
  608. {block:Title} <h1>{TItle}</h1> {/block:Title}
  609.  
  610. {block:Text} {Body}{PhotoURL-500} {/block:Text}
  611.  
  612. {block:Photo}
  613. <img src="{PhotoURL-500}" width="500" />
  614. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  615. {/block:Photo}
  616.  
  617. {block:Photoset}
  618. {Photoset-500}
  619. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  620. {/block:Photoset}
  621.  
  622. {block:Quote}
  623. <div class="quote">
  624. "{Quote}"
  625. <div class="qsub">- {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  626. </div>
  627. {/block:Quote}
  628.  
  629. {block:Link}
  630. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  631. {block:Description} {Description} {/block:Description}
  632. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  633. {/block:Link}
  634.  
  635. {block:Chat}
  636. <div class="chat">
  637. {block:Lines}
  638. {block:Label}
  639. <div class="ch1">
  640. <b>{Label}</b>
  641. {/block:Label}
  642. {Line}</br>
  643. </div>
  644. {/block:Lines}
  645. </div>
  646. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  647. {/block:Chat}
  648.  
  649. {block:Audio}
  650. <div class="albumfoto">
  651. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  652. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  653.  
  654. <div class="audiodesc">
  655. {block:Artist}{Artist}{/block:Artist}</br>
  656. {block:Album}{Album}{/block:Album}</br>
  657. {block:TrackName}{TrackName}{/block:TrackName}</br>
  658. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  659. </div>
  660.  
  661. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  662. {/block:Audio}
  663.  
  664. {block:Video}
  665. {Video-500}
  666. {PlayCountWithLabel}
  667. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  668. {/block:Video}
  669.  
  670. {block:Answer}
  671. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  672. <div class="pergunta">
  673. <div class="pessoap"><b>{Asker}</b>{PhotoURL-500} </div>
  674. {Question}
  675. </div>
  676. <div class="sresposta">{Answer}</div>
  677. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  678.  
  679. {/block:Answer}
  680.  
  681. <div class="seureblog">
  682.  
  683. <a href="{ReblogUrl}">Reblog</a>
  684. {block:Date}
  685. <a href="{Permalink}">{TimeAgo}</a>
  686. {/block:Date}
  687. <a href="{Permalink}">{NoteCountWithLabel}</a>
  688.  
  689. <div class="tags">
  690. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  691. </div>
  692.  
  693. {block:PermalinkPage}
  694.  
  695. <div class="permalink">
  696.  
  697. <b>Date:</b> {block:Date}{TimeAgo}{/block:Date}</br>
  698. <b>Notes:</b> {NoteCount} </br>
  699. {block:RebloggedFrom}<b>Via: </b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  700. <b>Source: </b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  701. {/block:RebloggedFrom}
  702.  
  703. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  704.  
  705. </div>
  706.  
  707. {/block:PermalinkPage}
  708.  
  709. </div>
  710.  
  711. {/block:Posts}
  712.  
  713. </div>
  714.  
  715. {block:IfInfiniteScrolling}
  716. <div class="pagination">
  717. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  718. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  719. </div>
  720. {/block:IfInfiniteScrolling}
  721.  
  722.  
  723. </body>
  724. </head>
  725. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!