API tools faq
paste
abv2

Flamethrower

abv2
Dec 23rd, 2016
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.94 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3. <!---
  4.  
  5.  
  6.  
  7.  
  8.                             THEME BY TWO-DAMES.TUMBLR.COM
  9.                         KINDLY DO NOT STEAL OR REMOVE CREDIT!!!
  10.                                   MUCH OBLIGED!!!
  11.                                  
  12.                                  
  13.                                  
  14. --->
  15.         <title>{Title}</title>
  16.        
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>            
  18.        
  19. <!---tooltip--->
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21.  
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:60,
  28. tip_fade_speed:300,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34. <!--basic tooltip from tutorial-baby! Enjoy-->
  35. <style>
  36. .tooltip{display: inline;position: relative;}
  37. #s-m-t-tooltip {
  38. max-width:300px; /*how big the tooltip can be at most*/
  39. border-radius: 0px; /*change your border radius*/
  40. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  41. margin:20px 7px -2px 20px; /*distance from word*/
  42. background-color:#ffffff; /*background color*/
  43. border:1px solid #bab; /*border info*/
  44. font-family:alegreya sans sc; /*tooltip font*/
  45. font-size:10px; /*tooltip font size*/
  46. font-weight:800;
  47. text-transform:uppercase; /*makes the tooltip title uppercase*/
  48. color:#000; /*tooltip font color*/
  49. z-index:999999999999999999999999999999999999;
  50. -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)inset;
  51. -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  52. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  53. word-wrap: break-word;
  54. }
  55. </style>
  56. <!---end tooltip--->
  57.  
  58. <script type="text/javascript">
  59. <!--
  60. function handleThis(formElm)
  61. {
  62. window.location="/tagged/"+formElm.number.value+"";
  63. return false;
  64. }
  65. // -->
  66. </script>
  67. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  68. <script type="text/javascript">
  69.    $(document).ready(function(){
  70.    $(".updt").hide();
  71.    $(".upd").click(function(){
  72.    $(this).next(".updt").slideToggle('fast');
  73.    });
  74. });
  75. </script>
  76.  
  77. <script type="text/javascript"
  78. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  79. <script>
  80. $(document).ready(function() {
  81. //
  82. $('a.poplight[href^=#]').click(function() {
  83. var popID = $(this).attr('rel'); //Get Popup Name
  84. var popURL = $(this).attr('href'); //Get Popup href to define size
  85. var query= popURL.split('?');
  86. var dim= query[1].split('&');
  87. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  88. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://www.melown.com/maps/resources/close2.png" class="btn_close" title="Close" alt="Close" /></a>');
  89. var popMargTop = ($('#' + popID).height() + 80) / 2;
  90. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  91. //Apply Margin to Popup
  92. $('#' + popID).css({
  93. 'margin-top' : -popMargTop,
  94. 'margin-left' : -popMargLeft
  95. });
  96. $('body').append('<div id="fade"></div>');
  97. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  98. return false;
  99. });
  100. $('a.close, #fade').live('click', function() {
  101. $('#fade , .popup_block').fadeOut(function() {
  102. $('#fade, a.close').remove(); //fade them both out
  103. });
  104. return false;
  105. });
  106. });
  107. </script>
  108.  
  109.        
  110. <link rel="shortcut icon" href="{Favicon}">
  111. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  112. {block:Description}<meta name="description" content="{MetaDescription}" />
  113. {/block:Description}
  114.            
  115. </head>
  116.    
  117. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500,500i,700&subset=latin-ext" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:500,500i&subset=latin-ext" rel="stylesheet">
  118.  
  119. <link href="https://fonts.googleapis.com/css?family=Acme|Kreon|Oxygen|Patrick+Hand|Patrick+Hand+SC|Philosopher|Port+Lligat+Slab|Roboto|Yantramanav" rel="stylesheet">
  120. <link href="https://fonts.googleapis.com/css?family=Aclonica|Allan|Amarante|Cookie|Marcellus+SC|Marvel|Pattaya|Playball|Rationale|Satisfy" rel="stylesheet">
  121.  
  122.  
  123.  
  124. <!---   <meta name="select:Font" content="" title="">   --->
  125. <meta name="select:Font" content="Alegreya Sans SC" title="Alegreya Sans SC">
  126. <meta name="select:Font" content="Patrick Hand" title="Patrick Hand">
  127. <meta name="select:Font" content="Patrick Hand SC" title="Patrick Hand SC">
  128. <meta name="select:Font" content="Acme" title="Acme">
  129. <meta name="select:Font" content="Philosopher" title="Philosopher">
  130. <meta name="select:Font" content="Port Lligat Slab" title="Port LLigat Slab">
  131. <meta name="select:Font" content="Oxygen" title="Oxygen">
  132. <meta name="select:Font" content="Roboto" title="Roboto">
  133. <meta name="select:Font" content="Yantramanav" title="Yantramanav">
  134. <meta name="select:Font" content="Kreon" title="Kreon">
  135.  
  136.  
  137. <!---<meta name="select:Title Font" content="" title="">   --->
  138. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  139. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  140. <meta name="select:Title Font" content="Rationale" title="Rationale">
  141. <meta name="select:Title Font" content="Allan" title="Allan">
  142. <meta name="select:Title Font" content="Amarante" title="Amarante">
  143. <meta name="select:Title Font" content="Pattaya" title="Pattaya">
  144. <meta name="select:Title Font" content="Aclonica" title="Aclonica">
  145. <meta name="select:Title Font" content="Cookie" title="Cookie">
  146. <meta name="select:Title Font" content="Marvel" title="Marvel">
  147. <meta name="select:Title Font" content="Playball" title="Playball">
  148.  
  149.  
  150.  
  151.  <!---<meta name="select:Post Title Font" content="" title="">   --->
  152. <meta name="select:Post Title Font" content="Marcellus SC" title="Marcellus SC">
  153. <meta name="select:Post Title Font" content="Satisfy" title="Satisfy">
  154. <meta name="select:Post Title Font" content="Rationale" title="Rationale">
  155. <meta name="select:Post Title Font" content="Allan" title="Allan">
  156. <meta name="select:Post Title Font" content="Amarante" title="Amarante">
  157. <meta name="select:Post Title Font" content="Pattaya" title="Pattaya">
  158. <meta name="select:Post Title Font" content="Aclonica" title="Aclonica">
  159. <meta name="select:Post Title Font" content="Cookie" title="Cookie">
  160. <meta name="select:Post Title Font" content="Marvel" title="Marvel">
  161. <meta name="select:Post Title Font" content="Playball" title="Playball">
  162.  
  163.  
  164. <meta name="text:Font size" content="13">
  165. <meta name="text:Title Size" content="26">
  166. <meta name="text:Post Title Size" content="28">
  167.  
  168. <meta name="if:Show Scroll To Top And Bottom" content="1">
  169. <meta name="if:Post Divider" content="0">
  170.  
  171.  
  172.  
  173. <meta name="image:Main Background" content="" />
  174. <meta name="image:Sidebar image" content="" />
  175. <meta name="image:Post divider" content="https://agdovingirlsperspective.files.wordpress.com/2015/03/10088-textdividersset1_20.png" />
  176. <meta name="image:Album art" content="http://microlancer.lancerassets.com/uploads/service_attachments/24140/large_music_20app-1390956357.jpg"/>
  177. <meta name="color:Main Background" content=""/>
  178. <meta name="color:Post Background" content=""/>
  179. <meta name="color:Text color" content="#000"/>
  180. <meta name="color:Link color" content="#ff4141"/>
  181. <meta name="color:Audio bg" content="">
  182. <meta name="color:Border" content="#cccccc"/>
  183. <meta name="color:Title color" content="#fff"/>
  184. <meta name="color:Sidebar mirror color" content=""/>
  185. <meta name="color:Sidebar links" content="#ff4141"/>
  186. <meta name="color:Permalink links" content=""/>
  187. <meta name="color:Selection bg" content=""/>
  188. <meta name="color:Selection text color" content=""/>
  189. <meta name="color:Pagination" content="#fff"/>
  190. <meta name="text:Link URL1" content=""/>
  191. <meta name="text:Link Text1" content=""/>
  192. <meta name="text:Link URL2" content=""/>
  193. <meta name="text:Link Text2" content=""/>
  194. <meta name="text:Link URL3" content=""/>
  195. <meta name="text:Link Text3" content=""/>
  196. <meta name="text:Link URL4" content=""/>
  197. <meta name="text:Link Text4" content=""/>
  198. <meta name="text:Link URL5" content=""/>
  199. <meta name="text:Link Text5" content=""/>
  200.  
  201.  
  202.    
  203. <style type="text/css">
  204.  
  205. ::selection {background-color:{color:Selection bg};color:{color:Selection text color};text-shadow:none;}
  206. ::-moz-selection {background-color:{color:Selection bg};color:{color:Selection text color};text-shadow:none;}
  207. ::-o-selection {background-color:{color:Selection bg};color:{color:Selection text color};text-shadow:none;}
  208.  
  209. ::-webkit-scrollbar {width: 9px; height: 9px; background: {color:selection bg};}
  210. ::-webkit-scrollbar-thumb {background-color:{color:Selection text color} ; border: 1px solid #ccc;}
  211.  
  212. /*            SCROLL BUTTONS           */  
  213. #scrollToTop:link, #scrollToTop:visited {
  214.   display: none;
  215.   position: fixed;
  216.   top: 570px;
  217.   right: 180px;
  218.   z-index:999;
  219. }  
  220. #scrollToTop:link:hover{
  221.    top: 560px;
  222. }
  223.  
  224. /* SCROLL BEGIN */
  225. a.back-to-top {
  226.     z-index:999;
  227.     height:30px;
  228.     width:30px;
  229.     display: none;
  230.     text-indent: -9999px;
  231.     position: fixed;
  232.     right: 180px;
  233.     bottom: 200px;
  234.     background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
  235. }
  236.  
  237. a.back-to-top:hover{
  238.     bottom:190px;
  239. }
  240. /* SCROLL END*/
  241.  
  242. body {
  243.     background-color: {color:Main background};
  244.     background-image: url('{image:main background}');
  245. background-repeat:no-repeat;
  246. background-attachment:fixed;
  247. background-size:100% 100%;
  248. text-decoration:none;
  249.     font-family: {select:Font};
  250.     font-size: {text:Font size}px;
  251.     color: {color:Text color};
  252. }
  253.  
  254. a {
  255.     text-decoration:none;
  256.     color:{color:link color};
  257.     -webkit-transition: all 0.5s ease;
  258.     -moz-transition: all 0.5s ease;
  259.     -o-transition: all 0.5s ease;
  260. }
  261.  
  262. a:hover {color:{color:text color};}
  263.  
  264. b, strong {text-transform:bold;}
  265. i, em { text-transform:italic;}
  266. h2, h3, h4 {font-family: {select:Post Title font};}
  267.  
  268. blockquote {
  269.     border-left:1px solid #423;
  270.     padding-left:15px;
  271.     margin-left:10px;
  272.     margin-top:0px;
  273.     margin-right:0;
  274. }
  275.    
  276. blockquote img { max-width:100%;height:auto;}
  277. img { max-width: 100%;}
  278. iframe, img, embed, object, video { max-width: 100%;}
  279.  
  280. /*SIDEBAR*/
  281.  
  282.  
  283.  
  284. .inside{
  285.     background-color:{color:Sidebar mirror color};
  286.     background-image:url('{image:Sidebar image}');
  287.     background-size:100% 100%;
  288.     float:center;
  289.     height:165px;
  290.     width:122px;
  291.     -moz-border-radius: 50%;
  292.     -webkit-border-radius: 50%;
  293.     border-radius: 50%;
  294.     position:fixed;
  295.     margin-top:18.8em;
  296.     margin-left:14em;
  297.     z-index:9;
  298. }
  299.  
  300.  
  301.  
  302. #title{
  303.     margin-top:20px;
  304.     font-size: {text:Title Size}px;
  305.     line-height: 105%;
  306.     text-align:center;
  307.     word-break:break-word;
  308.     font-family: {select:Title font};
  309.     float:center;
  310.     color:{color:Title color};
  311.     width:auto;
  312. }
  313.  
  314. #description{
  315.     font-size:14px;padding:5px;overflow:auto;text-align:center;
  316.     word-break:break-word;color:{color:Title color};width:80%;
  317. }
  318.  
  319.  
  320.  
  321. /*POPUPS FROM HTMLQUEENS*/
  322.  #fade { /*--Transparent background layer--*/
  323. display: none; /*--hidden by default--*/
  324. background: transparent;
  325. background-image: url(''); /*if you want to add a background image to go behind your popup */
  326. position: fixed; left: 10em; top: 40em;
  327. width: 250px; height: 200px;
  328. opacity: .70;
  329. z-index: 9999;
  330. }
  331.  
  332. .popup_block{
  333.  
  334.  display: none; /*--hidden by default--*/
  335.  background: transparent;
  336.  overflow:hidden;
  337.  padding: 10px;
  338.  width:100px;
  339.  height:200px;
  340.  float: center;
  341.  position: fixed;
  342.  top: 60em; left: 26.3em;
  343.  z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  344. }
  345.  
  346. img.btn_close {float: right;margin: 10px 110px 0 0;}
  347. /*--Making IE6 Understand Fixed Positioning--*/
  348. *html #fade {position: absolute;}
  349. *html .popup_block {position: absolute;}  
  350.  
  351. .poplink{
  352.     width:95%;
  353. }
  354. .poplink a{
  355.     display:inline-block;
  356.     width:155px;
  357.     background:{color:Permalink links};
  358.     padding:10px 10px;
  359.     margin-right:5px;
  360.     margin-top:10px;
  361.     text-align:center;
  362.     font-size:14px;
  363.     line-height:16px;
  364.     -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
  365. -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
  366. box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
  367.  
  368. outline:3px double{color:Sidebar links};
  369. }    
  370.  
  371. .poplink a:hover{
  372.     background:{color:Selection bg};
  373.     letter-spacing:2px;
  374. }
  375.  
  376.  /*END POPUPS*/  
  377.  
  378.  
  379.  
  380. /*Body*/
  381.  
  382. #container {position:absolute;left:40%;top:50px;}
  383.  
  384. .posts {
  385.     position:relative;
  386.     width:500px;
  387.     background-color: {color:post background};
  388.     padding:15px;
  389.  
  390.     padding-bottom:10px;
  391.     margin-bottom:30px;
  392.     outline: double 4px {color:border};
  393.     word-wrap: break-word;
  394.     z-index:99;
  395.  
  396.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  397.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  398.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  399. }
  400.  
  401. h1 {
  402.     text-align: center;
  403.     word-break:break-word;
  404.     font-size: {text:Post Title size}px;
  405.     line-height:105%;
  406.     text-decoration:underline;
  407.     color: {color:Post Title};
  408.     font-family: {select:Post Title font};
  409. }
  410.  
  411. /*Types of posts*/
  412.  
  413. /*LINK TITLES*/
  414. .posttitle a {
  415.     color: {color:link color};
  416.     font-size:{text:Post Title size}px;
  417.     font-family: {select:Post Title font};
  418.  
  419.     padding:5px;
  420. }
  421.  
  422. .posttitle a:hover{color: {color:text};}
  423.  
  424. /*ANSWER*/
  425. #askimg{
  426.     margin-left:15px;
  427. }
  428.  
  429. #question{
  430.     padding:12px;
  431.     padding-left:70px;
  432.     background-color:{color:audio bg};
  433. }
  434.  
  435. #asker{
  436.     margin-top:-35px;
  437.     margin-left:70px;
  438.     text-transform:uppercase;
  439.      font-family: {select:Post Title font};
  440. }
  441.  
  442. /*QUOTE*/
  443. .quote {
  444.     font-family:{select:Post Title font};
  445.     font-size: 25px;
  446.     line-height:27px;
  447.     text-indent: 15px;
  448.     text-align: center;
  449.     margin-bottom:5px;
  450.     border:1px solid {color:Border};
  451.     padding:10px;
  452.     -webkit-border-radius: 10%;
  453.     -moz-border-radius: 10%;
  454.     -o-border-radius: 10%;
  455. }
  456.  
  457. .quotesource {
  458.     font-size:15px;
  459.     line-height:17px;
  460.     text-align:right;
  461.     margin-top:5px;
  462.     margin-bottom:5px;
  463.     font-family:{select:Post Title font};
  464. }
  465.  
  466. /*Chat*/
  467.  
  468. .chat{
  469.     height: auto;
  470.     padding-bottom: 5px;
  471.     width: 100%;
  472.     word-break:break-word;
  473. }
  474.  
  475. .chat ul {word-break:break-word;list-style: none;}
  476.  
  477. .chat .odd {
  478.     margin-left:-35px;
  479.     text-align: left;
  480.     background-color:{color:post background};
  481.     padding:7px;
  482.     word-break:break-word;
  483.     border-radius: 5px;
  484.     -webkit-border-radius: 5px;
  485.     -moz-border-radius: 5px;
  486.     -o-border-radius: 5px;
  487.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.2)inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.2) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.2) inset;
  488. }
  489.  
  490. .chat .even {
  491.    margin-left:-20px;
  492.     text-align: left;
  493.     background-color:{color:audio bg};
  494.     padding:7px;
  495.     word-break:break-word;
  496.     border-radius: 5px;
  497.     -webkit-border-radius: 5px;
  498.     -moz-border-radius: 5px;
  499.     -o-border-radius: 5px;
  500.     -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2)inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2) inset;
  501. }
  502.  
  503. .chat li {
  504.     position: relative;
  505.     margin-bottom: 10px;
  506.     margin-left: auto;
  507.     margin-right:auto;
  508.     word-break:break-word;
  509.     padding: 5px;
  510. }
  511.  
  512. /*Chat end*/
  513.  
  514.  /*Audio*/
  515.  
  516. #music {width:100%;border:1px solid {color:border};background-color: {color:audio bg}}
  517.  
  518. #alart, #noralt {
  519.     width:100px;
  520.     height:100px;
  521.     display:block;
  522. }
  523.  
  524. #player {
  525.     z-index:99;
  526.     position:absolute;
  527.     padding:0px;
  528.     background:rgba(0,0,0,0.6);
  529.     margin:37px;
  530.     opacity:0.7;
  531.     -webkit-transition:all 1s ease;
  532.     -moz-transition:all 1s ease;
  533.     -o-transition:all 1s ease;
  534.     transition:all 1s ease-in-out;
  535. }
  536.  
  537. #alart {position:absolute; }
  538.  
  539. #minfo {
  540.     overflow:hidden;
  541.     text-align:left;
  542.     padding-left:0px;
  543.     margin-bottom:5px;
  544.     margin-left:-20px;
  545.     line-height:110%;
  546. }
  547.  
  548. video{max-width:100%}
  549. .tumblr_video_container {
  550. width:auto!important;
  551. height:auto!important;
  552. }
  553.  
  554. /*Types of posts end*/
  555.  
  556. /*Permalink*/
  557. .permalinks {
  558.     margin-top:5px;
  559.     font-size: 11px;
  560.     color:{color:permalink text};
  561.     padding:5px;
  562.     height:auto;
  563.     border-top:2px solid {color:border};
  564. }
  565.  
  566. .permalinks a {
  567.     text-decoration:none;
  568.     font-size: 11px;
  569.     color:{color:permalink links};
  570. }
  571.  
  572. .permalinks a:hover {color:{color:text color};}
  573.  
  574. .reblogs {float:right;}
  575.    
  576. .tags {
  577.      border-top:1px solid {color:border};
  578.     padding-top:5px;
  579.     text-align:center;
  580. }
  581.  
  582. .tags a {
  583.     text-decoration:none;
  584.     font-size: 10px;
  585.     text-transform:uppercase;
  586.     color:{color:permalink links};
  587. }
  588.  
  589. .tags a:hover {color:{color:text color};}
  590.  
  591. /*  NOTE CONTAINER */
  592. #notecontainer {
  593.       background-color:rgba(0,0,0,0.5);
  594.       margin: 20px auto;
  595.       width: 500px;
  596.       font-size: 11px;
  597.       color: #fff;
  598.       border-radius:5px;
  599.       border-right:1px solid #bbb;
  600.       border-top:1px solid #bbb;
  601.       border-bottom:1px solid #bbb;
  602. }
  603. #notecontainer ol.notes {
  604.       list-style-type: decimal;
  605.       margin: 0;
  606.       padding: 0;
  607. }
  608. #notecontainer img.avatar {
  609.       margin-right: 10px;
  610.       width: 16px;
  611.       height: 16px;
  612.       padding:3px;
  613. }
  614. #notecontainer a{color:{color:link color}}
  615.  
  616.  
  617. /*Lightbox DO NOT TOUCH!!!!! */
  618.  
  619. .vignette, #vignette {opacity:0;}
  620. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;}
  621. .tumblr-lightbox, #tumblr_lightbox {background-color:rgba(245,245,245,.98) !important;}
  622.  
  623. /*Lightbox end*/
  624.  
  625. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  626.  
  627. .tooltip a{color:#ff4141; text-decoration:none;}
  628. .tooltip {text-align:center;font-size:12px; bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;width:17px;height:17px;float:right;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
  629. .tooltip a:hover{color:#000;}
  630. .tooltip .tooltiptext {text-shadow:none;letter-spacing:0.5px;font-family:Alegreya sans sc;font-size:10px;visibility: hidden;width: 50px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 2px;border:1px solid #ff4141;padding: 5px 5px;position: absolute;z-index: 1;top: -20px;right: 150%;opacity: 0;transition: opacity 1s;font-size:10px;line-height:10px;}
  631. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  632. .tooltip .tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%; /* To the right of the tooltip */margin-top: -5px;border-width: 5px; border-style: solid;border-color: transparent transparent transparent #ff4141;}
  633.  
  634. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  635.  
  636. /* ICONS */
  637. /* Icon Back */
  638.     .hvr-icon-back {z-index:999; display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;padding-left: 2.2em;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
  639.     .hvr-icon-back:before {z-index:999;position: absolute;left: 1em;padding-bottom: 20px;padding-top:0px;padding-left:1px;padding-right:1px;font-family: FontAwesome;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  640.     .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {-webkit-transform: translateX(-4px);transform: translateX(-4px);color:{color:Post background};}
  641.  
  642. /* Icon Forward */
  643.     .hvr-icon-forward {z-index:999;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;padding-right: 2.2em;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
  644.     .hvr-icon-forward:before {z-index:999;position: absolute;right: 1em;padding-bottom: 20px;padding-top:0px;padding-left:1px;padding-right:1px;font-family: FontAwesome;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  645.     .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {-webkit-transform: translateX(4px);transform: translateX(4px);color:{color:Post background};}
  646.    
  647.  
  648. </style>
  649.    
  650. <body>
  651.  
  652. <div class="inside"></div>
  653.  
  654. <a href="/" title="Home"><img src="https://68.media.tumblr.com/d3a67c96f612437ea6c1b743a93da636/tumblr_oimzd7V2BH1vtqemto7_r1_400.png" WIDTH=32em style="position: fixed;z-index:99; top:40em; left:13em"/></a>
  655. <a href="/ask" title="Message"><img src="https://68.media.tumblr.com/46e80cd99fd584d2b330892a81bfaa3f/tumblr_oimzd7V2BH1vtqemto9_r1_1280.png" WIDTH=32em style="position: fixed;z-index:99; top:41em; left:16em"/></a>
  656. <a href="#?w=500" rel="03" class="poplight" title="Title and Desc"><img  src="https://68.media.tumblr.com/e7c86b0bbb132ebce1604e3f2f389051/tumblr_oimzd7V2BH1vtqemto6_r1_500.png" WIDTH=60em style="position: fixed;z-index:99; top:40.5em; left:18em"/></a>
  657. <a href="#?w=500" rel="02" class="poplight" title="Links"><img  src="https://68.media.tumblr.com/065d6445f23883bea794128461e726e8/tumblr_oimzd7V2BH1vtqemto8_r1_250.gif" WIDTH=20em style="position: fixed;z-index:99; top:40em; left:23em"/></a>
  658.  
  659. <div id="container">  
  660.  
  661. {block:Posts}
  662.  
  663. <div class="posts">
  664.  
  665. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  666.  
  667.  
  668. {block:Photo}{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  669.  
  670.  
  671. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  672.  
  673.  
  674. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  675.  
  676.  
  677. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> &#x2712; {Source}</div>{/block:Source}{/block:Quote}
  678.  
  679.  
  680. {block:Link}
  681. <div class="posttitle"><a href="{URL}">{Name} <i class="fa fa-hand-o-right"></i></a></div>
  682. {block:Description}
  683. <div style="margin-top: -8px;"></div>
  684. {Description}
  685. <div style="margin-bottom: -8px;"></div>
  686. {/block:Description}
  687. {/block:Link}
  688.  
  689.  
  690. {block:Chat}
  691. {block:Title}<h1>{Title}</h1>{/block:Title}
  692. <left>
  693. <div class="chat">
  694. <ul>
  695. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label} </b>{/block:Label}  {Line}</li>{/block:Lines}
  696. </ul>
  697. </div>
  698. </center>
  699. {/block:Chat}
  700.        
  701.                
  702. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  703.  
  704.  
  705. {block:Audio}
  706. <table id="music" cellpadding="0" cellspacing="0">
  707. <tr>
  708. <td width="150px"> <div id="player" style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div>{block:AlbumArt}<img src="{AlbumArtURL}" id="alart">{/block:AlbumArt} <img src="{image:Album Art}" id="noralt"></td>
  709. <td> <div id="minfo"> {block:TrackName}<b>Name: </b>{TrackName}{/block:TrackName}</div>
  710. <div id="minfo"> {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div> <div id="minfo"> {block:Album}<b>Album: </b><i>{Album}</i>{/block:Album}</div>
  711. <div id="minfo"> {block:PlayCount}<b>Plays: </b>{FormattedPlayCount}{/block:PlayCount}</div> </td>
  712. </tr></table>
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Audio}
  715.  
  716.  
  717.  
  718. {block:Answer}
  719. <div id="askimg"><img src="{AskerPortraitURL-48}"/></div>
  720. <div id="asker">{Asker} said:</div>
  721. <div id="question">{Question}</div>
  722. {Answer}
  723. {/block:Answer}
  724.  
  725.  
  726.  
  727. <!--  PERMALINK -->
  728. {block:Date}<div class="permalinks">
  729. {block:Text}&nbsp;<span class="lnr lnr-text-size"></span><a href="{Permalink}"> Text post</a>{/block:Text}
  730. {block:Photo}&nbsp;<span class="lnr lnr-camera"></span><a href="{Permalink}"> Photo</a> {/block:Photo}
  731. {block:Quote}&nbsp;<span class="lnr lnr-spell-check"></span><a href="{Permalink}">  Quote</a> {/block:Quote}
  732. {block:Link}&nbsp; <span class="lnr lnr-link"></span><a href="{Permalink}"> Link</a>{/block:Link}
  733. {block:Chat}&nbsp; <span class="lnr lnr-menu"></span> <a href="{Permalink}">Chat</a>{/block:Chat}
  734. {block:Audio}&nbsp; <span class="lnr lnr-music-note"></span><a href="{Permalink}"> Audio</a>{/block:Audio}
  735. {block:Video}&nbsp; <span class="lnr lnr-camera-video"></span><a href="{Permalink}"> Video</a>{/block:Video}
  736. {block:Answer} <span class="lnr lnr-bubble"></span><a href="{Permalink}"> Ask post</a>{/block:Answer}
  737. {block:Photoset}&nbsp; <span class="lnr lnr-picture"></span> <a href="{Permalink}">Photoset</a>{/block:Photoset}
  738.  
  739. &nbsp;☀ &nbsp;{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}  ☀&nbsp;<a href="{Permalink}" title="Permalink">{block:NoteCount}{NoteCount} {/block:NoteCount}</a>notes
  740. <div class="reblogs">{block:RebloggedFrom}
  741. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a> ☀
  742. <a href="{ReblogRootURL}" title="{ReblogRootName}">source </a> ☀
  743. {/block:RebloggedFrom}  <a href="{ReblogURL}" title="Reblog">reblog</a></div>
  744. </div>
  745.  
  746. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag} &nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  747.  
  748. </div>{/block:Date}
  749.  
  750. {block:ifPostDivider}<img src="{image:Post divider}" style="width:500px;max-height:100px;margin-top:-5px"><br><br>{/block:ifPostDivider}
  751.  
  752. {/block:Posts}  
  753.  
  754.  
  755. <!-- PAGINATION -->
  756. <center>  
  757. {block:Pagination}
  758. <div id="pagination" style="margin-top:-10px; margin-bottom:10px">
  759.     <div class="nextprev" style="color:{color:pagination};font-size:18px;">
  760.    
  761.         {block:PreviousPage}<a class="prev" style="color:{color:pagination};font-size:18px;"href="{PreviousPage}">{/block:PreviousPage}<span>&larr; Go back</span>{block:PreviousPage}</a>{/block:PreviousPage} <span style="color:{color:pagination};font-size:18px;" class="sep">&bull;</span>
  762.        
  763.         {block:NextPage}<a class="next"style="color:{color:pagination};font-size:18px;" href="{NextPage}">{/block:NextPage}<span>Venture forth &rarr;</span>{block:NextPage}</a>{/block:NextPage}
  764.     </div>
  765.    
  766.     <div class="current-page" style="color:{color:pagination};font-size:14px;">{lang:Page CurrentPage of TotalPages 2}</div>
  767. </div><!--/#pagination -->
  768. {/block:Pagination}
  769.  
  770.  
  771. <!-- POST TOOGLE -->  
  772.   {block:PermalinkPagination}
  773.   {block:PreviousPost}  <a href="{PreviousPost}" title="Previous Post"><font size="" color="{color:Pagination}"><i class="fa fa-caret-square-o-left hvr-icon-back" aria-hidden="true" style="font-size:35px; line-height:44px; margin-top:-50px;"></i></font></a>{/block:PreviousPost}
  774.   {block:NextPost}<a href="{NextPost}" title="Next Post"><font size="" color="{color:Pagination}"><i class="fa fa-caret-square-o-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;margin-top:-50px;"></i></font></a>{/block:NextPost}
  775.   {/block:PermalinkPagination}
  776. </center>
  777.  
  778.  
  779. <!-- NOTE CONTAINER -->
  780. {block:PermalinkPage}
  781. {block:PostNotes}
  782. <div id="notecontainer">{PostNotes}</div>
  783. {/block:PostNotes}
  784. {/block:PermalinkPage}
  785.  
  786.  
  787.  
  788. </div>
  789.  
  790.             <!--  DONT TOUCH ANYTHING BELLOW THIS LINE -->
  791.            
  792. <script type="text/javascript" src="http://static.tumblr.com/iibrpyj/2b1oedac5/classie.js"></script>
  793.  
  794. <div class="tooltip"><a href="http://two-dames.tumblr.com/"><i class="fa fa-coffee" aria-hidden="true"></i></a><span class="tooltiptext">Theme by Two-Dames</span></div>
  795.  
  796. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  797.  
  798. <!-- SCROLL BEGIN -->
  799. {block:IfShowScrollToTopAndBottom}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  800. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  801. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="https://www.yumbles.com/design/themes/yumbles_responsive/media/images/addons/my_changes/social/top-arrow.png" /></a>
  802.  
  803. <a href="#" class="back-to-top" title="Go to Bottom"></a>
  804. <script>
  805. var amountScrolled = 10000;
  806.  
  807. $('a.back-to-top').fadeIn('slow');
  808. $(window).scroll(function() {
  809.     if ( $(window).scrollTop() < amountScrolled ) {
  810.         $('a.back-to-top').fadeIn('slow');
  811.     } else {
  812.         $('a.back-to-top').fadeOut('slow');
  813.     }
  814. });
  815.  
  816. $('a.back-to-top').click(function() {
  817.     $('html, body').animate({
  818.         scrollTop: 15000
  819.     }, 1000);
  820.     return false;
  821. });
  822. </script>{/block:IfShowScrollToTopAndBottom}
  823. <!-- SCROLL END -->
  824.  
  825. <img src="https://68.media.tumblr.com/711aeff4d140ecc390ef729b3b432752/tumblr_oimzd7V2BH1vtqemto5_r1_1280.png" WIDTH=250em style="position: fixed;z-index:9999; top:16em; left:9.5em"/></a>
  826. <img src="https://68.media.tumblr.com/61fa2daef4cd21de971c8f50876c6c78/tumblr_oimzd7V2BH1vtqemto3_r1_1280.png" WIDTH=300em style="position: fixed;z-index:9; top:34em; left:7em"/></a>
  827.  
  828.  
  829.  
  830. </body>
  831. <div id="02" class="popup_block">
  832. <div class="poplink">
  833. <a href="/archive" style="color:{color:Sidebar links}" title="archive">Archive</a>
  834.  
  835. {block:ifLinkText1}<a href="{text:Link URL1}"style="color:{color:Sidebar links}" title="{text:Link Text1}" >{text:Link Text1}</a>{/block:ifLinkText1}
  836.      
  837.        {block:ifLinkText2}<a href="{text:Link URL2}"style="color:{color:Sidebar links}" title="{text:Link Text2}">{text:Link Text2}</a>{/block:ifLinkText2}
  838.      
  839.        {block:ifLinkText3}<a href="{text:Link URL3}"style="color:{color:Sidebar links}" title="{text:Link Text3}">{text:Link Text3}</a>{/block:ifLinkText3}
  840.        {block:ifLinkText4}<a href="{text:Link URL4}" style="color:{color:Sidebar links}"title="{text:Link Text4}" >{text:Link Text4}</a>{/block:ifLinkText4}
  841.        {block:ifLinkText5}<a href="{text:Link URL5}" style="color:{color:Sidebar links}"title="{text:Link Text5}" >{text:Link Text5}</a>{/block:ifLinkText5}
  842.  
  843.        </div>
  844. </div></div>
  845.  
  846. <div id="03" class="popup_block">
  847. <div class="poplink">
  848. <div id="title">{Title}</div><br><div id="description">{Description}</div>
  849. </div></div>
  850. </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!