API tools faq
paste
Advertisement
abv2

A really cool lamp I bought at the store that one time

abv2
Sep 25th, 2016
195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 28.54 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <title>{Title}</title>
  4.        
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>            
  6.        
  7. <!---tooltip--->
  8.  
  9. <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>
  10.  
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:60,
  17. tip_fade_speed:300,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23. <!--basic tooltip from tutorial-baby! Enjoy-->
  24. <style>
  25. .tooltip{display: inline;position: relative;}
  26. #s-m-t-tooltip {
  27. max-width:300px; /*how big the tooltip can be at most*/
  28. border-radius: 0px; /*change your border radius*/
  29. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  30. margin:20px 7px -2px 20px; /*distance from word*/
  31. background-color:#ffffff; /*background color*/
  32. border:1px solid #bab; /*border info*/
  33. font-family:alegreya sans sc; /*tooltip font*/
  34. font-size:10px; /*tooltip font size*/
  35. font-weight:800;
  36. text-transform:uppercase; /*makes the tooltip title uppercase*/
  37. color:#000; /*tooltip font color*/
  38. z-index:999999999999999999999999999999999999;
  39. -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)inset;
  40. -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  41. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  42. word-wrap: break-word;
  43. }
  44. </style>
  45.  
  46. <!---end tooltip--->
  47.        
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.            
  53. </head>
  54.    
  55. <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">
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Acme|Kreon|Oxygen|Patrick+Hand|Patrick+Hand+SC|Philosopher|Port+Lligat+Slab|Roboto|Yantramanav" rel="stylesheet">
  58. <link href="https://fonts.googleapis.com/css?family=Allan|Amarante|Bangers|Frijole|Marcellus+SC|Pattaya|Racing+Sans+One|Rationale|Satisfy|Special+Elite" rel="stylesheet">
  59.  
  60.  
  61. <!---   <meta name="select:Font" content="" title="">   --->
  62. <meta name="select:Font" content="Alegreya Sans SC" title="Alegreya Sans SC">
  63. <meta name="select:Font" content="Patrick Hand" title="Patrick Hand">
  64. <meta name="select:Font" content="Patrick Hand SC" title="Patrick Hand SC">
  65. <meta name="select:Font" content="Acme" title="Acme">
  66. <meta name="select:Font" content="Philosopher" title="Philosopher">
  67. <meta name="select:Font" content="Port Lligat Slab" title="Port LLigat Slab">
  68. <meta name="select:Font" content="Oxygen" title="Oxygen">
  69. <meta name="select:Font" content="Roboto" title="Roboto">
  70. <meta name="select:Font" content="Yantramanav" title="Yantramanav">
  71. <meta name="select:Font" content="Kreon" title="Kreon">
  72.  
  73.  
  74. <!---<meta name="select:Title Font" content="" title="">   --->
  75. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  76. <meta name="select:Title Font" content="Special Elite" title="Special Elite">
  77. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  78. <meta name="select:Title Font" content="Rationale" title="Rationale">
  79. <meta name="select:Title Font" content="Allan" title="Allan">
  80. <meta name="select:Title Font" content="Amarante" title="Amarante">
  81. <meta name="select:Title Font" content="Bangers" title="Bangers">
  82. <meta name="select:Title Font" content="Frijole" title="Frijole">
  83. <meta name="select:Title Font" content="Racing Sans One" title="Racing Sans One">
  84. <meta name="select:Title Font" content="Pattaya" title="Pattaya">
  85.  
  86.  <!---<meta name="select:Post Title Font" content="" title="">   --->
  87. <meta name="select:Post Title Font" content="Marcellus SC" title="Marcellus SC">
  88. <meta name="select:Post Title Font" content="Special Elite" title="Special Elite">
  89. <meta name="select:Post Title Font" content="Satisfy" title="Satisfy">
  90. <meta name="select:Post Title Font" content="Rationale" title="Rationale">
  91. <meta name="select:Post Title Font" content="Allan" title="Allan">
  92. <meta name="select:Post Title Font" content="Amarante" title="Amarante">
  93. <meta name="select:Post Title Font" content="Bangers" title="Bangers">
  94. <meta name="select:Post Title Font" content="Frijole" title="Frijole">
  95. <meta name="select:Post Title Font" content="Racing Sans One" title="Racing Sans One">
  96. <meta name="select:Post Title Font" content="Pattaya" title="Pattaya">
  97.  
  98.  
  99. <meta name="text:Font size" content="12">
  100. <meta name="text:Title Size" content="25">
  101. <meta name="text:Post Title Size" content="20">
  102.  
  103.  
  104.  
  105. <meta name="image:Main Background" content="" />
  106. <meta name="image:Sidebar Background" content=""/>
  107. <meta name="image:Album art" content="http://microlancer.lancerassets.com/uploads/service_attachments/24140/large_music_20app-1390956357.jpg"/>
  108. <meta name="color:Main Background" content=""/>
  109. <meta name="color:Sidebar Background" content=""/>
  110. <meta name="color:Post Background" content=""/>
  111. <meta name="color:Text color" content=""/>
  112. <meta name="color:Link color" content=""/>
  113. <meta name="color:Title" content=""/>
  114. <meta name="color:Description" content="">
  115. <meta name="color:Description BG" content="">
  116. <meta name="color:Navigation color" content="#000"/>
  117. <meta name="color:Navi link color" content=""/>
  118. <meta name="color:Navi link bg" content="#fff"/>
  119. <meta name="color:Border" content="#cccccc"/>
  120. <meta name="color:Permalink bg" content="#ebe0c8"/>
  121. <meta name="color:Permalink links" content=""/>
  122. <meta name="color:Selection bg" content=""/>
  123. <meta name="color:Selection text color" content=""/>
  124. <meta name="color:Pagination" content="#fff"/>
  125. <meta name="text:Link URL1" content=""/>
  126. <meta name="text:Link Text1" content=""/>
  127. <meta name="text:Link URL2" content=""/>
  128. <meta name="text:Link Text2" content=""/>
  129. <meta name="text:Link URL3" content=""/>
  130. <meta name="text:Link Text3" content=""/>
  131.  
  132.    
  133. <style type="text/css">
  134.  
  135. ::selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
  136. ::-moz-selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
  137. ::-o-selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
  138.  
  139. ::-webkit-scrollbar {width: 9px; height: 9px; background: {color:selection bg};}
  140. ::-webkit-scrollbar-thumb {background-color:{color:Selection text color} ; border: 1px solid #ccc;}
  141.  
  142. /*            SCROLL BUTTONS           */  
  143. #scrollToTop:link, #scrollToTop:visited {
  144.   display: none;
  145.   position: fixed;
  146.   bottom: 220px;
  147.   left: 90px;
  148.   z-index:99;
  149.  -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  150. -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  151. box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  152. }  
  153. #scrollToTop:link:hover{
  154.     bottom:225px;
  155. }
  156.  
  157. /* SCROLL BEGIN */
  158. a.back-to-top {
  159.     z-index:99;
  160.     height:30px;
  161.     width:30px;
  162.     display: none;
  163.     text-indent: -9999px;
  164.     position: fixed;
  165.     left: 90px;
  166.     bottom: 180px;
  167.     background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
  168.     -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  169. -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  170. box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
  171. }
  172.  
  173. a.back-to-top:hover{
  174.     bottom:175px;
  175. }
  176. /* SCROLL END*/
  177.  
  178. body {
  179.     background-color: {color:Main background};
  180.     background-image: url('{image:main background}');
  181.     background-repeat:no-repeat;
  182.     background-attachment:fixed;
  183.     background-size:100% 100%;
  184.     font-family: {select:Font};
  185.     font-size: {text:Font size}px;
  186.     color: {color:Text color};
  187. }
  188.  
  189. a {
  190.     text-decoration:none;
  191.     color:{color:link color};
  192.     -webkit-transition: all 0.5s ease;
  193.     -moz-transition: all 0.5s ease;
  194.     -o-transition: all 0.5s ease;
  195. }
  196.  
  197. a:hover {color:{color:text color};}
  198.  
  199. b, strong {text-transform:bold;}
  200. i, em { text-transform:italic;}
  201. h2, h3, h4 {font-family: {select:Post Title font};}
  202. uppercase{text-decoration:underline;}
  203.  
  204.  
  205. blockquote {
  206.     border-left:1px solid #423;
  207.     padding-left:15px;
  208.     margin-left:10px;
  209.     margin-top:0px;
  210.     margin-right:0;
  211. }
  212.    
  213. blockquote img { max-width:100%;height:auto;}
  214. img { max-width: 100%;}
  215. iframe, img, embed, object, video { max-width: 100%;}
  216. /*Sidebar*/
  217.  
  218. #sidebar {
  219.     background-color: {color:sidebar background};
  220.     background-image: url('{image:sidebar background}');
  221.     background-size:cover;
  222.     text-align: center;
  223.     position: fixed;
  224.     margin-left: -10px;
  225.     top: -5px;
  226.     height: 105%;
  227.     padding-left: 10px;
  228.     padding-right: 10px;
  229.     width: 200px;
  230.     z-index: 9;
  231.     border: 1px solid {color:border};
  232.    
  233. -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  234. -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  235. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  236. }
  237.  
  238. #title {
  239.     position: relative;
  240.     height:auto;
  241.     padding:10px;
  242.     margin-top:10em;
  243.     margin-bottom:20px;
  244.     margin-left: auto;
  245.     margin-right:auto;
  246.     font-size: {text:Title Size}px;
  247.     line-height: 105%;
  248.     width: 180px;
  249.     text-align: center;
  250.     word-break:break-word;
  251.     color: {color:Title};
  252.     font-family: {select:Title Font};
  253.     z-index: 9;
  254. }
  255.  
  256. #description {
  257.     position: relative;
  258.     background:{color:Description bg};
  259.     margin-bottom:20px;
  260.     margin-left:auto;
  261.     margin-right:auto;
  262.     padding: 10px;
  263.     width: 170px;
  264.     text-align: center;
  265.     word-break:break-word;
  266.     color: {color:description};
  267.     overflow:hidden;
  268.     font-size:12px;
  269.     -webkit-box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
  270. -moz-box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
  271. box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
  272. }
  273.  
  274. /*NAVIGATION*/
  275. .sidenav {
  276.     height: 105%;
  277.     width: 70px;
  278.     position: fixed;
  279.     z-index: 1;
  280.     top: -10px;
  281.     left: 0;
  282.     background-color: {color:Navigation color};
  283.     overflow-x: hidden;
  284.     transition: 0.5s;
  285.     border:1px solid {color:border};
  286. }
  287.  
  288. .sidenav a {
  289.     font-family:helvetica;
  290.     color: {color:Navi link color};
  291.     display: block; /*keeps it in a row*/
  292.     text-align: center;
  293.     background-color: {color:Navi link bg};
  294.     width: 30px;
  295.     line-height: 28px;
  296.     height:30px;
  297.     margin-bottom: 7px;
  298.     margin-left: 230px;
  299.     text-transform: uppercase;
  300.     font-size: 20px;
  301.     padding:5px;
  302.     border-radius:50%;
  303. }
  304.  
  305. .sidenav a:hover, .offcanvas a:focus{color: {color:text color};}
  306.  
  307. .sidenav .closebtn {
  308.     position: absolute;
  309.     top: 30px;
  310.     right: 10px;
  311.     font-size: 36px;
  312.     margin-left: 50px;
  313. }
  314.  
  315. /*Sidebar end*/
  316.  
  317. /*Body*/
  318.  
  319. #container {position:absolute;left:400px;top:50px;}
  320.  
  321. .posts {
  322.     position:relative;
  323.     width:500px;
  324.     background-color: {color:post background};
  325.     padding:15px;
  326.     padding-bottom:10px;
  327.     margin-bottom:30px;
  328.     border: solid 1.5px {color:border};
  329.     word-wrap: break-word;
  330.  
  331.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  332.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  333.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  334. }
  335.  
  336. h1 {
  337.     text-align: center;
  338.     word-break:break-word;
  339.     font-size: {text:Post Title size}px;
  340.     line-height:105%;
  341.     text-decoration:underline;
  342.     color: {color:Post Title};
  343.     font-family: {select:Post Title font};
  344. }
  345. /*Body end*/
  346.  
  347. /*Types of posts*/
  348.  
  349. /*LINK TITLES*/
  350. .posttitle a {
  351.     color: {color:link color};
  352.     font-size:{text:Post Title size}px;
  353.     font-family: {select:Post Title font};
  354.     border:1px solid {color:border};
  355.     padding:5px;
  356. }
  357.  
  358. .posttitle a:hover{color: {color:text};}
  359.  
  360. /*ANSWER*/
  361. .asr {
  362.     font-size:{text:Post Title size}px;
  363.     font-weight:800;
  364.     font-family: {select:Post Title font};
  365.     text-align:left;
  366.     margin-bottom:5px;
  367.     padding:5px;
  368. }
  369.  
  370. .question {
  371.     padding: 10px;
  372.     top: 0px;
  373.     bottom: 0px;
  374.     border-bottom:3px double {color:border};
  375.     margin-left: auto;
  376.     margin-right: auto;
  377.     width: 90%;
  378.     height: auto;
  379.     background: {color:Description bg};
  380.     color:{color:Description};
  381.     position: relative;
  382.     -moz-border-radius:    10px;
  383.     -webkit-border-radius: 10px;
  384.     border-radius:         10px;
  385. }
  386.  
  387. .question:before {
  388.     content: '';
  389.     position: absolute;
  390.     border-style: solid;
  391.     border-width: 0 14px 21px;
  392.     border-color: {color:link} transparent;
  393.     display: block;
  394.     width: 0;
  395.     z-index: 1;
  396.     top: -11px;
  397.     left: 22px;
  398. }
  399.  
  400.  
  401. /*QUOTE*/
  402. .quote {
  403.     font-family:{select:Post Title font};
  404.     font-size: 25px;
  405.     line-height:27px;
  406.     text-indent: 15px;
  407.     text-align: center;
  408.     margin-bottom:5px;
  409.     border:1px solid {color:Border};
  410.     padding:10px;
  411.     -webkit-border-radius: 10%;
  412.     -moz-border-radius: 10%;
  413.     -o-border-radius: 10%;
  414. }
  415.  
  416. .quotesource {
  417.     font-size:15px;
  418.     line-height:17px;
  419.     text-align:right;
  420.     margin-top:5px;
  421.     margin-bottom:5px;
  422.     font-family:{select:Post Title font};
  423. }
  424.  
  425. /*Chat*/
  426.  
  427. .chat{
  428.     height: auto;
  429.     padding-bottom: 5px;
  430.     width: 100%;
  431.     word-break:break-word;
  432. }
  433.  
  434. .chat ul {word-break:break-word;list-style: none;}
  435.  
  436. .chat .odd {
  437.     margin-left:-35px;
  438.     text-align: left;
  439.     padding:7px;
  440.     word-break:break-word;
  441.     color:{color:text color};
  442.     background-color:{color:Post background};
  443.     border-radius: 5px;
  444.     -webkit-border-radius: 5px;
  445.     -moz-border-radius: 5px;
  446.     -o-border-radius: 5px;
  447.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3)    inset;
  448.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  449.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  450. }
  451.  
  452. .chat .even {
  453.     margin-left:-30px;
  454.     text-align: left;
  455.     padding:5px;
  456.     word-break:break-word;
  457.     color:{color:Description};
  458.     background-color:{color:Description bg};
  459.     border-radius: 5px;
  460.     -webkit-border-radius: 5px;
  461.     -moz-border-radius: 5px;
  462.     -o-border-radius: 5px;
  463.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  464.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  465.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  466. }
  467.  
  468. .chat li {
  469.     position: relative;
  470.     margin-bottom: 10px;
  471.     margin-left: auto;
  472.     margin-right:auto;
  473.     word-break:break-word;
  474.     padding: 5px;
  475. }
  476.  
  477. /*Chat end*/
  478.  
  479.  /*Audio*/
  480.  
  481. #music {width:100%;border:1px solid {color:border};background-color: {color:Permalink bg}}
  482.  
  483. #alart, #noralt {
  484.     width:100px;
  485.     height:100px;
  486.     display:block;
  487. }
  488.  
  489. #player {
  490.     z-index:99;
  491.     position:absolute;
  492.     padding:10px;
  493.     background:rgba(0,0,0,0.6);
  494.     margin:26px;
  495.     opacity:0.5;
  496.     -webkit-transition:all 1s ease;
  497.     -moz-transition:all 1s ease;
  498.     -o-transition:all 1s ease;
  499.     transition:all 1s ease-in-out;
  500. }
  501.  
  502. #alart {position:absolute; }
  503. #audio:hover #player {opacity:1;}
  504.  
  505. #minfo {
  506.     overflow:hidden;
  507.     text-align:left;
  508.     padding-left:0px;
  509.     margin-bottom:5px;
  510.     margin-left:-20px;
  511.     line-height:110%;
  512. }
  513. /*Types of posts end*/
  514.  
  515.  
  516. /*Permalink*/
  517.  
  518. .permalinks {
  519.   list-style: none;
  520.   text-align: center;
  521.   width: 500px;
  522.   border-top: 1px solid #aaa;
  523. }
  524.  
  525. .permalinks li {
  526.   position: relative;
  527.   display: inline-block;
  528. }
  529.  
  530. .permalinks a {
  531.     margin-right: 5px;
  532.     margin-top: 7px;
  533.     margin-bottom:5px;
  534.     padding:6px;
  535.     font-size:12px;
  536.     display: inline-block;
  537.     background-color:{color:Permalink bg};
  538.     color: {color:Permalink links};
  539.     width: 14px;
  540.     height: 13px;
  541.     position: relative;
  542.     text-align: center;
  543.     line-height: 15px;
  544.     border-radius: 50%;border:1px solid {color:Border};
  545. }
  546.  
  547. .permalinks a:hover {
  548.     color: {color:text-color};
  549.     -webkit-transition-duration: 0.4s;
  550.     transition-duration: 0.4s;
  551. }
  552.  
  553. .tags {
  554.     text-align:center;
  555.     margin-top:5px;
  556. }
  557.  
  558. .tags a {
  559.     text-decoration:none;
  560.     font-size: 10px;
  561.     line-height:12px;
  562.     text-transform:uppercase;
  563.     color:{color:Permalink links};
  564. }
  565.  
  566. .tags a:hover{
  567.     color:{color:text color};
  568.     -webkit-transition-duration: 0.3s;
  569.     transition-duration: 0.3s;
  570. }
  571.  
  572. /*Permalink end*/
  573.  
  574. #notecontainer {
  575.       background-color:rgba(0,0,0,0.5);
  576.       margin: 20px auto;
  577.       width: 500px;
  578.       font-size: 11px;
  579.       color: #fff;
  580.       border-radius:5px;
  581.       border-right:1px solid #bbb;
  582.       border-top:1px solid #bbb;
  583.       border-bottom:1px solid #bbb;
  584. }
  585. #notecontainer ol.notes {
  586.       list-style-type: decimal;
  587.       margin: 0;
  588.       padding: 0;
  589. }
  590.  
  591. #notecontainer img.avatar {
  592.       margin-right: 10px;
  593.       width: 16px;
  594.       height: 16px;
  595.       padding:3px;
  596. }
  597.  
  598. #notecontainer a{color:{color:link color}}
  599.  
  600.  
  601. /*Lightbox DO NOT TOUCH!!!!! */
  602.  
  603. .vignette, #vignette {opacity:0;}
  604. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;}
  605. .tumblr-lightbox, #tumblr_lightbox {background-color:rgba(245,245,245,.98) !important;}
  606.  
  607. /*Lightbox end*/
  608.  
  609. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  610.  
  611. .tooltip a{color:#ff4141; text-decoration:none;}
  612. .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);}
  613. .tooltip a:hover{color:#000;}
  614. .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;}
  615. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  616. .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;}
  617.  
  618. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  619.  
  620. /* ICONS */
  621. /* Icon Back */
  622.     .hvr-icon-back {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;}
  623.     .hvr-icon-back:before {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;}
  624.     .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};}
  625.  
  626. /* Icon Forward */
  627.     .hvr-icon-forward {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;}
  628.     .hvr-icon-forward:before {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;}
  629.     .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};}
  630.    
  631. /* Grow Rotate */
  632.     .hvr-grow-rotate {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;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
  633.     .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {-webkit-transform: scale(1.2) rotate(4deg);transform: scale(1.2) rotate(4deg);}
  634.    
  635.  
  636. </style>
  637.    
  638. <body>
  639. <div id="sidebar">
  640.  
  641. <img src="{image:Sidebar image}">
  642. <div id="title">{Title}</div>
  643. <div id="description">{Description}</div>
  644. <span title="Links" style="font-size:30px;cursor:pointer; color:{color:description bg};" onclick="openNav()">&#9776;</span>
  645. </div>
  646.  
  647. <div id="mySidenav" class="sidenav">
  648.   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  649.   <a href="/" style="margin-top:300px" title="Home"><span class="lnr lnr-home hvr-grow-rotate"></span></a>
  650.   <a href="/ask" title="Ask"><span class="lnr lnr-envelope hvr-grow-rotate"></span></a>
  651.   <a href="/archive" title="Archive"><span class="lnr lnr-calendar-full hvr-grow-rotate"></span></a>
  652.  {block:ifLinkText1} <a href="{text:Link URL1}" title="{text:Link Text1}" style=""><span class="lnr lnr-star hvr-grow-rotate"></span></a>{/block:ifLinkText1}
  653. {block:ifLinkText2}<a href="{text:Link URL2}" title="{text:Link Text2}" style=""><span class="lnr lnr-cloud hvr-grow-rotate"></span></a>{/block:ifLinkText2}
  654. {block:ifLinkText3}<a href="{text:Link URL3}" title="{text:Link Text3}" style=""><span class="lnr lnr-rocket hvr-grow-rotate"></span></a>/{block:ifLinkText3}
  655.  
  656. </div>
  657.  
  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. {block:Answer}
  718. <div class="asr"><i class="fa fa-comment-o" aria-hidden="true"></i>&nbsp; <u>{Asker} said:</u> </div><p>
  719. <div class="question"><i class="fa fa-quote-left" aria-hidden="true"></i>     &nbsp;&nbsp; {Question}&nbsp;&nbsp;   <i class="fa fa-quote-right" aria-hidden="true"></i>  </div> {Answer}
  720. {/block:Answer}
  721.  
  722. <!--- PERMALINK --->
  723. {block:Date}<div class="permalinks">
  724. <li><a href="{Permalink}" title="{DayOfMonth}.{ShortMonth}.{Year}"><span class="lnr lnr-clock"></span></a><li>
  725.  
  726. <li><a href="{Permalink}" title="{block:NoteCount}{NoteCount}{/block:NoteCount} notes"><span class="lnr lnr-chart-bars"></span></a> <li>
  727.  
  728. {block:RebloggedFrom}
  729.  
  730. <li><a href="{ReblogParentURL}"title="via {ReblogParentName}"><span class="lnr lnr-users"></span></a> <li>  
  731.  
  732. <li><a href="{ReblogRootURL}"title="source: {ReblogRootname}"><span class="lnr lnr-pencil"></span></a>{/block:RebloggedFrom} <li>
  733.  
  734. <li><a href="{ReblogURL}" target="_blank" class"details" title="Reblog"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b;" ></i></a><li>
  735. </div>
  736.  
  737. <div class="tags">{block:HasTags}  {block:Tags}<a href="{TagUrl}"> #{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  738.  
  739. </div>{/block:Date}
  740.  
  741. <!--- END PERMALINK --->
  742.  
  743. {/block:Posts}  
  744.  
  745. <!-- PAGINATION -->
  746. <center>  
  747. {block:PreviousPage}  <a href="{PreviousPage}" title="Retreat"><font size="" color="{color:Pagination}"><i class="fa fa-chevron-left hvr-icon-back" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:PreviousPage}
  748. {block:NextPage}<a href="{NextPage}" title="Forward"><font size="" color="{color:Pagination}"><i class="fa fa-chevron-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:NextPage}
  749.  
  750.  
  751. <!-- POST TOOGLE -->  
  752.   {block:PermalinkPagination}
  753.   {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}
  754.   {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}
  755.   {/block:PermalinkPagination}
  756. </center>
  757.  
  758.  
  759. <!-- NOTE CONTAINER -->
  760. {block:PermalinkPage}
  761. {block:PostNotes}
  762. <div id="notecontainer">{PostNotes}</div>
  763. {/block:PostNotes}
  764. {/block:PermalinkPage}
  765.  
  766.  
  767. </div>
  768.  
  769.             <!--  DONT TOUCH ANYTHING BELLOW THIS LINE -->      
  770.  
  771. <script>
  772. function openNav() {document.getElementById("mySidenav").style.width = "280px";}
  773. function closeNav() {document.getElementById("mySidenav").style.width = "0";}
  774. </script>
  775.  
  776. <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>
  777.  
  778. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  779.  
  780. <!-- SCROLL BEGIN -->
  781. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  782. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  783. <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>
  784.  
  785. <a href="#" class="back-to-top" title="Go to Bottom"></a>
  786. <script>
  787. var amountScrolled = 10000;
  788.  
  789. $('a.back-to-top').fadeIn('slow');
  790. $(window).scroll(function() {
  791.     if ( $(window).scrollTop() < amountScrolled ) {
  792.         $('a.back-to-top').fadeIn('slow');
  793.     } else {
  794.         $('a.back-to-top').fadeOut('slow');
  795.     }
  796. });
  797.  
  798. $('a.back-to-top').click(function() {
  799.     $('html, body').animate({
  800.         scrollTop: 15000
  801.     }, 1000);
  802.     return false;
  803. });
  804. </script>
  805. <!-- SCROLL END -->
  806.  
  807.  
  808. </body>
  809. </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!