API tools faq
paste
Advertisement
abv2

Girls, girls, get that cash

abv2
Aug 11th, 2017
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.04 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.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:60,
  35.  
  36. tip_fade_speed:300,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + 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>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 120) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81.  
  82. <!--basic tooltip from tutorial-baby! Enjoy-->
  83. <style>
  84. .tooltip{
  85.     display: inline;
  86.     position: relative;
  87. }
  88. #s-m-t-tooltip {
  89. max-width:300px; /*how big the tooltip can be at most*/
  90. border-radius: 0px; /*change your border radius*/
  91. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  92. margin:20px 7px -2px 20px; /*distance from word*/
  93. background-color:#ffffff; /*background color*/
  94.   border:1px solid #bab; /*border info*/
  95.   font-family:alegreya sans sc; /*tooltip font*/
  96. font-size:10px; /*tooltip font size*/
  97. font-weight:800;
  98. text-transform:uppercase; /*makes the tooltip title uppercase*/
  99. color:#000; /*tooltip font color*/
  100. z-index:999999999999999999999999999999999999;
  101.  
  102.  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  103.  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  104.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  105.   word-wrap: break-word;
  106. }
  107. </style>
  108.  
  109. <!---end tooltip--->
  110.        
  111. <link rel="shortcut icon" href="{Favicon}">
  112. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  113. {block:Description}<meta name="description" content="{MetaDescription}" />
  114. {/block:Description}
  115.            
  116.  
  117.    
  118. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  119. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  120.  
  121. <link href="https://fonts.googleapis.com/css?family=Allan|Covered+By+Your+Grace|Marcellus+SC|Patrick+Hand+SC|Rationale|Yantramanav" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500,500i,700&subset=latin-ext" rel="stylesheet">
  123. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:500,500i&subset=latin-ext" rel="stylesheet">
  124.        
  125.        
  126.         <style type="text/css">
  127.        
  128. ::selection {background-color:#ff4141;color:white;text-shadow:none;}
  129. ::-moz-selection {background-color:#ff4141;color:white;text-shadow:none;}
  130. ::-o-selection {background-color:#ff4141;color:white;text-shadow:none;}
  131.        
  132. ::-webkit-scrollbar {width: 5px; height: 9px; background: #fff;}
  133. ::-webkit-scrollbar-thumb {background-color:#000 ; border: 1px solid #ccc;}
  134.  
  135.            
  136.    body {
  137.     background-color: #fff;
  138.     background-image: url('');
  139.     background-repeat:no-repeat;
  140.     background-attachment:fixed;
  141.     background-size:100% 100%;
  142.     font-family: 'Yantramanav';
  143.     font-size: 13px;
  144.     color: #000;
  145.     overflow-x:hidden;
  146.     word-break: break-word;
  147. }
  148.  
  149. a {
  150.     text-decoration:none;
  151.     color:#4e1733;
  152.     -webkit-transition: all 0.5s ease;
  153.     -moz-transition: all 0.5s ease;
  154.     -o-transition: all 0.5s ease;
  155. }
  156.  
  157. a:hover {color:#000;}
  158.  
  159. b, strong {text-transform:bold;}
  160. i, em { text-transform:italic;}
  161. h1, h2, h3, h4 {font-family: 'rationale';}
  162. uppercase{text-decoration:underline;}
  163.  
  164.  
  165. img{width:200px;
  166.     height:200px;}
  167.    
  168.    
  169. #sidebar{
  170.        height:110%;
  171.        text-align:center;
  172.        float:right;
  173.        background-color:#fff;
  174.     width: 10%;
  175.     position:relative;
  176.     right:0px;
  177.     top:-10px;
  178.     position: fixed;
  179.     z-index: 9;
  180.     border:1px solid #aaa;
  181.    }
  182.    
  183. #nav{
  184.        width:75%;
  185.        height:300px;
  186.        margin-top:5rem;
  187.        margin-left:12px;
  188.        padding:5px;
  189.        float:center;
  190.    }
  191.    
  192.    #nav a{
  193.        border:1px solid #aaa;
  194.        height:100px;
  195.        width:100px;
  196.        padding:15px;
  197.        padding-top:22px;
  198.        border-radius:1px;
  199.        line-height:70px;
  200.        color:#020;
  201.    }
  202.    
  203.    #nav a:hover{
  204.        color:#aaa;
  205.        line-height:80px;
  206.    }
  207.    
  208.   .lnr{font-size:20px; float:center;vertical-align:center;}
  209.    
  210. #container{
  211.     width:85%;
  212.     height:100%;
  213.     position: fixed; left: 10; top: 10;
  214.     overflow:auto;
  215. }
  216.  
  217.     .obr{
  218.     width:200px;
  219.     height:200px;
  220.     margin:20px;
  221.     display:block;
  222.     padding:10px;
  223.     float:left;
  224.     position:relative;
  225.     border:1px solid gray;
  226.     text-align:center;
  227.     }  
  228.    
  229.     .obr:hover{
  230.         opacity:0.7;transition:0.4s ease-in-out;
  231.        
  232.     }
  233.    
  234.  
  235.  /*POPUPS FROM HTMLQUEENS*/
  236.  #fade { /*--Transparent background layer--*/
  237. display: none; /*--hidden by default--*/
  238. background:#fff;
  239. background-image: url(''); /*if you want to add a background image to go behind your popup */
  240. position: fixed; left: 0; top: 0;
  241. width: 100%; height: 100%;
  242. opacity: 0.8;
  243. z-index: 9999;
  244. }
  245.  
  246. .popup_block{
  247.     -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1)    inset;
  248.     -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  249.      box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.1) inset;
  250.      
  251.  display: none; /*--hidden by default--*/
  252.  background: #fff;
  253.  border:1px solid #eee;
  254.  padding: 30px;
  255.  float: left;
  256.  position: fixed;
  257.  top: 50%; left: 52%;
  258.  z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  259. }
  260.  
  261. img.btn_close {float: right;margin: -5px -5px 0 0;height:10px;width:10px;}
  262. /*--Making IE6 Understand Fixed Positioning--*/
  263. *html #fade {position: absolute;}
  264. *html .popup_block {position: absolute;}  
  265.  /*END POPUPS*/    
  266.  
  267.  
  268.    
  269.     /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  270.  
  271. .tooltip a{color:#ff4141; text-decoration:none;}
  272. .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);}
  273. .tooltip a:hover{color:#000;}
  274. .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;}
  275. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  276. .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;}
  277.  
  278. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  279.  
  280. </style>
  281. </head>
  282.  
  283.  
  284.  
  285. <body>
  286.  
  287. <div id="container">
  288.  
  289. <!---  Copy this for more items  
  290.  
  291.         REMEMBER TO CHANGE rel TO THE NEXT NUMBER IN SEQUENCE, AND ADD THE POP UP TOOL CORRESPONDING TO IT
  292.  
  293. <div class="obr"> <a href="#?w=500" rel="ADDNEXTNUMBERHERE" class="poplight"><img src="IMAGEURLHERE"></a></div>    
  294.  
  295. ---->
  296.  
  297.  
  298. <div class="obr"> <a href="#?w=500" rel="02" class="poplight"><img src=""></a></div>
  299.  
  300. <div class="obr"> <a href="#?w=500" rel="03" class="poplight"><img src=""></a></div>
  301.  
  302. <div class="obr"> <a href="#?w=500" rel="04" class="poplight"><img src=""></a></div>
  303.  
  304. <!---   For example, the next one would be rel="05", the next one rel="06" and so on     ---->
  305.  
  306. </div>
  307.  
  308.  
  309. <div id="sidebar">
  310.  
  311. <h2 style="margin-top:5rem">Items made by MyNameBrand</h2>
  312.     <div id="nav">
  313.         <br><br><br><br><br>
  314. <a href="/" style="" title="Main"><span class="lnr lnr-home"></span></a>
  315. <a href="/ask" style="" title="Contact"><span class="lnr lnr-phone-handset"></span></a>
  316. <a href="http://gwalhir.tumblr.com/" style="" title="Store"><span class="lnr lnr-cart"></span></a>
  317. <a href="/about" style="" title="About"><span class="lnr lnr-user"></span></a>
  318.     </div>
  319. </div>
  320.  
  321.  
  322. <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>
  323.  
  324. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  325.  
  326. </body>
  327.  
  328.  
  329. <!------ To add more popup blocks, copy the following code   MAKE SURE TO CHANGE THE div id TO THE NEXT CORRESPONDING NUMBER
  330.  
  331. <div id="ADDNEXTNUMBERHERE" class="popup_block">
  332.  
  333. TEXT
  334.  
  335. </div></div>
  336.  
  337. --->
  338.  
  339.  
  340. <div id="02" class="popup_block">
  341.  
  342. <p>This avant garde piece is a necessity for any lover of modern furniture. Featuring a sleek, minimalist design that is bound to leave your visitors breathless, it is made out of solid metal bars that add to it a certain industrial element not often found in furniture. <p>
  343.  
  344. <p>This piece comes in 3 heights, and is available in black, gun-metal, industrial blue and white.</p>
  345.  
  346. <p><h3><a href="http://gwalhir.tumblr.com/">Find out more</a></h3><h3><a href="http://gwalhir.tumblr.com/">Order now</a></h3></p>
  347.  
  348. </div></div>
  349.  
  350. <div id="03" class="popup_block">
  351.  
  352. <p>“All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." REALLY? AS IF IT WAS SOME KIND OF PINK PILL? NO. HUMANS NEED FANTASY TO BE HUMAN. TO BE THE PLACE WHERE THE FALLING ANGEL MEETS THE RISING APE. "Tooth fairies? Hogfathers? Little—" YES. AS PRACTICE. YOU HAVE TO START OUT LEARNING TO BELIEVE THE LITTLE LIES. "So we can believe the big ones?" YES. JUSTICE. MERCY. DUTY. THAT SORT OF THING. "They're not the same at all!" YOU THINK SO? THEN TAKE THE UNIVERSE AND GRIND IT DOWN TO THE FINEST POWDER AND SIEVE IT THROUGH THE FINEST SIEVE AND THEN SHOW ME ONE ATOM OF JUSTICE, ONE MOLECULE OF MERCY. AND YET—Death waved a hand. AND YET YOU ACT AS IF THERE IS SOME IDEAL ORDER IN THE WORLD, AS IF THERE IS SOME...SOME RIGHTNESS IN THE UNIVERSE BY WHICH IT MAY BE JUDGED. "Yes, but people have got to believe that, or what's the point—" MY POINT EXACTLY.”“All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." REALLY? AS IF IT WAS SOME KIND OF PINK PILL? NO. HUMANS NEED FANTASY TO BE HUMAN. TO BE THE PLACE WHERE THE FALLING ANGEL MEETS THE RISING APE. "Tooth fairies? Hogfathers? Little—" YES. AS PRACTICE. YOU HAVE TO START OUT LEARNING TO BELIEVE THE LITTLE LIES. "So we can believe the big ones?" YES. JUSTICE. MERCY. DUTY. THAT SORT OF THING. "They're not the same at all!" YOU THINK SO? THEN TAKE THE UNIVERSE AND GRIND IT DOWN TO THE FINEST POWDER AND SIEVE IT THROUGH THE FINEST SIEVE AND THEN SHOW ME ONE ATOM OF JUSTICE, ONE MOLECULE OF MERCY. AND YET—Death waved a hand. AND YET YOU ACT AS IF THERE IS SOME IDEAL ORDER IN THE WORLD, AS IF THERE IS SOME...SOME RIGHTNESS IN THE UNIVERSE BY WHICH IT MAY BE JUDGED. "Yes, but people have got to believe that, or what's the point—" MY POINT EXACTLY.”</p>
  353.  
  354. <p>“All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." REALLY? AS IF IT WAS SOME KIND OF PINK PILL? NO. HUMANS NEED FANTASY TO BE HUMAN. TO BE THE PLACE WHERE THE FALLING ANGEL MEETS THE RISING APE. "Tooth fairies? Hogfathers? Little—" YES. AS PRACTICE. YOU HAVE TO START OUT LEARNING TO BELIEVE THE LITTLE LIES. "So we can believe the big ones?" YES. JUSTICE. MERCY. DUTY. THAT SORT OF THING. "They're not the same at all!" YOU THINK SO? THEN TAKE THE UNIVERSE AND GRIND IT DOWN TO THE FINEST POWDER AND SIEVE IT THROUGH THE FINEST SIEVE AND THEN SHOW ME ONE ATOM OF JUSTICE, ONE MOLECULE OF MERCY. AND YET—Death waved a hand. AND YET YOU ACT AS IF THERE IS SOME IDEAL ORDER IN THE WORLD, AS IF THERE IS SOME...SOME RIGHTNESS IN THE UNIVERSE BY WHICH IT MAY BE JUDGED. "Yes, but people have got to believe that, or what's the point—" MY POINT EXACTLY.”“All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." REALLY? AS IF IT WAS SOME KIND OF PINK PILL? NO. HUMANS NEED FANTASY TO BE HUMAN. TO BE THE PLACE WHERE THE FALLING ANGEL MEETS THE RISING APE. "Tooth fairies? Hogfathers? Little—" YES. AS PRACTICE. YOU HAVE TO START OUT LEARNING TO BELIEVE THE LITTLE LIES. "So we can believe the big ones?" YES. JUSTICE. MERCY. DUTY. THAT SORT OF THING. "They're not the same at all!" YOU THINK SO? THEN TAKE THE UNIVERSE AND GRIND IT DOWN TO THE FINEST POWDER AND SIEVE IT THROUGH THE FINEST SIEVE AND THEN SHOW ME ONE ATOM OF JUSTICE, ONE MOLECULE OF MERCY. AND YET—Death waved a hand. AND YET YOU ACT AS IF THERE IS SOME IDEAL ORDER IN THE WORLD, AS IF THERE IS SOME...SOME RIGHTNESS IN THE UNIVERSE BY WHICH IT MAY BE JUDGED. "Yes, but people have got to believe that, or what's the point—" MY POINT EXACTLY.”</p>
  355.  
  356. <a href="http://gwalhir.tumblr.com/">Find out more</a>
  357.  
  358. </div></div>
  359.  
  360. <div id="04" class="popup_block">
  361.  
  362. “All right," said Susan. "I'm not stupid. You're saying humans need... fantasies to make life bearable." REALLY? AS IF IT WAS SOME KIND OF PINK PILL? NO. HUMANS NEED FANTASY TO BE HUMAN. TO BE THE PLACE WHERE THE FALLING ANGEL MEETS THE RISING APE. "Tooth fairies? Hogfathers? Little—" YES. AS PRACTICE. YOU HAVE TO START OUT LEARNING TO BELIEVE THE LITTLE LIES. "So we can believe the big ones?" YES. JUSTICE. MERCY. DUTY. THAT SORT OF THING. "They're not the same at all!" YOU THINK SO? THEN TAKE THE UNIVERSE AND GRIND IT DOWN TO THE
  363.      
  364. </div></div>
  365.  
  366. </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!