API tools faq
paste
Advertisement
Guest User

For H.

a guest
May 16th, 2018
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.60 KB | None | 0 0
raw download clone embed print report
  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>
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!