mistletoe

01 - chasing a hurricane

Dec 20th, 2018
1,106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.92 KB | None | 0 0
  1.  
  2. <!--------------------------------------------------------------------------
  3. ============================================================================
  4. ============================================================================
  5.  
  6.  
  7. ╭━╮╭━┳━━┳━━━┳━━━━┳╮╱╱╭━━━┳━━━━┳━━━┳━━━╮
  8. ┃┃╰╯┃┣┫┣┫╭━╮┃╭╮╭╮┃┃╱╱┃╭━━┫╭╮╭╮┃╭━╮┃╭━━╯
  9. ┃╭╮╭╮┃┃┃┃╰━━╋╯┃┃╰┫┃╱╱┃╰━━╋╯┃┃╰┫┃╱┃┃╰━━╮
  10. ┃┃┃┃┃┃┃┃╰━━╮┃╱┃┃╱┃┃╱╭┫╭━━╯╱┃┃╱┃┃╱┃┃╭━━╯
  11. ┃┃┃┃┃┣┫┣┫╰━╯┃╱┃┃╱┃╰━╯┃╰━━╮╱┃┃╱┃╰━╯┃╰━━╮
  12. ╰╯╰╯╰┻━━┻━━━╯╱╰╯╱╰━━━┻━━━╯╱╰╯╱╰━━━┻━━━╯
  13.  
  14.  
  15. ============================================================================
  16.  
  17. theme by merc
  18. mistletoe / badwolf
  19.  
  20. ============================================================================
  21. ============================================================================
  22.  
  23. - karla by jonny pinhorn
  24. - icons by linearicons
  25. - video resizing script
  26. + custom like/reblog buttons by
  27. http://shythemes.tumblr.com/
  28.  
  29. ============================================================================
  30.  
  31. REGARDING THIS THEME - DO NOT:
  32.  
  33. - replicate / reproduce
  34. - use as "inspiration"
  35. - frankenstein
  36. i.e. pick apart and use on your theme
  37. - steal the code
  38.  
  39. ============================================================================
  40.  
  41. basically, don't be /that/ asshole, alright? thanks.
  42.  
  43. ============================================================================
  44. ============================================================================
  45. --------------------------------------------------------------------------->
  46.  
  47.  
  48. <!DOCTYPE html>
  49.  
  50. <head>
  51.  
  52. <link rel="shortcut icon" type="image/png" href="{image:favicon}"/>
  53. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
  54. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  55.  
  56. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  57.  
  58. <!--- TOOLTIPS --->
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60.  
  61. <script>
  62.  
  63. (function($){
  64.  
  65. $(document).ready(function(){
  66.  
  67. $("a[title]").style_my_tooltips({
  68.  
  69. tip_follows_cursor:true,
  70.  
  71. tip_delay_time:130,
  72.  
  73. tip_fade_speed:130,
  74.  
  75. attribute:"title"
  76.  
  77. });
  78.  
  79. });
  80.  
  81. })(jQuery);
  82.  
  83. </script>
  84.  
  85.  
  86.  
  87. <script type="text/javascript">
  88. $(document).on("scroll", function(){
  89. if
  90. ($(document).scrollTop() > 100){
  91. $("header").addClass("shrink");
  92. }
  93. else
  94. {
  95. $("header").removeClass("shrink");
  96. }
  97. });
  98. </script>
  99.  
  100. <script type="text/javascript">
  101. $(document).on("scroll", function(){
  102. if
  103. ($(document).scrollTop() > 100){
  104. $("tumblr_controls").addClass("shrinkC");
  105. }
  106. else
  107. {
  108. $("tumblr_controls").removeClass("shrinkC");
  109. }
  110. });
  111. </script>
  112.  
  113. <script type="text/javascript">
  114. $(document).on("scroll", function(){
  115. if
  116. ($(document).scrollTop() > 100){
  117. $(".tmblr-iframe").addClass("shrinkC");
  118. }
  119. else
  120. {
  121. $(".tmblr-iframe").removeClass("shrinkC");
  122. }
  123. });
  124. </script>
  125.  
  126. <title>{Title}</title>
  127.  
  128. <link rel="shortcut icon" href="{Favicon}">
  129. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  130. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  131.  
  132. <!--Default Variables-->
  133.  
  134. <meta name="color:topbar" content="#f6f6f6"/>
  135. <meta name="color:background" content="#f5f4f4"/>
  136. <meta name="color:text" content="#8f8d8d"/>
  137. <meta name="color:link" content="#2b2b2b"/>
  138. <meta name="color:link hover" content="#949494"/>
  139. <meta name="color:blockquote" content="#efefef"/>
  140. <meta name="color:italics" content="#b97d7d"/>
  141. <meta name="color:bold" content="#eec6c6"/>
  142.  
  143. <meta name="image:sidebar" content="http://placehold.it/100x100/eec6c6/ffffff"/>
  144. <meta name="image:favicon" content="http://68.media.tumblr.com/tumblr_ltqqh7D4t91qm8no1.gif"/>
  145.  
  146. <meta name="text:link 1 URL" content="" />
  147. <meta name="text:link 1" content="" />
  148. <meta name="text:link 2 URL" content="" />
  149. <meta name="text:link 2" content="" />
  150. <meta name="text:link 3 URL" content="" />
  151. <meta name="text:link 3" content="" />
  152.  
  153. <meta name="text:small title" content="she was his nights spent" />
  154. <meta name="text:big title" content="chasing a hurricane" />
  155.  
  156. <meta name="text:wand title" content="check out my graphics" />
  157. <meta name="text:wand link" content="" />
  158.  
  159. <!--CSS customization here. -->
  160.  
  161. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  162.  
  163. <style type="text/css">
  164.  
  165.  
  166. ::-webkit-scrollbar {
  167. width: 11px;
  168. height: 11px;
  169. background-color: #efefef;
  170. }
  171.  
  172. ::-webkit-scrollbar-thumb {
  173. background-color: #eec6c6;
  174. }
  175.  
  176. ::-webkit-scrollbar,
  177. ::-webkit-scrollbar-thumb {
  178. border: 5px solid #ffffff;
  179. }
  180.  
  181.  
  182.  
  183. tumblr_controls,
  184. .tmblr-iframe {
  185. z-index: 999999999999999999!important;
  186. -webkit-filter: invert(100%);
  187. -moz-filter: invert(100%);
  188. -o-filter: invert(100%);
  189. -ms-filter: invert(100%);
  190. filter: invert(100%);
  191. position: fixed!important;
  192. top: 170px!important;
  193. right: 0px!important;
  194. opacity: .5;
  195. -webkit-transition: all 0.4s ease-out;
  196. -webkit-transition: opacity 0.7s linear;
  197. opacity: 0.2;
  198. -webkit-transition: all 0.4s ease-out;
  199. -moz-transition: all 0.4s ease-out;
  200. transition: all 0.4s ease-out;
  201. top: 170px;
  202. }
  203.  
  204. #tumblr_controls,
  205. .tmblr-iframe:hover {
  206. opacity: .9;
  207. webkit-transition: all 0.4s ease-out;
  208. -moz-transition: all 0.4s ease-out;
  209. transition: all 0.4s ease-out;
  210. -webkit-transition: all 0.4s ease-out;
  211. -webkit-filter: invert(80%);
  212. -moz-filter: invert(80%);
  213. -o-filter: invert(80%);
  214. -ms-filter: invert(80%);
  215. filter: invert(80%);
  216. }
  217.  
  218.  
  219. /***
  220.  
  221. favorites:
  222. gray: #f0f0f0;
  223. pink: #eec6c6;
  224.  
  225. ***/
  226.  
  227. header {
  228. width: 100%;
  229. padding: 60px 0;
  230. background: {color:topbar};
  231. border-bottom: 1px solid #efefef;
  232. -webkit-transition: all 0.4s ease-in-out;
  233. -moz-transition: all 0.4s ease-in-out;
  234. z-index: 999;
  235. top: 0;
  236. font-family: karla;
  237. position: fixed;
  238. line-height: 100%;
  239. color: #505050;
  240. max-height: 100px;
  241. }
  242.  
  243. header h1 {
  244. font-size: 20px;
  245. padding-left: 50px;
  246. line-height: 1px;
  247. }
  248. header h2 {
  249. font-size: 7px;
  250. letter-spacing: 2px;
  251. text-transform: uppercase;
  252. padding-left: 50px;
  253. line-height: 1px;
  254. }
  255. .shrink {
  256. padding: 20px 0;
  257. }
  258.  
  259. .shrinkC {
  260. top: 90px!important;
  261. }
  262.  
  263.  
  264. /***/
  265. .tooltip{
  266. display: inline;
  267. position: relative;
  268. }
  269.  
  270.  
  271. #s-m-t-tooltip {
  272. position: absolute;
  273. margin-top: 15px;
  274. z-index: 9999;
  275. background: {color: background};
  276. }
  277.  
  278.  
  279. /*basics*/
  280.  
  281. blockquote {
  282. padding-left: 12px;
  283. border-left: 1px solid #efefef;
  284. margin-left: 8px;
  285. }
  286.  
  287. ul {
  288. list-style: none;
  289. text-align: left;
  290. padding-left: 0;
  291. }
  292.  
  293. li {
  294. position: relative;
  295. padding-left: 30px;
  296. }
  297.  
  298. ul li:before {
  299. position: absolute;
  300. left: 15px;
  301. vertical-align: baseline!important;
  302. content: '›';
  303. }
  304.  
  305. body {
  306. background: {color:background};
  307. color: {color:text};
  308. font-family: karla;
  309. font-size: 11px;
  310. margin: 0;
  311. text-align: justify;
  312. line-height: 16px;
  313. overflow-x: hidden;
  314. }
  315. .notes {
  316. padding: 50px;
  317. }
  318. .textbody {
  319. padding-left: 20px; padding-right: 20px;
  320. line-height: 130%;
  321. }
  322.  
  323. *, body, a, a:hover {cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto}
  324.  
  325. a {
  326. color:{color:link};
  327. -moz-transition-duration:0.4s;
  328. -webkit-transition-duration:0.4s;
  329. -o-transition-duration:0.4s;
  330. text-decoration:none;
  331. }
  332.  
  333. a:hover {
  334. color:{color:link hover};
  335. -moz-transition-duration:0.4s;
  336. -webkit-transition-duration:0.4s;
  337. -o-transition-duration:0.4s;
  338. }
  339.  
  340. img {
  341. opacity: 1;
  342. border: none;
  343. text-decoration: none;
  344. }
  345.  
  346. small {
  347. font-size: 11px;
  348. }
  349.  
  350. big {
  351. font-size: 11px;
  352. }
  353.  
  354. #title {
  355. font-size: 12px;
  356. line-height: 18px;
  357. margin-bottom: 10px;
  358. font-weight: bold;
  359. text-transform: none;
  360. text-align: left;
  361. color:{color:text};
  362. }
  363.  
  364.  
  365. /*sidebar*/
  366.  
  367. #sidebar {
  368. text-align: left;
  369. position: fixed;
  370. margin-left: -350px;
  371. margin-top: 100px;
  372. width: 200px;
  373. border: 1px solid #efefef;
  374. }
  375.  
  376. #sidebar .topbox {
  377. background-color: #f6f6f6;
  378. padding: 25px;
  379. border-bottom: 1px solid #efefef;
  380. }
  381.  
  382. #sidebar .topboxim {
  383. height: 110px;
  384. width: 110px;
  385. -webkit-border-radius: 100px;
  386. -moz-border-radius: 100px;
  387. border-radius: 100px;
  388. overflow: hidden;
  389. border: 1px solid #efefef;
  390. margin: auto;
  391. }
  392.  
  393. #sidebar .topbox img {
  394. width: 100px;
  395. margin: auto;
  396. -webkit-border-radius: 100px;
  397. -moz-border-radius: 100px;
  398. border-radius: 100px;
  399. overflow: hidden;
  400. border: 5px solid #fff;
  401. }
  402. #sidebar .bottext {
  403. padding: 25px;
  404. background-color: #fbfbfb;
  405. }
  406.  
  407. #links {
  408. font-size: 10px;
  409. text-align: center;
  410. text-transform: uppercase;
  411. font-weight: normal;
  412. background-color: #f6f6f6;
  413. border-top: 1px solid #efefef;
  414. padding: 10px;
  415. width: 180px;
  416. }
  417.  
  418. #links a {
  419. margin-bottom: 0px;
  420. -moz-transition-duration: 0.4s;
  421. -webkit-transition-duration: 0.4s;
  422. -o-transition-duration: 0.4s;
  423. padding-left: 8px;
  424. padding-right: 8px;
  425. }
  426.  
  427. #description {
  428. margin-top: 10px;
  429. text-align: center;
  430. }
  431.  
  432. #description b {
  433. color: {color:bold};
  434. }
  435. #description i {
  436. color: {color:italics};
  437. }
  438.  
  439. /*pagination*/
  440.  
  441. #pagination {
  442. text-transform: uppercase;
  443. font-size: 8px;
  444. position: fixed;
  445. float: left;
  446. margin-left: -350px;
  447. bottom: 100px;
  448. width: 200px;
  449. text-align: center;
  450. letter-spacing: 1px;
  451. }
  452.  
  453. #pagination a {
  454. padding: 0 3px;
  455. color: #cccccc;
  456. }
  457.  
  458.  
  459. /*container*/
  460.  
  461. #con {
  462. left: 50%;
  463. margin-left: -140px;
  464. margin-top: 100px;
  465. position: absolute;
  466. }
  467.  
  468.  
  469. /*posts*/
  470.  
  471. #entries {
  472. margin-top: 120px;
  473. width: 440px;
  474. margin-bottom: 100px;
  475. }
  476.  
  477. .posts {
  478. width: 400px;
  479. {block: IndexPage}
  480. margin-bottom:80px;
  481. {/block: IndexPage}
  482. {block: PermalinkPage}
  483. margin-bottom:50px;
  484. {/block: PermalinkPage}
  485. padding: 20px;
  486. border: 1px solid #efefef;
  487. margin-top: 80px;
  488. background-color: #ffffff;
  489. padding-left: 20px;
  490. padding-right: 20px;
  491. }
  492.  
  493. .posts img {
  494. max-width: 400px;
  495. }
  496.  
  497. .posts img,
  498. .posts li,
  499. .posts blockquote {
  500. max-width: 100%;
  501. height: auto;
  502. }
  503.  
  504. .caption {
  505. width: 100%;
  506. margin: 20px;
  507. }
  508. .caption pre {
  509. padding: 5px;
  510. font-size: 8px;
  511. text-transform: uppercase;
  512. letter-spacing: 1px;
  513. background-color: #f6f6f6;
  514. text-align: center;
  515. width:89%;
  516. margin:auto;
  517. }
  518.  
  519. .caption h2 {
  520. color: {color:text};
  521. }
  522.  
  523. a.tumblr_blog {
  524. font-weight: bold;
  525. -moz-transition-duration: 0.4s;
  526. -webkit-transition-duration: 0.4s;
  527. -o-transition-duration: 0.4s;
  528. }
  529.  
  530.  
  531. /*quote*/
  532.  
  533. #titlequote {
  534. text-align: left;
  535. font-size: 12px;
  536. line-height: 17px;
  537. font-weight: bold;
  538. }
  539.  
  540. #source {
  541. margin-top: 0px;
  542. margin-bottom: 11px;
  543. margin-left: 0px;
  544. }
  545.  
  546.  
  547. /*asks*/
  548.  
  549. .q {
  550. line-height: 17px;
  551. font-size: 12px;
  552. }
  553.  
  554. .as:after,
  555. .as:before {
  556. content: '';
  557. display: block;
  558. position: absolute;
  559. right: 100%;
  560. width: 0;
  561. height: 0;
  562. border-style: solid;
  563. }
  564.  
  565. .as:after {
  566. top: 16px;
  567. border-color: transparent #f6f6f6 transparent transparent;
  568. border-width: 10px;
  569. }
  570.  
  571. /* this border color controlls the outside, thin border */
  572. .as:before {
  573. top: 14px;
  574. border-color: transparent #efefef transparent transparent;
  575. border-width: 12px;
  576. }
  577.  
  578. .as {
  579. font-weight: normal;
  580. border: 1px solid #efefef;
  581. padding: 20px;
  582. background-color: #f6f6f6;
  583. margin-left: 20px;
  584. width: 80%;
  585. position: relative;
  586. }
  587.  
  588. .q .askp {
  589. border: 1px solid #efefef;
  590. -webkit-border-radius: 100px;
  591. -moz-border-radius: 100px;
  592. border-radius: 100px;
  593. overflow: hidden;
  594. width: 58px;
  595. height: 58px;
  596. }
  597. .q .askp img {
  598. width: 48px;
  599. height: 48px;
  600. overflow: hidden;
  601. border: 5px solid #fff;
  602. -webkit-border-radius: 100px;
  603. -moz-border-radius: 100px;
  604. border-radius: 100px;
  605. }
  606.  
  607. .a {
  608. margin-top: 13px;
  609. }
  610.  
  611.  
  612. /*chat*/
  613.  
  614. .chat ol {
  615. padding: 0;
  616. list-style: none;
  617. }
  618.  
  619. .line {
  620. padding: 0px 0;
  621. }
  622.  
  623. .label {
  624. font-weight: bold;
  625. }
  626.  
  627.  
  628. /*permalink and notes*/
  629.  
  630. #permalink {
  631. font-size: 8px;
  632. text-align: left;
  633. margin-top: 6px;
  634. border-top: 1px solid #efefef;
  635. background-color: #f6f6f6;
  636. padding: 10px;
  637. width: 420px;
  638. margin-left: -20px;
  639. margin-bottom: -19px;
  640. text-transform: uppercase;
  641. overflow: auto;
  642. min-height: 15px;
  643. border-bottom: 1px solid #efefef;
  644. }
  645.  
  646. #permalink a {
  647. margin-right: 0px;
  648. }
  649.  
  650. .tags {
  651. font-size: 11px;
  652. text-transform: none;
  653. color: #cccccc;
  654. }
  655. .tags a {
  656. color: {color:link};
  657. }
  658.  
  659. .pagenotes {
  660. {block: IndexPage}
  661. display: none!important;
  662. {/block: IndexPage}
  663. width:400px;
  664. text-align:left;
  665. }
  666.  
  667. .pagenotes img {
  668. display: none!important;
  669. }
  670.  
  671. .pagenotes li {
  672. list-style-type: none;
  673. padding: 2px 0px;
  674. text-align: left;
  675. margin: 0 0 0 -40px;
  676. }
  677.  
  678. svg {
  679. width:10px;
  680. height:auto;
  681. opacity:.5;
  682. padding:1px;
  683. display:block;
  684. overflow:visible;
  685. }
  686. .controls a {
  687. position:relative;
  688. display:inline-block;
  689. overflow:hidden;
  690. padding:5px;
  691. width:12px;
  692. height:12px;
  693. padding-top: 3px;
  694. }
  695. .controls .reblog {
  696. opacity:.93;
  697. }
  698. .controls .reblog svg {
  699. width:9px;
  700. margin-top:1px;
  701. }
  702. .controls .like .liked + svg {
  703. opacity:1;
  704. }
  705. .controls .like .liked + svg path {
  706. fill:#ec5a5a;
  707. }
  708. .controls .like .like_button {
  709. position:relative;
  710. }
  711. .controls .like .like_button iframe {
  712. position:absolute;
  713. top:0;
  714. left:0;
  715. bottom:0;
  716. right:0;
  717. z-index:2;
  718. opacity:0;
  719. }
  720.  
  721.  
  722. #credit {
  723. float: right;
  724. position: fixed;
  725. bottom: 40px;
  726. right: 30px;
  727. font-weight: bold;
  728. letter-spacing: 1px;
  729. font-family: karla;
  730. text-transform: uppercase;
  731. font-size: 8px;
  732.  
  733. -webkit-transition-duration:.8s;
  734. -moz-transition-duration:.8s;
  735. -o-transition-duration:.8s;
  736. -ms-transition-duration:.8s;
  737. }
  738.  
  739. #credit a {
  740. color: #eec6c6;
  741. padding: 10px;
  742. background-color: #fff;
  743. }
  744.  
  745. #credit a:hover { color: #eec6c6; }
  746.  
  747.  
  748. {CustomCSS}
  749.  
  750. </style>
  751.  
  752. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  753.  
  754. <script type="text/javascript">
  755. // <![CDATA[
  756. var colour="#eec6c6";
  757. var sparkles=120;
  758.  
  759. /****************************
  760. * Tinkerbell Magic Sparkle *
  761. * (c) 2005 mf2fm web-design *
  762. * http://www.mf2fm.com/rv *
  763. * DON'T EDIT BELOW THIS BOX *
  764. ****************************/
  765. var x=ox=400;
  766. var y=oy=300;
  767. var swide=800;
  768. var shigh=600;
  769. var sleft=sdown=0;
  770. var tiny=new Array();
  771. var star=new Array();
  772. var starv=new Array();
  773. var starx=new Array();
  774. var stary=new Array();
  775. var tinyx=new Array();
  776. var tinyy=new Array();
  777. var tinyv=new Array();
  778.  
  779. window.onload=function() { if (document.getElementById) {
  780. var i, rats, rlef, rdow;
  781. for (var i=0; i<sparkles; i++) {
  782. var rats=createDiv(3, 3);
  783. rats.style.visibility="hidden";
  784. document.body.appendChild(tiny[i]=rats);
  785. starv[i]=0;
  786. tinyv[i]=0;
  787. var rats=createDiv(5, 5);
  788. rats.style.backgroundColor="transparent";
  789. rats.style.visibility="hidden";
  790. var rlef=createDiv(1, 5);
  791. var rdow=createDiv(5, 1);
  792. rats.appendChild(rlef);
  793. rats.appendChild(rdow);
  794. rlef.style.top="2px";
  795. rlef.style.left="0px";
  796. rdow.style.top="0px";
  797. rdow.style.left="2px";
  798. document.body.appendChild(star[i]=rats);
  799. }
  800. set_width();
  801. sparkle();
  802. }}
  803.  
  804. function sparkle() {
  805. var c;
  806. if (x!=ox || y!=oy) {
  807. ox=x;
  808. oy=y;
  809. for (c=0; c<sparkles; c++) if (!starv[c]) {
  810. star[c].style.left=(starx[c]=x)+"px";
  811. star[c].style.top=(stary[c]=y)+"px";
  812. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  813. star[c].style.visibility="visible";
  814. starv[c]=50;
  815. break;
  816. }
  817. }
  818. for (c=0; c<sparkles; c++) {
  819. if (starv[c]) update_star(c);
  820. if (tinyv[c]) update_tiny(c);
  821. }
  822. setTimeout("sparkle()", 40);
  823. }
  824.  
  825. function update_star(i) {
  826. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  827. if (starv[i]) {
  828. stary[i]+=1+Math.random()*3;
  829. if (stary[i]<shigh+sdown) {
  830. star[i].style.top=stary[i]+"px";
  831. starx[i]+=(i%5-2)/5;
  832. star[i].style.left=starx[i]+"px";
  833. }
  834. else {
  835. star[i].style.visibility="hidden";
  836. starv[i]=0;
  837. return;
  838. }
  839. }
  840. else {
  841. tinyv[i]=50;
  842. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  843. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  844. tiny[i].style.width="2px";
  845. tiny[i].style.height="2px";
  846. star[i].style.visibility="hidden";
  847. tiny[i].style.visibility="visible"
  848. }
  849. }
  850.  
  851. function update_tiny(i) {
  852. if (--tinyv[i]==25) {
  853. tiny[i].style.width="1px";
  854. tiny[i].style.height="1px";
  855. }
  856. if (tinyv[i]) {
  857. tinyy[i]+=1+Math.random()*3;
  858. if (tinyy[i]<shigh+sdown) {
  859. tiny[i].style.top=tinyy[i]+"px";
  860. tinyx[i]+=(i%5-2)/5;
  861. tiny[i].style.left=tinyx[i]+"px";
  862. }
  863. else {
  864. tiny[i].style.visibility="hidden";
  865. tinyv[i]=0;
  866. return;
  867. }
  868. }
  869. else tiny[i].style.visibility="hidden";
  870. }
  871.  
  872. document.onmousemove=mouse;
  873. function mouse(e) {
  874. set_scroll();
  875. y=(e)?e.pageY:event.y+sdown;
  876. x=(e)?e.pageX:event.x+sleft;
  877. }
  878.  
  879. function set_scroll() {
  880. if (typeof(self.pageYOffset)=="number") {
  881. sdown=self.pageYOffset;
  882. sleft=self.pageXOffset;
  883. }
  884. else if (document.body.scrollTop || document.body.scrollLeft) {
  885. sdown=document.body.scrollTop;
  886. sleft=document.body.scrollLeft;
  887. }
  888. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  889. sleft=document.documentElement.scrollLeft;
  890. sdown=document.documentElement.scrollTop;
  891. }
  892. else {
  893. sdown=0;
  894. sleft=0;
  895. }
  896. }
  897.  
  898. window.onresize=set_width;
  899. function set_width() {
  900. if (typeof(self.innerWidth)=="number") {
  901. swide=self.innerWidth;
  902. shigh=self.innerHeight;
  903. }
  904. else if (document.documentElement && document.documentElement.clientWidth) {
  905. swide=document.documentElement.clientWidth;
  906. shigh=document.documentElement.clientHeight;
  907. }
  908. else if (document.body.clientWidth) {
  909. swide=document.body.clientWidth;
  910. shigh=document.body.clientHeight;
  911. }
  912. }
  913.  
  914. function createDiv(height, width) {
  915. var div=document.createElement("div");
  916. div.style.position="absolute";
  917. div.style.height=height+"px";
  918. div.style.width=width+"px";
  919. div.style.overflow="hidden";
  920. div.style.backgroundColor=colour;
  921. return (div);
  922. }
  923. // ]]>
  924. </script>
  925.  
  926.  
  927. </head>
  928.  
  929. <body>
  930.  
  931. <header>
  932. <h2>― {text:small title}</h2>
  933. <h1><i>{text:big title}</i></h1>
  934.  
  935. <div style="float: right; margin-top: -25px; margin-right: 50px;">
  936. <a href="{text:wand link}" title="{text:wand title}"><span class="lnr lnr-magic-wand"></span></a>
  937. </div>
  938.  
  939. </header>
  940.  
  941. <div id="credit"><a href="http://mistletoe.tumblr.com">merc</a></div>
  942.  
  943.  
  944. <div id="con">
  945.  
  946. <div id="sidebar">
  947. <div class="topbox">
  948. <div class="topboxim">
  949. <center><img src="{image:sidebar}"></center>
  950. </div>
  951. </div>
  952. <div class="bottext">
  953. <div id="description">{Description}</div>
  954.  
  955. </div>
  956. <div id="links">
  957. <a href="/"><span class="lnr lnr-home"></span></a>&nbsp;&nbsp;
  958. <a href="/ask"><span class="lnr lnr-envelope"></span></a>&nbsp;&nbsp;
  959. {block:iflink1}<a href="{text:link 1 URL}" title="{text:link 1}"><span class="lnr lnr-heart"></span></a>{/block:iflink1}&nbsp;&nbsp;
  960. {block:iflink2}<a href="{text:link 2 URL}" title="{text:link 2}" ><span class="lnr lnr-tag"></span></a>{/block:iflink2}&nbsp;&nbsp;
  961. {block:iflink3}<a href="{text:link 3 URL}" title="{text:link 3}" ><span class="lnr lnr-moon"></span></a>{/block:iflink3}
  962. </div>
  963.  
  964. </div>
  965. <div id="pagination">
  966. {block:Pagination}
  967. {block:PreviousPage}
  968. <a href="{PreviousPage}">previous page</a>
  969. {/block:PreviousPage}
  970.  
  971.  
  972. {block:NextPage}
  973. <a href="{NextPage}">next page</a>
  974. {/block:NextPage}
  975. {/block:Pagination}
  976. </div>
  977.  
  978. <div id="entries">
  979.  
  980. {block:Posts}
  981.  
  982. <div class="posts" id="{PostID}">
  983. <div style="border: 1px solid #efefef; padding: 10px; background-color: #f6f6f6; text-align: left; font-family: karla; font-size: 8px; text-transform: uppercase; height: 30px; margin-bottom: 20px; width: 420px; margin-left: -21px; margin-top: -21px;">
  984.  
  985. <div style="float: left;">
  986.  
  987. {block:Date}
  988. <div style="font-family: karla; font-size: 8px; text-transform: Uppercase; letter-spacing: 1px; padding-top: 9px; padding-left: 10px; color: #949494;">
  989. <a href="{Permalink}" style="color: #949494;"><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  990. </div>
  991.  
  992. {/block:Date}
  993.  
  994.  
  995. </div>
  996.  
  997. <div style="float: right;">
  998.  
  999. {block:NotReblog}
  1000.  
  1001. <div style="float: left; font-size: 16px; margin-top: 6px; color: #eec6c6;"><span class="lnr lnr-star"></span></div>
  1002.  
  1003. <a href="/" title="original post">
  1004. <img src="{PortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
  1005. </a>
  1006.  
  1007. {/block:NotReblog}
  1008.  
  1009. {block:RebloggedFrom}
  1010.  
  1011. <!---
  1012. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  1013. <img src="{ReblogRootPortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
  1014. </a>
  1015. --->
  1016.  
  1017. <div style="float: left; font-size: 16px; margin-top: 6px; color: #eec6c6;"><span class="lnr lnr-star-empty"></span></div>
  1018.  
  1019. <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  1020. <img src="{ReblogParentPortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
  1021. </a>
  1022.  
  1023. {/block:RebloggedFrom}
  1024.  
  1025. </div>
  1026. </div>
  1027.  
  1028.  
  1029. {block:Quote}
  1030. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  1031. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1032. {/block:Quote}
  1033.  
  1034. {block:Text}
  1035. {block:Title}
  1036. <div id="title">{Title}</div>{/block:Title}
  1037. <div class="textbody">
  1038. {Body}
  1039. </div>
  1040. {/block:Text}
  1041.  
  1042. {block:link}
  1043. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  1044. {block:Description}{Description}{/block:Description}
  1045. {/block:link}
  1046.  
  1047. {block:Chat}
  1048. {block:Title}
  1049. <div id="title">{Title}</div>{/block:Title}
  1050.  
  1051. {block:lines}
  1052. {block:label}
  1053. <br><b>{label}</b>
  1054. {/block:label}
  1055. {line}
  1056. {/block:lines}
  1057. <br />
  1058. {/block:Chat}
  1059.  
  1060. {block:Photo}
  1061. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  1062. {/block:Photo}
  1063.  
  1064. {block:Photoset}
  1065. {Photoset-400}
  1066. {/block:Photoset}
  1067.  
  1068. <div class="video">{Video-400}</div>
  1069.  
  1070. {block:Audio}
  1071. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  1072. {/block:Audio}
  1073.  
  1074. {block:Answer}
  1075. <div class="q">
  1076.  
  1077. <table><tr valign="top"><td>
  1078. <div class="askp" style="margin-top: 0px;"><img src="{AskerPortraitURL-48}"></div>
  1079. </td><td>
  1080. <div class="as">
  1081. <b><big>and {Asker} screamed:</big></b>
  1082. {Question}
  1083. </div>
  1084. </td></tr></table>
  1085.  
  1086. </div>
  1087.  
  1088. <div class="a">{Answer}</div>
  1089.  
  1090. {/block:Answer}
  1091.  
  1092. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1093.  
  1094. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  1095.  
  1096. {block:Date}
  1097. <div id="permalink">
  1098.  
  1099. {block:NoteCount}
  1100. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1101. {/block:NoteCount}
  1102. <div style="float:right;">
  1103.  
  1104. <div class="controls">
  1105. <a href="{ReblogURL}" target="_blank" class="reblog">
  1106. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1107. </a>
  1108. <a href="#" class="like">{LikeButton}
  1109. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1110. </a>
  1111. </div>
  1112.  
  1113. </div>
  1114.  
  1115. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1116.  
  1117. </div>
  1118.  
  1119. {/block:Date}
  1120.  
  1121. </div>
  1122.  
  1123. {block:PostNotes}
  1124. <div class="pagenotes">
  1125. {PostNotes}
  1126. </div>
  1127. {/block:PostNotes}
  1128.  
  1129. {/block:Posts}
  1130.  
  1131.  
  1132.  
  1133. </div>
  1134.  
  1135. </div>
  1136.  
  1137. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment