daily pastebin goal
34%
SHARE
TWEET

For H.

a guest May 16th, 2018 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>LOKELANI</title>
  4. <link rel="shortcut icon" href="">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---COMMENT: FONTS BEGIN--->
  9. <link href='https://fonts.googleapis.com/css?family=Rambla' rel='stylesheet' type='text/css'>
  10. <!---COMMENT: FONTS END--->
  11. <!---COMMENT: FONTS BEGIN--->
  12. <link href='https://fonts.googleapis.com/css?family=Homemade Apple' rel='stylesheet' type='text/css'>
  13. <!---COMMENT: FONTS END--->
  14.  
  15. <!---- this is theme 55 by Hollywhood
  16. please don't remove the credit
  17. thank you
  18. --->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#fff"/>
  22. <meta name="color:Link" content="{color:link}"/>
  23. <meta name="color:Link Hover" content="#eeeeee"/>
  24. <meta name="color:sidebar links bg" content="#EEEEEE">
  25. <meta name="color:description" content="EDEDED"/>
  26. <meta name="color:title" content="#aaaaaa"/>
  27. <meta name="color:info bg" content="#EEEEEE"/>
  28.  
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="text:sidebartitle" content="">
  31.  
  32. <meta name="text:link 1" content="Link 1"/>
  33. <meta name="text:link 1 url" content="/"/>
  34. <meta name="text:link 2" content="Link 2"/>
  35. <meta name="text:link 2 url" content="/"/>
  36. <meta name="text:link 3" content="Link 3"/>
  37. <meta name="text:link 3 url" content="/"/>
  38. <meta name="text:link 4" content="Link 4"/>
  39. <meta name="text:link 4 url" content="/"/>
  40.  
  41. <script type="text/javascript">
  42. // <![CDATA[
  43. var colour="#f9fb17"; // what colour are the blobs
  44. var speed=40; // speed of animation, lower is faster
  45. var blobs=11; // how many blobs are in the jar
  46. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  47.  
  48. /***************************\
  49. *   Blobs in a Jar Effect   *
  50. * (c)2012 mf2fm web-design  *
  51. *  http://www.mf2fm.com/rv  *
  52. * DON'T EDIT BELOW THIS BOX *
  53. \***************************/
  54.  
  55. window.onload=fill_the_jar;
  56. var div;
  57. var xpos=new Array();
  58. var ypos=new Array();
  59. var zpos=new Array();
  60. var dx=new Array();
  61. var dy=new Array();
  62. var dz=new Array();
  63. var blob=new Array();
  64. var swide=800;
  65. var shigh=600;
  66. function fill_the_jar() {
  67. var i, dvs;
  68. div=document.createElement('div');
  69. dvs=div.style;
  70. dvs.position='fixed';
  71. dvs.left='0px';
  72. dvs.top='0px';
  73. dvs.width='1px';
  74. dvs.height='1px';
  75. document.body.appendChild(div);
  76. set_width();
  77. for (i=0; i<blobs; i++) {
  78.  add_blob(i);
  79.  jamjar(i);
  80. }
  81. }
  82.  
  83. function add_blob(ref) {
  84. var dv, sy;
  85. dv=document.createElement('div');
  86.     dv.appendChild(document.createTextNode(charc));
  87. sy=dv.style;
  88. sy.position='absolute';
  89. sy.textAlign="center";
  90.     if (navigator.appName=="Microsoft Internet Explorer") {
  91.  sy.fontSize="10px";
  92.  sy.width="100px";
  93.  sy.height="100px";
  94.  sy.paddingTop="40px";
  95.  sy.color=colour;
  96. }
  97. else sy.color='rgba(0,0,0,0)';
  98.   ypos[ref]=Math.floor(shigh*Math.random());
  99. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  100. xpos[ref]=Math.floor(swide*Math.random());
  101. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  102. zpos[ref]=Math.random()*20;
  103. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  104. blob[ref]=dv;
  105. div.appendChild(blob[ref]);
  106. set_blob(ref);
  107. }
  108. function rejig(ref, xy) {
  109.   if (xy=='y') {
  110. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  111.     dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  112.   }
  113.   else {
  114.     dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  115.   dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  116.   }
  117. }
  118. function sign(a) {
  119.   if (a<0) return (-2);
  120.   else if (a>0) return (2);
  121.   else return (0);
  122. }
  123. function set_blob(ref) {
  124. var sy;
  125. sy=blob[ref].style;
  126. sy.top=ypos[ref]+'px';
  127. sy.left=xpos[ref]+'px';
  128.     if (navigator.appName=="Microsoft Internet Explorer") {
  129.  sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  130.  sy.fontSize=30-zpos[ref]+"px";
  131. }
  132. else {
  133.  sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  134.  sy.fontSize=40+zpos[ref]+'px';
  135. }
  136. }
  137. function jamjar(ref) {
  138. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  139. ypos[ref]+=dy[ref];
  140. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  141. xpos[ref]+=dx[ref];
  142. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  143. zpos[ref]+=dz[ref];
  144. set_blob(ref);
  145. setTimeout("jamjar("+ref+")", speed);
  146. }
  147.  
  148. window.onresize=set_width;
  149. function set_width() {
  150.   var sw_min=999999;
  151.   var sh_min=999999;
  152.   if (document.documentElement && document.documentElement.clientWidth) {
  153.     if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  154.     if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  155.   }
  156.   if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  157.     if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  158.     if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  159.   }
  160.   if (document.body.clientWidth) {
  161.     if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  162.     if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  163.   }
  164.   if (sw_min==999999 || sh_min==999999) {
  165.     sw_min=800;
  166.     sh_min=600;
  167.   }
  168.   swide=sw_min;
  169.   shigh=sh_min;
  170. }
  171. // ]]>
  172. </script>
  173.  
  174. <style type="text/css">
  175.  
  176. iframe#tumblr_controls {
  177.     white-space:nowrap;
  178.     -webkit-filter: invert(100%);
  179.     -moz-filter: invert(100%);
  180.     -o-filter: invert(100%);
  181.     -ms-filter: invert(100%);
  182.     filter: invert(100%);
  183.     opacity:.2;transition: .8s ease-in-out;
  184.     -webkit-transition: .8s ease-in-out;
  185.     -moz-transition: .8s ease-in-out;
  186.     -o-transition: .8s ease-in-out;
  187. }
  188.  
  189. h1 {
  190. font-weight:normal;
  191. font-family: 'bebas neue';
  192. color:#ff4845;
  193. text-shadow: 0 0 0.1em #484848 ;
  194. font-size:13px;
  195. text-align:center;
  196. font-style:normal;
  197. line-height:100%;
  198. letter-spacing:1px;
  199. text-transform:normal;
  200. }
  201.  
  202. h2 {
  203. font-size:13px;
  204. text-align:center;
  205. font-family: 'bebas neue';
  206. line-height:100%;
  207. letter-spacing:-0.5px;
  208. color:#ff4845 ;
  209. text-shadow: 0 0 0.1em #484848 ;
  210. font-weight:bold;
  211. text-transform:uppercase;
  212. padding:5px;
  213. padding-bottom:2px;
  214. }
  215.  
  216.  blockquote {
  217. border-left:1px solid #e0933d;
  218. padding:7px;
  219. margin:10px 2px 0px 10px
  220. }
  221.  
  222. body {
  223.     background:#494949;
  224.     background-image: url('https://i.imgur.com/AVW8ceY.jpg');
  225.     background-repeat: no-repeat;
  226.     background-attachment: fixed;
  227.     margin:0px;
  228.     font-family: 'calibri';
  229.     text-decoration:border, none;
  230.     font-size:12px;
  231.     line-height:100%;
  232. }
  233.  
  234. a {
  235.     text-decoration:none;
  236.     outline:none;
  237.     text-transform:uppercase;
  238.     -moz-outline-style:none;
  239.     color:{color:link};
  240.     -moz-transition-duration:0.5s;
  241.     -webkit-transition-duration:0.5s;
  242.     -o-transition-duration:0.5s;
  243. }
  244.  
  245. a:hover {
  246.     text-decoration:none;
  247.     outline:none;
  248.     -moz-outline-style:none;
  249.     color:#fff;
  250. }
  251.  
  252. img {
  253.     border:none;
  254. }
  255.  
  256.  #post {
  257.         line-height:100%;
  258.         padding: 12px 12px 12px;
  259.         width:140px;
  260.         padding-bottom:30px;
  261.         margin-bottom:30px;
  262.         font-family: 'calibri' ;
  263.         color:#000;
  264.         text-align: justify;
  265.         margin-left: 0px;
  266.         font-size:1px;
  267.         background:;
  268.        
  269.  }
  270.  
  271.  /* Quote & Source  */
  272.  
  273. .quotemarkright {
  274. font-family: 'bebas neue';
  275. font-size: 80px;
  276. font-weight: bold;
  277. padding-right: 0px;
  278. line-height: 10px;
  279. text-align: right;
  280. position: relative;
  281. margin:0 0px 0 0px;
  282. color: #494949;
  283. opacity: 0.97;
  284.     }
  285.  
  286. .quote{
  287. font-family:'roboto';
  288. text-align:center;
  289. font-size:11px;
  290. line-height:18px;
  291. font-weight:bold;
  292. text-transform:uppercase;
  293. z-index:999;
  294. }
  295.  
  296.  
  297. .source {
  298. font-family:'roboto';
  299. text-align: center;
  300. font-size: 7px;
  301. text-transform: normal;
  302. letter-spacing: 2px;}
  303.        
  304. blockquote {
  305.   background: transparent;
  306.   border-left: 2px solid #494949 ;
  307.   margin: 1.5em 8px;
  308.   padding: 0.5em 8px;
  309.   quotes: "\201C""\201D""\2018""\2019";
  310. }
  311. blockquote p {
  312.   display: inline;
  313. }
  314.  
  315. sub {
  316. font-family: 'arial';
  317. text-shadow: 0px 0px 2px #fff
  318. text-transform:bold ;
  319. font-size:8px;
  320. color:#494949;
  321. letter-spacing:1px;
  322. }
  323.  
  324. strong , b {
  325. font-family: 'bebas neue';
  326. text-transform:bold, uppercase;
  327. color:#494949;
  328. text-shadow: 0 0 0.1em #000 ;
  329. letter-spacing:1px;
  330. }
  331.  
  332.  
  333. i, italic {
  334. letter-spacing:0px;
  335. font-family: 'Homemade Apple', cursive;
  336. color:#494949;
  337. text-shadow: 2 3 0.1em #000;
  338. letter-spacing:0px;
  339. text-transform:lowercase;
  340. }
  341.  
  342.  
  343. #post img {
  344.         max-width: 100%;}
  345.  
  346. #entries {
  347.     position:fixed;
  348.     height:485px;
  349.     width:250px;
  350.     padding:30px;
  351.     margin-left:435px;
  352.     margin-top:50px;
  353.     text-align:left;
  354.     background-color: transparent;
  355.     border: 0px solid transparent;
  356.     z-index:999;
  357.     overflow-y:scroll;  -webkit-mask-image: -webkit-gradient(linear, left 50%, left bottom, rom(rgba(20,20,20,1)), to(rgba(20,20,20,0)));
  358.     -webkit-border-radius: 10px;
  359.     -moz-border-radius: 10px;
  360.     -ms-transform: rotate(-0deg);
  361. -webkit-transform: rotate(-0deg);
  362. -o-transform: rotate(-0deg);
  363. -moz-transform: rotate(-0deg);
  364.     }
  365.  
  366.  
  367. #sidebar {
  368.     color:#cecece;
  369.     position:fixed;
  370.     width:100px;
  371.     height:auto;
  372.     margin-top:130px;
  373.     margin-left:160px;
  374.     text-align:left;
  375.     }
  376.  
  377.   #sidebarimage img {
  378.     width:240px;
  379.     padding-left:0px;
  380.     margin-bottom:3x;
  381.     }
  382.  
  383. .links1 {
  384. position:fixed;
  385. margin-left:635px;
  386. margin-top:75px;
  387. width:10px;
  388. color:transparent;
  389. font-size:25px;
  390. text-shadow:0 0 3px #242424;
  391. opacity:1;
  392.     -webkit-transition: all 0.5s ease-in-out;
  393.     -moz-transition: all 0.5s ease-in-out;
  394.     -o-transition: all 0.5s ease-in-out;
  395.     -ms-transition: all 0.5s ease-in-out;
  396.     transition: all 0.5s ease-in-out;
  397.     -ms-transform: rotate(50deg); /* IE 9 */
  398.     -webkit-transform: rotate(50deg); /* Safari */
  399.     transform: rotate(0deg);
  400. }
  401.  
  402.  
  403. .links1:hover {
  404.     color:transparent;
  405.     text-shadow:0 0 7px #242424;
  406.     -webkit-transition: all 0.5s ease-in-out;
  407.     -moz-transition: all 0.5s ease-in-out;
  408.     -o-transition: all 0.5s ease-in-out;
  409.     -ms-transition: all 0.5s ease-in-out;
  410.     transition: all 0.5s ease-in-out;
  411.     }
  412.    
  413.  
  414.    
  415. .links2 {
  416. position:fixed;
  417. margin-left:667px;
  418. margin-top:75px;
  419. width:10px;
  420. color:transparent;
  421. font-size:25px;
  422. text-shadow:0 0 3px #242424;
  423. opacity:1;
  424.     -webkit-transition: all 0.5s ease-in-out;
  425.     -moz-transition: all 0.5s ease-in-out;
  426.     -o-transition: all 1s ease-in-out;
  427.     -ms-transition: all 0.5s ease-in-out;
  428.     transition: all 0.5s ease-in-out;
  429.     -ms-transform: rotate(0deg); /* IE 9 */
  430.     -webkit-transform: rotate(0deg); /* Safari */
  431.     transform: rotate(0deg);
  432. }
  433.  
  434.  
  435. .links2:hover {
  436.     color:transparent;
  437.     text-shadow:0 0 7px #000;
  438.     -webkit-transition: all 0.5s ease-in-out;
  439.     -moz-transition: all 0.5s ease-in-out;
  440.     -o-transition: all 0.5s ease-in-out;
  441.     -ms-transition: all 0.5s ease-in-out;
  442.     transition: all 0.5s ease-in-out;
  443.     }
  444.    
  445. .links3 {
  446. position:fixed;
  447. margin-left:700px;
  448. margin-top:75px;
  449. width:10px;
  450. color:transparent;
  451. font-size:25px;
  452. text-shadow:0 0 3px #242424;
  453. opacity:1;
  454.     -webkit-transition: all 0.5s ease-in-out;
  455.     -moz-transition: all 0.5s ease-in-out;
  456.     -o-transition: all 0.5s ease-in-out;
  457.     -ms-transition: all 0.5s ease-in-out;
  458.     transition: all 0.5s ease-in-out;
  459.       -ms-transform: rotate(0deg); /* IE 9 */
  460.     -webkit-transform: rotate(0deg); /* Safari */
  461.     transform: rotate(0deg);
  462. }
  463.  
  464.  
  465. .links3:hover {
  466.     color:transparent;
  467.     text-shadow:0 0 7px #000;
  468.     -webkit-transition: all 0.5s ease-in-out;
  469.     -moz-transition: all 0.5s ease-in-out;
  470.     -o-transition: all 0.5s ease-in-out;
  471.     -ms-transition: all 0.5s ease-in-out;
  472.     transition: all 0.5s ease-in-out;
  473.     }
  474.    
  475. .links4 {
  476. position:fixed;
  477. margin-left:732px;
  478. margin-top:75px;
  479. width:10px;
  480. color:transparent;
  481. font-size:25px;
  482. text-shadow:0 0 3px #242424;
  483. opacity:1;
  484.     -webkit-transition: all 0.5s ease-in-out;
  485.     -moz-transition: all 0.5s ease-in-out;
  486.     -o-transition: all 0.5s ease-in-out;
  487.     -ms-transition: all 0.5s ease-in-out;
  488.     transition: all 0.5s ease-in-out;
  489.          -ms-transform: rotate(0deg); /* IE 9 */
  490.     -webkit-transform: rotate(0deg); /* Safari */
  491.     transform: rotate(0deg);
  492. }
  493.  
  494.  
  495. .links4:hover {
  496.     color:transparent;
  497.     text-shadow:0 0 7px #000;
  498.     -webkit-transition: all 0.5s ease-in-out;
  499.     -moz-transition: all 0.5s ease-in-out;
  500.     -o-transition: all 0.5s ease-in-out;
  501.     -ms-transition: all 0.5s ease-in-out;
  502.     transition: all 0.5s ease-in-out;
  503.     }
  504.    
  505. .links5 {
  506. position:fixed;
  507. margin-left:764px;
  508. margin-top:75px;
  509. width:10px;
  510. color:transparent;
  511. font-size:25px;
  512. text-shadow:0 0 3px #242424;
  513. opacity:1;
  514.     -webkit-transition: all 0.5s ease-in-out;
  515.     -moz-transition: all 0.5s ease-in-out;
  516.     -o-transition: all 0.5s ease-in-out;
  517.     -ms-transition: all 0.5s ease-in-out;
  518.     transition: all 0.5s ease-in-out;
  519.          -ms-transform: rotate(0deg); /* IE 9 */
  520.     -webkit-transform: rotate(0deg); /* Safari */
  521.     transform: rotate(0deg);
  522. }
  523.  
  524.  
  525. .links5:hover {
  526.     color:transparent;
  527.     text-shadow:0 0 7px #000;
  528.     -webkit-transition: all 0.5s ease-in-out;
  529.     -moz-transition: all 0.5s ease-in-out;
  530.     -o-transition: all 0.5s ease-in-out;
  531.     -ms-transition: all 0.5s ease-in-out;
  532.     transition: all 0.5s ease-in-out;
  533.     }
  534.    
  535.     .links6 {
  536. position:fixed;
  537. margin-left:795px;
  538. margin-top:75px;
  539. width:10px;
  540. color:transparent;
  541. font-size:25px;
  542. text-shadow:0 0 3px #242424;
  543. opacity:1;
  544.     -webkit-transition: all 0.5s ease-in-out;
  545.     -moz-transition: all 0.5s ease-in-out;
  546.     -o-transition: all 0.5s ease-in-out;
  547.     -ms-transition: all 0.5s ease-in-out;
  548.     transition: all 0.5s ease-in-out;
  549.          -ms-transform: rotate(0deg); /* IE 9 */
  550.     -webkit-transform: rotate(0deg); /* Safari */
  551.     transform: rotate(0deg);
  552. }
  553.  
  554.  
  555. .links6:hover {
  556.     color:transparent;
  557.     text-shadow:0 0 7px #000;
  558.     -webkit-transition: all 0.5s ease-in-out;
  559.     -moz-transition: all 0.5s ease-in-out;
  560.     -o-transition: all 0.5s ease-in-out;
  561.     -ms-transition: all 0.5s ease-in-out;
  562.     transition: all 0.5s ease-in-out;
  563.     }
  564.        
  565.        
  566. #description {
  567.     position:fixed;
  568.     width:300px;  
  569.     font-family:'cambia';
  570.     margin-top:-20px;
  571.     margin-left:120px;
  572.     text-align:justify;
  573.     border-left:2px solid transparent;
  574.     padding-left:10px;
  575.     font-size:50px;
  576.     font-style:italic;
  577.     word-spacing:2px;
  578.     color: #fff;
  579.     line-height:140%;
  580.      -moz-transition-duration:1s;
  581.     -webkit-transition-duration:1s;
  582.     -o-transition-duration:1s;
  583.     }
  584.    
  585.     #description a {
  586.     color:#d4d4d4;
  587.     }
  588.    
  589.     #description a:hover {
  590.         color:#aaaaaa;
  591. }
  592.    
  593. #post {
  594. width:250px;
  595. margin-top:15px;
  596. text-align:justify;
  597. font-family:'calibri';
  598. font-size:13px;
  599. line-height:100%;
  600. letter-spacing:0px;
  601. color:#000;
  602. margin-bottom: 20px;
  603. text-transform: auto;
  604. padding:0px;
  605. margin-left: auto;
  606. margin-right: auto;
  607. opacity:1;
  608.     -webkit-filter: Grayscale(0%);
  609.     -webkit-transition: all 0.9s ease-in-out;
  610.     -moz-transition: all 0.9s ease-in-out;
  611.     -o-transition: all 0.9s ease-in-out;
  612.     -ms-transition: all 0.9s ease-in-out;
  613.     transition: all 0.9s ease-in-out;
  614.     }
  615.  
  616.    #post:hover {
  617.         -webkit-filter: Grayscale(0%);
  618.          -webkit-transition: all 0.6s ease-in-out;
  619.     -moz-transition: all 0.6s ease-in-out;
  620.     -o-transition: all 0.6s ease-in-out;
  621.     -ms-transition: all 0.6s ease-in-out;
  622.     transition: all 0.6s ease-in-out;
  623.     }
  624.    
  625.    
  626.     }
  627.  
  628. #info {
  629. width:230px;
  630. margin-top:0px;
  631. padding-top:0px;
  632. font-size:10px;
  633. font-family:'cambia';
  634. text-transform:uppercase;
  635. letter-spacing: 2px;
  636. font-style:normal;
  637. padding:3px;
  638. border:2px solid #fff;
  639. text-align:center;
  640.  
  641. -moz-transition-duration:0.2s;
  642. -webkit-transition-duration:0.2s;
  643. -o-transition-duration:0.2s;
  644. }
  645.  
  646. #info a {
  647. color:#494949 ;
  648. padding:2px;
  649. margin-top:15px;
  650. text-shadow:0 0 1px #fff;
  651. letter-spacing:1px;
  652. font-style:normal;
  653. text-align:center;
  654. }
  655.  
  656. #info a:hover {
  657. color:#000 ;
  658. opacity:1;
  659.     -webkit-filter: blur(2px);
  660. -moz-transition-duration:0.2s;
  661. -webkit-transition-duration:0.2s;
  662. -o-transition-duration:0.2s;
  663.  
  664. }
  665.  
  666.  
  667.  
  668.    
  669.     .tags {
  670.     background-image: url('');
  671.     background:#494949;
  672.     font-style:normal;
  673.     width:230px;
  674.     text-transform:normal;
  675.     font-style:normal;
  676.     line-height:120%;
  677.     padding-top:5px;
  678.     padding: 8px;
  679.     font-size:8px;
  680.     letter-spacing:1px;
  681.     text-align:left;
  682.   border:1px solid #E0E0E0;
  683.     border-bottom-left-radius: 0px;
  684. border-top-right-radius: 0px;
  685.     box-shadow: 2px 2px 5px #888888;
  686.  
  687.     }
  688.     .tags a{
  689.         margin-right:6px;
  690.         color:#f9fb17;
  691.    }
  692.     .tags a:hover{
  693.         color:#fff;
  694.     }
  695.    
  696.     #post:hover .tags{
  697.         opacity:1;
  698.     }
  699.  
  700. .audio{
  701.     background-color:#e5e5e5;
  702.     height:65px;
  703.     overflow:hidden;
  704.     }
  705.    
  706.  
  707.  
  708. .question {
  709.     background-image: url('');
  710.     background:#494949;
  711.    font-family:'calibri';
  712.    font-style:normal;
  713.     width:230px;
  714.     text-transform:normal;
  715.     font-style:normal;
  716.     line-height:120%;
  717.     padding-top:10px;
  718.     padding:10px;
  719.     font-size:12px;
  720.     color: white;
  721.     letter-spacing:0px;
  722.     text-align:left;
  723.   border:1px solid #E0E0E0;
  724.     border-bottom-left-radius: 0px;
  725. border-top-right-radius: 0px;
  726.     box-shadow: 2px 2px 5px #888888;
  727.     }
  728.    
  729. .answer {
  730.     text-align:left;
  731.     padding:7px;
  732.     color: white;
  733.     }
  734.  
  735.  #pagination {
  736.     position:fixed;
  737.     font-family: 'helvetica';
  738.     top:150px;
  739.     left:960px;
  740.     font-size: 45px;
  741.     color:#5a696e;
  742.     -ms-transform: rotate(90deg); /* IE 9 */
  743.     -webkit-transform: rotate(90deg); /* Safari */
  744.     transform: rotate(0deg);
  745. }
  746.  
  747.    
  748. #credit {
  749.     font-size:9px;
  750.     font-family: 'Roboto', sans-serif;
  751.     letter-spacing:-1px;
  752.     -moz-transition-duration:0.5s;
  753.     -webkit-transition-duration:0.5s;
  754.     -o-transition-duration:0.5s;
  755.     }
  756.  
  757. #credit a {
  758.     background-color:#313131;
  759.     padding:5px;
  760.     border:0px solid #e9e9e9;
  761.     position:fixed;
  762.     right:15px;
  763.     bottom:10px
  764.     }  
  765.  
  766. #credit a:hover {
  767.     color:#313131;
  768.     background-color:transparent;
  769.     }
  770.  
  771.  
  772. {CustomCSS}</style></head><body>
  773.  
  774. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  775.  
  776. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  777.  
  778. <script>
  779.  
  780. (function($){
  781.  
  782. $(document).ready(function(){
  783.  
  784. $("a[title]").style_my_tooltips({
  785.  
  786. tip_follows_cursor:true,
  787.  
  788. tip_delay_time:90,
  789.  
  790. tip_fade_speed:600,
  791.  
  792. attribute:"title"
  793.  
  794. });
  795.  
  796. });
  797.  
  798. })(jQuery);
  799.  
  800. </script>
  801. <!--basic tooltip from tutorial-baby! Enjoy-->
  802. <style>
  803. .tooltip{
  804.     display: inline;
  805.     position: relative;
  806. }
  807.  
  808. #s-m-t-tooltip {
  809. max-width:300px; /*how big the tooltip can be at most*/
  810. border-radius: 0px; /*change your border radius*/
  811. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  812. margin:20px 7px -2px 20px; /*distance from word*/
  813. background:#e0933d;
  814.   border:1px solid #E0E0E0; /*border info*/
  815.   font-family:'cambia'; /*tooltip font*/
  816. font-size:9px; /*tooltip font size*/
  817. letter-spacing:2px; /*tooltip letter spacing*/
  818. text-transform:uppercase; /*makes the tooltip title uppercase*/
  819. color:#000; /*tooltip font color*/
  820. z-index:999999999999999999999999999999999999;
  821. }
  822. </style>
  823. </script>
  824.  
  825.  
  826. <div id="theme">
  827.  
  828. <div id="sidebar">
  829.  
  830. <div id="sidebarimage">
  831. <a href="/"><img src="{image:sidebar}">      </a></div>
  832.  
  833. <div class="sidebartitle">{text:sidebartitle}</div>
  834.  
  835. <div id="links">
  836. <div class="links1">
  837. <a title="REFRESH" href="http://superbotanist.tumblr.com/">01.</a></div>
  838. <div class="links2">
  839. <a title="ASK" href="http://superbotanist.tumblr.com/ask">02.</a></a></div>
  840. <div class="links3">
  841. <a title="RULES" href="http://superbotanist.tumblr.com/guidelines">03.</a></div>
  842. <div class="links4">
  843. <a title="BIOGRAPHY" href="http://superbotanist.tumblr.com/about">04.</a></div>
  844. <div class="links5">
  845. <a title="NAVIGATION" href="http://superbotanist.tumblr.com/nav">05.</a></div>
  846. <div class="links6">
  847. <a title="VERSES" href="http://superbotanist.tumblr.com/verses">06.</a></div>
  848.  
  849.  
  850. <div id="pagination">
  851. {block:Pagination}{block:NextPage}<a href="{NextPage}" style="float:right;" title="next">»</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  852. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:right;" title="previous">«</a>{/block:PreviousPage}{/block:Pagination}
  853.  
  854.     </div> &nbsp;
  855.  
  856.    </small> </small></div>
  857.  
  858.  
  859.        </div>
  860.        
  861. <div id="entries">{block:Posts}<div id="post">
  862.  
  863. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  864.  
  865. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  866.  
  867. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  868.  
  869. {block:Quote}
  870. <div style="font-size:34px;margin-left:0px;font-weight:bold;opacity:.4">“</div>
  871. <div style="margin-top:-10px;" class="quote">{Quote}
  872. {block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
  873. </div>
  874. {/block:Quote}
  875.  
  876. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  877.  
  878. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}{hw}
  879.  
  880. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  881. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  882.  
  883. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  884.  
  885. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;&nbsp; {ASKER}:<br><p>&nbsp;&nbsp; {Question}</p></div><div class="answer">{Answer}</div>{/block:answer}
  886.  
  887. {block:Date}<div id="info"> <a href=</a>{/block:Date} {block:Note}&nbsp; <font color=#fff>●</font> <a href="{Permalink}">{Note}</a> {/block:Note}<div style="float:left;">
  888.  
  889.  
  890. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="{ReblogParentURL}" class="details" title="via {ReblogParentName}">01</a>{/block:RebloggedFrom}  {block:ContentSource} <a href="{SourceURL}" class="details" title="created by {SourceTitle} ">02</a> {/block:ContentSource} <a href="{Permalink}" class="details" title="{Month} {DayOfMonth}, {TimeAgo}">03</a> <a href="{ReblogURL}" target="{ReblogURL}" class="details" title="reblog">04</a> {block:NoteCount} <a href="{Permalink}" target="{Permalink}" class="details" title="{NoteCount} notes">05</a> {/block:NoteCount}  
  891. </div>
  892.  
  893. {block:HasTags}
  894. <div class="tags">
  895. {block:Tags} <a title="{Tag}" href="{TagURL}">&.{Tag}</a> {/block:Tags}</div>
  896. {/block:HasTags}
  897. <div class="postnote">
  898. {block:PostNotes}{PostNotes}{/block:PostNotes}
  899. </div>
  900. </div>
  901. {/block:Posts}
  902.  
  903.  
  904.  
  905. <style>
  906.     ::-webkit-scrollbar {
  907.     display: block;
  908. }
  909.     ::-webkit-scrollbar-button:start:decrement,
  910.     ::-webkit-scrollbar-button:end:increment {display: block;}
  911.     ::-webkit-scrollbar-button:vertical:start:increment,
  912.     ::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
  913.     ::-webkit-scrollbar-button:end:increment
  914.    
  915.     background-repeat: no-repeat;background-position:center;
  916.         -webkit-box-shadow: inset 0 0 16px rgba(214,214,214,0.9);}
  917.        
  918.        
  919. </style>
  920.  
  921. </body>  
  922. </html>
RAW Paste Data
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
 
Top