API tools faq
paste
Advertisement
abv2

A sweet saxophone solo for the chickens

abv2
Sep 24th, 2016
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.45 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>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11.  
  12. <script>
  13.  
  14. (function($){
  15.  
  16. $(document).ready(function(){
  17.  
  18. $("a[title]").style_my_tooltips({
  19.  
  20. tip_follows_cursor:true,
  21.  
  22. tip_delay_time:60,
  23.  
  24. tip_fade_speed:300,
  25.  
  26. attribute:"title"
  27.  
  28. });
  29.  
  30. });
  31.  
  32. })(jQuery);
  33.  
  34. </script>
  35. <!--basic tooltip from tutorial-baby! Enjoy-->
  36. <style>
  37. .tooltip{
  38.     display: inline;
  39.     position: relative;
  40. }
  41. #s-m-t-tooltip {
  42. max-width:300px; /*how big the tooltip can be at most*/
  43. border-radius: 0px; /*change your border radius*/
  44. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  45. margin:20px 7px -2px 20px; /*distance from word*/
  46. background-color:#000; /*background color*/
  47.   border:1px solid #41331a; /*border info*/
  48.   font-family:alegreya sans sc; /*tooltip font*/
  49. font-size:10px; /*tooltip font size*/
  50. letter-spacing:0px; /*tooltip letter spacing*/
  51. text-transform:uppercase; /*makes the tooltip title uppercase*/
  52. color:#fff; /*tooltip font color*/
  53. z-index:999999999999999999999999999999999999;
  54.  
  55.  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  56.  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  57.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  58.   word-wrap: break-word;
  59. }
  60. </style>
  61.  
  62. <!---end tooltip--->
  63.  
  64. <script type="text/javascript">
  65. <!--
  66. function handleThis(formElm)
  67. {
  68. window.location="/tagged/"+formElm.number.value+"";
  69. return false;
  70. }
  71. // -->
  72. </script>
  73.        
  74. <link rel="shortcut icon" href="{Favicon}">
  75. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76. {block:Description}<meta name="description" content="{MetaDescription}" />
  77. {/block:Description}
  78.            
  79. </head>
  80.    
  81. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  82. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Acme|Cuprum|Oxygen|Patrick+Hand|Patrick+Hand+SC|Philosopher|Port+Lligat+Slab|Roboto" rel="stylesheet">
  85. <link href="https://fonts.googleapis.com/css?family=Condiment|Kaushan+Script|Marcellus+SC|Pacifico|Pattaya|Rationale|Satisfy|Special+Elite" rel="stylesheet">
  86.  
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500,500i,700&subset=latin-ext" rel="stylesheet">
  89. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:500,500i&subset=latin-ext" rel="stylesheet">
  90.  
  91. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  92. <script type="text/javascript">
  93.    $(document).ready(function(){
  94.    $(".updt").hide();
  95.    $(".upd").click(function(){
  96.    $(this).next(".updt").slideToggle('fast');
  97.    });
  98. });
  99. </script>
  100.  
  101. <!---   <meta name="select:Font" content="" title="">   --->
  102. <meta name="select:Font" content="Alegreya Sans SC" title="Alegreya Sans SC">
  103. <meta name="select:Font" content="Patrick Hand" title="Patrick Hand">
  104. <meta name="select:Font" content="Patrick Hand SC" title="Patrick Hand SC">
  105. <meta name="select:Font" content="Acme" title="Acme">
  106. <meta name="select:Font" content="Philosopher" title="Philosopher">
  107. <meta name="select:Font" content="Port Lligat Slab" title="Port LLigat Slab">
  108. <meta name="select:Font" content="Oxygen" title="Oxygen">
  109. <meta name="select:Font" content="Roboto" title="Roboto">
  110. <meta name="select:Font" content="Yantramanav" title="Yantramanav">
  111. <meta name="select:Font" content="Cuprum" title="Cuprum">
  112.  
  113.  
  114. <!---<meta name="select:Title Font" content="" title="">   --->
  115. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  116. <meta name="select:Title Font" content="Special Elite" title="Special Elite">
  117. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  118. <meta name="select:Title Font" content="Rationale" title="Rationale">
  119. <meta name="select:Title Font" content="Pacifico" title="Pacifico">  
  120. <meta name="select:Title Font" content="Condiment" title="Condiment">
  121. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  122. <meta name="select:Title Font" content="Pattaya" title="Pattaya">
  123.  
  124.  
  125. <meta name="select:Post Title Font" content="Marcellus SC" title="Marcellus SC">
  126. <meta name="select:Post Title Font" content="Special Elite" title="Special Elite">
  127. <meta name="select:Post Title Font" content="Satisfy" title="Satisfy">
  128. <meta name="select:Post Title Font" content="Rationale" title="Rationale">
  129. <meta name="select:Post Title Font" content="Pacifico" title="Pacifico">  
  130. <meta name="select:Post Title Font" content="Condiment" title="Condiment">  
  131. <meta name="select:Post Title Font" content="Kaushan Script" title="Kaushan Script">
  132. <meta name="select:Post Title Font" content="Pattaya" title="Pattaya">
  133.  
  134.  
  135. <meta name="text:Font size" content="12">
  136. <meta name="text:Title Size" content="16">
  137. <meta name="text:Post Title Size" content="20">
  138.  
  139.  
  140.  
  141. <meta name="image:Main Background" content="" />
  142. <meta name="image:Topbar Bg" content="" />
  143. <meta name="color:Main Background" content=""/>
  144. <meta name="color:Topbar color" content="#fff"/>
  145. <meta name="color:Topbar link color" content="#999"/>
  146. <meta name="color:Link bg" content="#fff"/>
  147. <meta name="color:Post Background" content=""/>
  148. <meta name="color:Title" content=""/>
  149. <meta name="color:Text color" content=""/>
  150. <meta name="color:Link color" content="#dd4565"/>
  151. <meta name="color:Border" content="#cccccc"/>
  152. <meta name="color:Pagination" content="#fff"/>
  153. <meta name="color:Permalink link color" content=""/>
  154. <meta name="color:Permalink text color" content=""/>
  155. <meta name="color:Permalink background color" content=""/>
  156. <meta name="color:Selection bg" content=""/>
  157. <meta name="color:Selection text color" content=""/>
  158. <meta name="text:Link URL1" content=""/>
  159. <meta name="text:Link Text1" content=""/>
  160. <meta name="text:Link URL2" content=""/>
  161. <meta name="text:Link Text2" content=""/>
  162. <meta name="text:Link URL3" content=""/>
  163. <meta name="text:Link Text3" content=""/>
  164. <meta name="text:Description 2" content=""/>
  165.  
  166.    
  167. <style type="text/css">
  168.  
  169. ::selection {background-color:{color:selection bg};color:{color:Selection text color};text-shadow:none;}
  170. ::-moz-selection {background-color:{color:selection bg};color:{color:Selection text color};text-shadow:none;}
  171. ::-o-selection {background-color:{color:selection bg};color:{color:Selection text color};text-shadow:none;}
  172.  
  173. ::-webkit-scrollbar {width: 9px; height: 9px; background: {color:Post background};}
  174. ::-webkit-scrollbar-thumb {background-color:{color:Link color} ; border: 1px solid {color:link color};}
  175.  
  176.  
  177. /*            SCROLL BUTTONS           */  
  178.  #scrollToTop:link,
  179. #scrollToTop:visited {
  180.   display: none;
  181.   position: fixed;
  182.   bottom: 180px;
  183.   right: 250px;
  184. }  
  185.  
  186. #scrollToTop:link:hover{
  187.     bottom:190px;
  188. }
  189.  
  190. /* SCROLL BEGIN */
  191. a.back-to-top {
  192.     height:30px;
  193.     width:30px;
  194.     display: none;
  195.     text-indent: -9999px;
  196.     position: fixed;
  197.     right: 250px;
  198.     bottom: 130px;
  199.     background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
  200. }
  201.  
  202. /* SCROLL END*/
  203.  
  204.  
  205.  
  206. body {
  207.     background-color: {color:Main background};
  208.     background-image: url('{image:main background}');
  209.     background-repeat:no-repeat;
  210.     background-attachment:fixed;
  211.     background-size:100% 100%;
  212.     font-family: {select:Font};
  213.     font-size: {text:Font size}px;
  214.     color: {color:Text color};
  215. }
  216.  
  217. a {
  218.     text-decoration:none;
  219.     color:{color:link color};
  220.     -webkit-transition: all 0.5s ease;
  221.     -moz-transition: all 0.5s ease;
  222.     -o-transition: all 0.5s ease;
  223. }
  224.  
  225. a:hover {color:{color:text color};}
  226.  
  227. b, strong {text-transform:bold;}
  228. i, em { text-transform:italic;}
  229. h2, h3, h4 {font-family: {select:Post Title font};}
  230. uppercase{text-decoration:underline;}
  231.  
  232.  
  233. blockquote {
  234.     border-left:1px solid #423;
  235.     padding-left:15px;
  236.     margin-left:10px;
  237.     margin-top:0px;
  238.     margin-right:0;
  239. }
  240.    
  241. blockquote img {    
  242.     max-width:100%;
  243.     height:auto;
  244. }
  245.  
  246.  
  247. img { max-width: 100%;}
  248.  
  249. iframe, img, embed, object, video {
  250.    max-width: 100%;
  251. }
  252.  
  253. /*TOPBAR*/
  254. #icon {
  255.     border:1px solid #ddd;
  256.     position:fixed;
  257.     left:20px;
  258.     }
  259.  
  260. #nav{
  261.     height:35px;
  262.     border-bottom:1px solid {color:border};
  263.     position:fixed;
  264.     top:0px;
  265.     left:0px;
  266.     right:0px;
  267.     background-color:{color:Topbar color};
  268.     background-image:url('{image:Topbar bg}');
  269.     background-width:100%;
  270.     z-index:9;
  271. }
  272. #nav ul{
  273.     height:25px;
  274.     list-style:none;
  275.     margin:6px auto 0px 50px;
  276.     width:825px;  
  277. }
  278. #nav ul li{
  279.     display:inline;
  280.     float:left;
  281.     margin:0px 2px;
  282. }
  283. #nav a{
  284.     font-size:12px;
  285.     font-weight:bold;
  286.     float:left;
  287.     padding: 2px 4px;
  288.     color:{color:Topbar link color};
  289.     text-decoration: none;
  290.     border:1px solid {color:border};
  291.     cursor: pointer;
  292.     background:{color:link bg};
  293.     height:16px;
  294.     line-height:16px;
  295. }
  296. #nav a:hover{
  297.     background:{color:Topbar link color} none;
  298.     color: {color:link bg};
  299. }
  300.  
  301. #nav ul li.search{
  302.     float:right;
  303. }
  304. #nav input[type="text"]{
  305.     float:left;
  306.     border:1px solid #ccc;
  307.     margin:0px 1px 0px 50px;
  308.     padding:2px 2px 2px 2px;
  309. }
  310. input.searchbutton{
  311.     border:1px solid #ccc;
  312.     padding:1px;
  313.     cursor:pointer;
  314.     width:auto;
  315.     height:21px;
  316.     background:#fff;
  317.     font-family:'Alegreya Sans SC';
  318.     padding-left:2px;
  319.     padding-right:2px;
  320.     font-size:11px;
  321.     color:{color:Topbar link color};
  322. }
  323. input.searchbutton:hover{
  324.     background-color:#D9D9DA;
  325. }
  326.  
  327. input.searchbutton img{
  328.      width:10px;
  329.     height:10px;
  330. }
  331.  
  332. #title{
  333.     font-family:{select:Title Font};
  334.     font-size:{text:title size}px;
  335.     text-align:center;
  336.     color:{color:Title};
  337.     line-height:150%;
  338. }
  339.  
  340. #description{
  341.     font-size:11px;
  342. }
  343.  
  344. /* updates tab by callyope.tumblr.com */
  345.  
  346. .up {
  347.     top:30px;
  348.     left:30px;
  349.     position:fixed;
  350.     width:140px;
  351.     font-family:Alegreya Sans SC;
  352. }
  353.  
  354. .upd i {font-size:1.4em;color:{color:Post background};margin-top:30px;}
  355.  
  356. .updt {
  357.    display:none;
  358.     margin-top:15px;
  359.     padding:5px;
  360.     background:{color:Post background};
  361.     text-align:justify,left;
  362.     font-size:10px;
  363. }
  364.  
  365. .up_title {
  366.     margin-bottom:3px;
  367.     text-transform:lowercase;
  368.     font-weight:bold;
  369.     color:{color:Topbar link color};
  370.     font-size:11px;
  371.     text-decoration:underline;
  372. }
  373. .up_ {padding:1px;}
  374.  
  375. hr {
  376.     display:block;
  377.     height:1px;
  378.     border:0;
  379.     border-top:1px solid {color:Permalink background color};
  380.     margin:1em 0;
  381.     padding:0;
  382.     width:100%;
  383. }
  384.  
  385. /* end updates tab */
  386.  
  387. /*Body*/
  388.  
  389. #container {
  390.     position:absolute;
  391.     left:30%;
  392.     top:70px;
  393. }
  394.  
  395. .posts {
  396.     position:relative;
  397.     width:500px;
  398.     background-color: {color:post background};
  399.     padding:15px;
  400.     padding-bottom:10px;
  401.     margin-bottom:30px;
  402.     border: solid 1.5px {color:border};
  403.     word-wrap: break-word;
  404.  
  405.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)    inset;
  406.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  407.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  408. }
  409.  
  410. h1 {
  411.     text-align: center;
  412.     word-break:break-word;
  413.     font-size: {text:Post Title font}px;
  414.     line-height:105%;
  415.     text-decoration:underline;
  416.     color: {color:Topbar link color};
  417.     font-family: {select:Post Title font};
  418. }
  419.  
  420. /*Body end*/
  421.  
  422. /*Types of posts*/
  423.  
  424. /*LINK TITLES*/
  425. .posttitle a {
  426.     color: {color:link color};
  427.     font-size:{text:Post Title size}px;
  428.     font-family: {select:Post Title font};
  429. }
  430.  
  431. .posttitle a:hover{color: {color:text};}
  432.  
  433.  
  434. /*ANSWER*/
  435. .asr {
  436.     font-size:{text:Post Title size}px;
  437.     font-weight:800;
  438.     font-family: {select:Post Title font};
  439.     text-align:left;
  440.     margin-bottom:5px;
  441.     padding:5px;
  442. }
  443.  
  444. .question {
  445.     padding: 10px;
  446.     top: 0px;
  447.     bottom: 0px;
  448.     border-bottom:3px double {color:border};
  449.     margin-left: auto;
  450.     margin-right: auto;
  451.     width: 90%;
  452.     height: auto;
  453.     background: {color:Description bg};
  454.     color: {color:Description};
  455.     position: relative;
  456.     -moz-border-radius:    10px;
  457.     -webkit-border-radius: 10px;
  458.     border-radius:         10px;
  459. }
  460.  
  461. .question:before {
  462.     content: '';
  463.     position: absolute;
  464.     border-style: solid;
  465.     border-width: 0 14px 21px;
  466.     border-color:transparent;
  467.     display: block;
  468.     width: 0;
  469.     z-index: 1;
  470.     top: -11px;
  471.     left: 22px;
  472. }
  473.  
  474. /*QUOTE*/
  475. .quote {
  476.     font-family:{select:Post Title font};
  477.     font-size: {text:Post Title size}px;
  478.     line-height:105%;
  479.     text-indent: 15px;
  480.     text-align: center;
  481.     margin-bottom:5px;
  482.     padding:20px;
  483.     border:1px solid {color:border};
  484.     -webkit-border-radius: 20%;
  485.     -moz-border-radius: 20%;
  486.     -o-border-radius: 20%;
  487.    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3)    inset;
  488.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  489.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  490. }
  491.  
  492. .quotesource {
  493.     font-size:15px;
  494.     line-height:17px;
  495.     text-align:right;
  496.     margin-top:10px;
  497.     margin-bottom:5px;
  498.     font-family:{select:Post Title font};
  499.     text-decoration:underline;
  500. }
  501.  
  502. /*Chat*/
  503.  
  504. .chat{
  505.     height: auto;
  506.     padding-bottom: 5px;
  507.     width: 100%;
  508.     word-break:break-word;
  509. }
  510.  
  511. .chat ul {
  512.     word-break:break-word;
  513.     list-style: none;
  514. }
  515.  
  516. .chat .odd {
  517.     margin-left:-35px;
  518.     text-align: left;
  519.     padding:7px;
  520.     word-break:break-word;
  521.     color:{color:text color};
  522.     border-radius: 5px;
  523.     -webkit-border-radius: 5px;
  524.     -moz-border-radius: 5px;
  525.     -o-border-radius: 5px;
  526.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3)    inset;
  527.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  528.      box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  529. }
  530.  
  531. .chat .even {
  532.     margin-right:0px;
  533.     margin-left:-20px;
  534.     text-align: left;
  535.     padding:5px;
  536.     word-break:break-word;
  537.     color:{color:link color};
  538.     border-radius: 5px;
  539.     -webkit-border-radius: 5px;
  540.     -moz-border-radius: 5px;
  541.     -o-border-radius: 5px;
  542.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  543.     -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  544.   box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
  545. }
  546.  
  547.  
  548. .chat li {
  549.     position: relative;
  550.     margin-bottom: 10px;
  551.     margin-left: auto;
  552.     margin-right:auto;
  553.     word-break:break-word;
  554.     padding: 5px;
  555. }
  556.  
  557. /*Chat end*/
  558.  
  559. /*Types of posts end*/
  560.  
  561. /*Permalink*/
  562.  
  563. .permalinks {
  564.     background-color:{color:Permalink background color};
  565.   text-transform:uppercase;
  566.   font-family:{select:Font};
  567.   text-align:left;
  568.   font-size:11px;
  569.   height:auto;
  570.   margin-bottom:5px;
  571.   margin-top:10px;
  572.   padding:5px;
  573.   -webkit-border-radius: 3px;
  574.     -moz-border-radius: 3px;
  575.     -o-border-radius: 3px;
  576. }
  577.  
  578. .permalinks a {
  579. text-decoration:none;
  580. color:{color:Permalink link color};
  581. }
  582.  
  583.  
  584. .permalinks a:hover {
  585. border-bottom:10px solid transparent;
  586. letter-spacing:1px;
  587. }
  588.  
  589. .rebloginfo{
  590.     text-align:right;
  591.     margin-top:-15px;
  592. }
  593.  
  594. .tags {
  595.     font-family:{select:Font};
  596.     text-align:center;
  597.     padding-top:5px;
  598.     padding-bottom:5px;
  599.     margin-top:-2px;
  600.     background-color:{color:Permalink background color};
  601.     -webkit-border-radius: 3px;
  602.     -moz-border-radius: 3px;
  603.     -o-border-radius: 3px;
  604. }
  605.  
  606. .tags a {
  607.     text-decoration:none;
  608.     font-size: 10px;
  609.     line-height:14px;
  610.     text-transform:uppercase;
  611.     color:{color:Permalink link color};
  612. }
  613.  
  614. .tags a:hover{
  615.     color:{color:Permalink text color};
  616.     -webkit-transition-duration: 0.1s;
  617.     transition-duration: 0.1s;
  618. }
  619.  
  620. /*Permalink end*/
  621.  
  622. #notecontainer {
  623.       background-color:rgba(0,0,0,0.5);
  624.       margin: 20px auto;
  625.       width: 500px;
  626.       font-size: 11px;
  627.       color: #fff;
  628.       -webkit-border-radius: 5px;
  629.     -moz-border-radius: 5px;
  630.     -o-border-radius: 5px;
  631.       border-right:1px solid #bbb;
  632.       border-top:1px solid #bbb;
  633.       border-bottom:1px solid #bbb;
  634. }
  635. #notecontainer ol.notes {
  636.       list-style-type: decimal;
  637.       margin: 0;
  638.       padding: 0;
  639. }
  640.  
  641. #notecontainer img.avatar {
  642.       margin-right: 10px;
  643.       width: 16px;
  644.       height: 16px;
  645.       padding:3px;
  646. }
  647.  
  648. #notecontainer a{color:{color:Topbar link color};}
  649.  
  650.  
  651. /*Lightbox DO NOT TOUCH!!!!! */
  652.  
  653. .vignette, #vignette {opacity:0;}
  654. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;}
  655. .tumblr-lightbox, #tumblr_lightbox {background-color:rgba(245,245,245,.98) !important;}
  656.  
  657. /*Lightbox end*/
  658.  
  659.  
  660. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  661.  
  662. .tooltip a{color:#ff4141; text-decoration:none;}
  663. .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);}
  664. .tooltip a:hover{color:#000;}
  665. .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;}
  666. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  667. .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;}
  668.  
  669. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  670.  
  671. /* ICONS */
  672. /* Icon Back */
  673.     .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;}
  674.     .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;}
  675.     .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {-webkit-transform: translateX(-4px);transform: translateX(-4px);color:{color:link color};}
  676.  
  677. /* Icon Forward */
  678.     .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;}
  679.     .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;}
  680.     .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {-webkit-transform: translateX(4px);transform: translateX(4px);{color:link color};}
  681.    
  682.    
  683.    
  684. </style>
  685.    
  686. <body>
  687. <!---------------
  688.  
  689.   UPDATES TAB by callyope.tumblr.com
  690.  
  691. --------------->
  692.  
  693. <div class="up">
  694. <a href="#" class="upd"><i class="fa fa-bars" aria-hidden="true"></i></a>
  695. <div class="updt">
  696.  
  697. <div class="up_des"><div id="title">{Title}</div> </div>
  698.  
  699. <div class="up_"><br>
  700. <div class="up_title">
  701. <span class="lnr lnr-user"></span>&nbsp;&nbsp;
  702. Description
  703. </div>
  704. {Description}
  705. <hr>
  706.  
  707. <div class="up_title">
  708. <span class="lnr lnr-star"></span>&nbsp;&nbsp;
  709. Add as many of these as you want
  710. </div>
  711. {text:Description 2}
  712. <hr>
  713.  
  714. </div>
  715. </div>
  716. </div>
  717.  
  718. <!--- END UPDATES TAB --->
  719.  
  720. <div id="nav">
  721. <div id="icon"><img src="{PortraitURL-30}"></div>
  722.  <ul>
  723.   <li><a href="/" title="home">Home</a></li>
  724.   <li><a href="/ask" title="ask">Ask</a></li>
  725.   <li><a href="/archive" title="archive">Archive</a></li>
  726.   <li>{block:ifLinkText1}<a href="{text:Link URL1}" title="{text:Link Text1}" >{text:Link Text1}</a>{/block:ifLinkText1}</li>
  727.   <li> {block:ifLinkText2}<a href="{text:Link URL2}" title="{text:Link Text2}" >{text:Link Text2}</a>{/block:ifLinkText2}</li>
  728.   <li> {block:ifLinkText3}<a href="{text:Link URL3}" title="{text:Link Text3}">{text:Link Text3}</a>{/block:ifLinkText3}</li>
  729.        
  730.   <li class="search">
  731.     <form onsubmit="return handleThis(this)">
  732.     <input type="text" name="number"/>
  733.     <input type="submit" value="Search" class="searchbutton"/>
  734.     </form>
  735.   </li>
  736.  </ul>
  737. </div>
  738.  
  739.  
  740. <div id="container">  
  741.  
  742. {block:Posts}
  743.  
  744. <div class="posts">
  745.  
  746. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  747.  
  748.  
  749. {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}
  750.  
  751.  
  752. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  753.  
  754.  
  755. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  756.  
  757.  
  758. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> &#x2712; {Source}</div>{/block:Source}{/block:Quote}
  759.  
  760.  
  761. {block:Link}
  762. <div class="posttitle"><a href="{URL}">{Name} <i class="fa fa-hand-o-right"></i></a></div>
  763. {block:Description}
  764. <div style="margin-top: -8px;"></div>
  765. {Description}
  766. <div style="margin-bottom: -8px;"></div>
  767. {/block:Description}
  768. {/block:Link}
  769.  
  770.  
  771. {block:Chat}
  772. {block:Title}<h1>{Title}</h1>{/block:Title}
  773. <left>
  774. <div class="chat">
  775. <ul>
  776. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label} </b>{/block:Label}  {Line}</li>{/block:Lines}
  777. </ul>
  778. </div>
  779. </center>
  780. {/block:Chat}
  781.        
  782.                
  783. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  784.  
  785.  
  786. {block:Audio}
  787. <div class="type-audio post-content">
  788.   {block:AudioEmbed}
  789.       {AudioEmbed color="Black"}
  790.   {/block:AudioEmbed}
  791.  
  792.   {block:Caption}
  793.   <div class="caption">
  794.     {Caption}
  795.   </div>
  796.   {/block:Caption}
  797. </div>
  798. {/block:Audio}
  799.  
  800.  
  801. {block:Answer}
  802. <div class="asr"><i class="fa fa-comment-o" aria-hidden="true"></i>&nbsp; <u>{Asker} said:</u> </div><p>
  803. <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}
  804. {/block:Answer}
  805.  
  806.  
  807. {block:Date}<div class="permalinks"><a href="{Permalink}" title="{DayOfMonth}.{ShortMonth}.{Year}">&nbsp;<span class="lnr lnr-clock"></span></a> ★  {block:Notecount}<a href="{Permalink}" title="Note count">{NoteCountWithLabel}</a>
  808.      {block:RebloggedFrom}<div class="rebloginfo"><a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> ★ <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE&nbsp;</a>
  809.     </div>{/block:RebloggedFrom}
  810. </div>{/block:Date}
  811. {block:Date}{block:HasTags} <div class="tags"> {block:Tags}<a href="{TagUrl}"> <span class="lnr lnr-tag"></span>{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}  {/Block:Date}
  812.  
  813. </div>
  814. {/block:Posts}  
  815.  
  816.  
  817.  
  818. <!-- PAGINATION -->
  819. <center>  
  820. {block:PreviousPage}  <a href="{PreviousPage}" title="Retreat"><font size="" color="{color:Pagination}"><i class="fa fa-angle-double-left hvr-icon-back" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:PreviousPage}
  821. {block:NextPage}<a href="{NextPage}" title="Forward"><font size="" color="{color:Pagination}"><i class="fa fa-angle-double-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:NextPage}
  822.   </center>
  823.  
  824. <!-- POST TOOGLE -->  
  825. <center>  
  826.   {block:PermalinkPagination}
  827.   {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}
  828.   {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}
  829.   {/block:PermalinkPagination}
  830. </center>
  831.  
  832.  
  833. <!-- NOTE CONTAINER -->
  834. {block:PermalinkPage}
  835. {block:PostNotes}
  836. <div id="notecontainer">{PostNotes}</div>
  837. {/block:PostNotes}
  838. {/block:PermalinkPage}
  839.  
  840.  
  841.  
  842. <!--- DONT TOUCH ANYTHING BELOW THIS LINE!!! -->
  843.  
  844. <script>
  845. $(function() {
  846.     $(window).scroll(function(){
  847.         var scrollTop = $(window).scrollTop();
  848.         if(scrollTop != 0)
  849.             $('#nav').stop().animate({'opacity':'0.2'},400);
  850.         else   
  851.             $('#nav').stop().animate({'opacity':'1'},400);
  852.     });
  853.    
  854.     $('#nav').hover(
  855.         function (e) {
  856.             var scrollTop = $(window).scrollTop();
  857.             if(scrollTop != 0){
  858.                 $('#nav').stop().animate({'opacity':'1'},400);
  859.             }
  860.         },
  861.         function (e) {
  862.             var scrollTop = $(window).scrollTop();
  863.             if(scrollTop != 0){
  864.                 $('#nav').stop().animate({'opacity':'0.2'},400);
  865.             }
  866.         }
  867.     );
  868. });
  869. </script>
  870.  
  871. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  872.  
  873. <!-- SCROLL DOWN BEGIN -->
  874. <a href="#" class="back-to-top" title="Go to Bottom"></a>
  875.  
  876. <script>
  877. var amountScrolled = 10000;
  878.  
  879. $('a.back-to-top').fadeIn('slow');
  880.  
  881. $(window).scroll(function() {
  882.     if ( $(window).scrollTop() < amountScrolled ) {
  883.         $('a.back-to-top').fadeIn('slow');
  884.     } else {
  885.         $('a.back-to-top').fadeOut('slow');
  886.     }
  887. });
  888.  
  889. $('a.back-to-top').click(function() {
  890.     $('html, body').animate({
  891.         scrollTop: 10000
  892.     }, 1000);
  893.     return false;
  894. });
  895. </script>
  896. <!-- SCROLL END -->
  897.  
  898. <!-- SCROLL UP BEGIN -->
  899. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  900. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  901. <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>
  902.  
  903. <!-- SCROLL END -->
  904.  
  905. <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>
  906.  
  907. </body>
  908. </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!