Advertisement
Guest User

don't fucking use this without asking me first

a guest
Aug 23rd, 2014
1,221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.30 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5. █▀▀█ █▀▀█ █▀▀ █▀▀ █░░ █░░█ █▀▀▄ ░▀░ █▀▀▄ █▀▀▀
  6. █░░█ █▄▄▀ █▀▀ █░░ █░░ █░░█ █░░█ ▀█▀ █░░█ █░▀█
  7. █▀▀▀ ▀░▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ░▀▀▀ ▀▀▀░ ▀▀▀ ▀░░▀ ▀▀▀▀
  8.  
  9.  
  10.  
  11. Truthful - Theme #42 by precluding (http://precluding.tumblr.com/)
  12.  
  13. Please keep all forms of credit intact! Failure to do so will result in the termination of your accunt.
  14.  
  15. -->
  16.  
  17. <html lang="en">
  18. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml">
  20. <head>
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37. <script type="text/javascript"
  38. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  41.  
  42. <meta name="color:background" content="#fff"/>
  43. <meta name="color:link" content="#aaa"/>
  44. <meta name="color:text" content="#aaa"/>
  45. <meta name="color:title" content="#333"/>
  46. <meta name="color:hover" content="#ddd"/>
  47. <meta name="color:scrollbar" content="#ddd"/>
  48. <meta name="color:text highlight color" content="#aaa"/>
  49. <meta name="color:text highlight background" content="#eee"/>
  50.  
  51. <meta name="text:blogtitle" content="blogtitle" />
  52. <meta name="text:tab one title" content="updates" />
  53. <meta name="text:tab one content" content="put your content here" />
  54. <meta name="text:tab two title" content="networks" />
  55. <meta name="text:tab two content" content="put your content here" />
  56. <meta name="text:tab three title" content="favorites" />
  57. <meta name="text:tab three content" content="put your content here" />
  58. <meta name="text:link one" content="/" />
  59. <meta name="text:link one title" content="refresh" />
  60. <meta name="text:link two" content="/ask" />
  61. <meta name="text:link two title" content="message" />
  62. <meta name="text:link three" content="/" />
  63. <meta name="text:link three title" content="etcetera" />
  64. <meta name="text:link four" content="/" />
  65. <meta name="text:link four title" content="blogroll" />
  66.  
  67. <meta name="image:sidebar" content="1"/>
  68. <meta name="image:background" content="1"/>
  69.  
  70. <meta name="if:updates tabs" content="1"/>
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. tpt{
  76. line-height:4px;
  77. }
  78.  
  79. .cli1{
  80. display:inline-black;
  81. }
  82.  
  83. .cli2{
  84. display:inline-black;
  85. }
  86.  
  87. .cli3{
  88. display:inline-black;
  89. }
  90.  
  91. .show1{
  92. display:none;
  93. }
  94.  
  95. .show2{
  96. display:none;
  97. }
  98.  
  99. .show3{
  100. display:none;
  101. }
  102.  
  103.  
  104. up{
  105. border-bottom:5px solid #fff;
  106. display:block;
  107. text-transform:uppercase;
  108. }
  109.  
  110.  
  111. lh{
  112. line-height:2px;
  113. }
  114.  
  115. #tabs{
  116. position:fixed;
  117. top:55px;
  118. height:auto;
  119. width:auto;
  120. right:-1px;
  121. line-height:7px;
  122. z-index:9999;
  123. }
  124.  
  125. .tab1{
  126. opacity: 1;
  127. font-family: calibri;
  128. font-size: 10px;
  129. padding: 2px;
  130. height:auto;
  131. padding-top:7px;
  132. line-height:8px;
  133. background: white;
  134. width:64px;
  135. overflow:hidden;
  136. line-height:10px;
  137. border: 1px solid #eee;
  138. -o-transition-transition: all 0.9s ease;
  139. -webkit-transition: all 0.9s ease;
  140. -moz-transition: all 0.9s ease;
  141. transition: all 0.9s ease;
  142. }
  143.  
  144. .tab1:hover{
  145. z-index:99999;
  146. }
  147.  
  148. .tab1 a:hover{
  149. color:#aaaaaa;
  150. text-shadow: 0 0 2px white;
  151. text-decoration:none;
  152. }
  153.  
  154. .tab2{
  155. opacity: 1;
  156. font-family: calibri;
  157. font-size: 10px;
  158. padding: 2px;
  159. height:auto;
  160. padding-top:7px;
  161. line-height:8px;
  162. background: white;
  163. width:64px;
  164. overflow:hidden;
  165. line-height:10px;
  166. border: 1px solid #eee;
  167. -o-transition-transition: all 0.9s ease;
  168. -webkit-transition: all 0.9s ease;
  169. -moz-transition: all 0.9s ease;
  170. transition: all 0.9s ease;
  171. }
  172.  
  173. .tab2:hover{
  174. z-index:99999;
  175. }
  176.  
  177. .tab2 a:hover{
  178. color:#aaaaaa;
  179. text-shadow: 0 0 2px white;
  180. text-decoration:none;
  181. }
  182.  
  183. .tab3{
  184. opacity: 1;
  185. font-family: calibri;
  186. font-size: 10px;
  187. padding: 2px;
  188. height:auto;
  189. padding-top:7px;
  190. line-height:8px;
  191. background: white;
  192. width:64px;
  193. overflow:hidden;
  194. line-height:10px;
  195. border: 1px solid #eee;
  196. -o-transition-transition: all 0.9s ease;
  197. -webkit-transition: all 0.9s ease;
  198. -moz-transition: all 0.9s ease;
  199. transition: all 0.9s ease;
  200. }
  201.  
  202. .tab3:hover{
  203. z-index:99999;
  204. }
  205.  
  206. .tab3 a:hover{
  207. color:#aaaaaa;
  208. text-shadow: 0 0 2px white;
  209. text-decoration:none;
  210. }
  211.  
  212.  
  213. #s-m-t-tooltip {
  214. max-width:800px;
  215. padding:3px;
  216. padding-left:4px;
  217. margin:20px 0px 0px 20px;
  218. background: {color:link};
  219. text-transform:uppercase;
  220. letter-spacing: 1px;
  221. color: white;
  222. z-index:999999999999999999999999999999999999;
  223. }
  224.  
  225. #s-m-t-tooltip:before{
  226. position: absolute;
  227. left: -10px;
  228. top: -8px;
  229. width: 0px;
  230. content:"";
  231. transform: scale(1.7, .3);
  232. -webkit-transform: scale(1.7, .3);
  233. -moz-transform: scale(1.7, .3);
  234. -o-transform: scale(1.7, .3);
  235. -ms-transform: scale(1.7, .3);
  236. height: 0px;
  237. border-right: 4px solid {color:link};
  238. border-bottom: 17px solid transparent;
  239. border-left: 4px solid transparent;
  240. border-top: 17px solid transparent;
  241. }
  242.  
  243. askk{
  244. color: {color:Title};
  245. letter-spacing:1px;
  246. text-transform:uppercase;
  247. z-index:1;
  248. text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  249. }
  250.  
  251. ::selection{
  252. color: {color:text highlight color};
  253. background: {color:text highlight background};
  254. }
  255.  
  256. ::-moz-selection{
  257. color: {color:text highlight color};
  258. background: {color:text highlight background};
  259. }
  260.  
  261. #tara{width:100%;height:100px;background-image: linear-gradient(bottom, {color:link} 0%, transparent 100%); background-image: -o-linear-gradient(bottom, {color:link} 0%, transparent 100%); background-image: -moz-linear-gradient(bottom, {color:link} 0%, transparent 100%); background-image: -webkit-linear-gradient(bottom, {color:link} 0%, transparent 100%); background-image: -ms-linear-gradient(bottom, {color:link} 0% transparent 100%);bottom:0px;left:0px;position:fixed;}
  262.  
  263. ::-webkit-scrollbar{
  264. width: 8px;
  265. height: 4px;
  266. background: transparent;
  267. border-left: 0px solid #eee;
  268. border-bottom: 0px solid white
  269. }
  270.  
  271. ::-webkit-scrollbar-thumb{
  272. background: {color:scrollbar};
  273. border: 1px solid white;
  274. border-radius: 5px
  275. }
  276.  
  277. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  278.  
  279. #audio {
  280. width:200px;
  281. height:auto;
  282. min-height:60px;
  283. padding-bottom:0px;
  284. }
  285. .cover {
  286. position:absolute;
  287. z-index:1;
  288. width:60px;
  289. height:60px;
  290. }
  291. .cover img {
  292. float:left;
  293. width:60px;
  294. height:60px;
  295. }
  296. .playbox {
  297. opacity:0;
  298. width:27px;
  299. height:30px;
  300. overflow:hidden;
  301. position:absolute;
  302. z-index:1000;
  303. margin-left:17px;
  304. margin-top:17px;
  305. text-align:center;
  306. -webkit-transition: all 0.5s ease-out;
  307. -moz-transition: all 0.5s ease-out;
  308. transition: all 0.5s ease-out;
  309. }
  310. .entry:hover .playbox{
  311. opacity:0.6;
  312. }
  313. .info {
  314. margin-left:73px;
  315. margin-top:4px;
  316. line-height:14px;
  317. }
  318.  
  319. .cc{
  320. margin: 0 0 10px 0;
  321. color:#aaa;
  322. }
  323. .cc .c1{
  324. margin-left: 0px;
  325. }
  326. .cc .c1 .c2{
  327. background:#f9f9f9;
  328. border:1px solid #f3f3f3;
  329. margin-bottom: 4px;
  330. border-radius:3px;
  331. padding: 0px 7px;
  332. line-height: 18px;
  333. }
  334. .cc b{
  335. color: #aaa;
  336. background: #f9f9f9;
  337. padding: 5px;
  338. margin: 0 0 0 -5px;
  339. text-transform: uppercase;
  340. }
  341. .c1 a, .c2 a{
  342. color: #aaa;
  343. }
  344.  
  345. iframe#tumblr_controls{
  346. right:2px !important;
  347. position: fixed !important;
  348. -webkit-transition: opacity 0.7s linear;
  349. opacity: 0.6;
  350. -webkit-filter:invert(100%);
  351. -webkit-transition: all 0.8s ease-out;
  352. -moz-transition: all 0.8s ease-out;
  353. transition: all 0.8s ease-out;
  354. }
  355.  
  356. iframe#tumblr_controls:hover{
  357. -webkit-transition: opacity 0.7s linear;
  358. opacity: 0.8;
  359. -webkit-transition: all 0.4s ease-out;
  360. -moz-transition: all 0.4s ease-out;
  361. transition: all 0.4s ease-out;
  362. }
  363.  
  364.  
  365.  
  366.  
  367. body{
  368. padding: 0px;
  369. margin: 0px;
  370. color:{color:text};
  371. font-family: calibri;
  372. line-height:12px;
  373. font-size:10px;
  374. background-color: {color:Background};
  375. background-image:url({image:Background});
  376. background-attachment: fixed;
  377. background-repeat: repeat;
  378. }
  379.  
  380.  
  381. a:link, a:active, a:visited{
  382. text-decoration: none;
  383. -webkit-transition: all 0.6s ease-out;
  384. -moz-transition: all 0.6s ease-out;
  385. transition: all 0.6s ease-out;
  386. color:{color:link};
  387. }
  388.  
  389. a:hover {
  390. text-decoration: none;
  391. color: {color:hover};
  392. }
  393.  
  394. div#center{
  395. margin:auto;
  396. position:relative;
  397. width:1000px;
  398. background-color:;
  399. overflow:auto;
  400. overflow-y:hidden;
  401. }
  402.  
  403. .entry{
  404. float:left;
  405. display: block;
  406. margin:16px;
  407. padding:14px;
  408. padding-bottom:12px;
  409. overflow:hidden;
  410. width:200px;
  411. border:1px solid #eee;
  412. border-radius:10px;
  413. {block:PermalinkPage}
  414. width:450px;
  415. text-align:left;
  416. {/block:PermalinkPage}
  417. background:white;
  418. background-image:URL();
  419. }
  420.  
  421. .entry img{
  422. border-radius:5px;
  423. opacity:0.75;
  424. -webkit-transition: all .7s ease;
  425. -moz-transition: all .7s ease;
  426. -o-transition: all .7s ease;
  427. transition: all .7s ease;
  428. }
  429.  
  430. .entry:hover img{
  431. opacity:1;
  432. -webkit-transition: all .7s ease;
  433. -moz-transition: all .7s ease;
  434. -o-transition: all .7s ease;
  435. transition: all .7s ease;
  436. }
  437.  
  438. .LikeButton{
  439. position:absolute;
  440. float:left;
  441. margin-top:5px;
  442. margin-left:5px;
  443. z-index:9999;
  444. background:white;
  445. border-radius:100%;
  446. padding:6px;
  447. height: 18px;
  448. width:18px;
  449. opacity:0;
  450. box-shadow: 0 0 5px rgba(0,0,0,.03);
  451. border:1px solid #ddd;
  452. -webkit-transition: all .7s ease;
  453. -moz-transition: all .7s ease;
  454. -o-transition: all .7s ease;
  455. transition: all .7s ease;
  456. }
  457. .entry:hover .LikeButton{
  458. opacity:1;
  459. -webkit-animation: yoo 1s;
  460. }
  461.  
  462. .ReblogButton{
  463. position:absolute;
  464. float:left;
  465. z-index:9999;
  466. background:white;
  467. border-radius:100%;
  468. padding:6px;
  469. height: 18px;
  470. width:18px;
  471. margin-top:5px;
  472. margin-left:40px;
  473. opacity:0;
  474. box-shadow: 0 0 5px rgba(0,0,0,.03);
  475. border:1px solid #ddd;
  476. -webkit-transition: all .7s ease;
  477. -moz-transition: all .7s ease;
  478. -o-transition: all .7s ease;
  479. transition: all .7s ease;
  480. }
  481. .entry:hover .ReblogButton{
  482. opacity:1;
  483. -webkit-animation: yoo 1.2s;
  484. }
  485.  
  486. @font-face{font-family: "symbols";src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf'); }
  487.  
  488. .nota{
  489. position:absolute;
  490. float:left;
  491. z-index:9999;
  492. background:white;
  493. border-radius:100%;
  494. padding:6px;
  495. height: 18px;
  496. font-size:14px;
  497. line-height:16px;
  498. width:18px;
  499. bottom:20px;
  500. margin-left:162px;
  501. font-family:symbols;
  502. opacity:0;
  503. box-shadow: 0 0 5px rgba(0,0,0,.03);
  504. border:1px solid #ddd;
  505. color:#ccc;
  506. -webkit-transition: all .7s ease;
  507. -moz-transition: all .7s ease;
  508. -o-transition: all .7s ease;
  509. transition: all .7s ease;
  510. }
  511.  
  512. .nota a{
  513. color:#ccc;
  514. }
  515.  
  516. .nota a:hover{
  517. text-shadow: 0 0 0px transparent;
  518. }
  519.  
  520. .entry:hover .nota{
  521. opacity:1;
  522. -webkit-animation: yoo 1.4s;
  523. }
  524.  
  525. #posts{
  526. width:790px;
  527. margin-top:1px;
  528. z-index:99;
  529. margin-left:150px;
  530. right:auto;
  531. background:transparent;
  532. margin-right:auto;
  533. position:relative;
  534. overflow-y: hidden;
  535. }
  536.  
  537. #sidebar{
  538. position:fixed !important;
  539. width:170px;
  540. background:white;
  541. height:257px;
  542. top:120px;
  543. left:60px;
  544. text-align:center;
  545. border:1px solid #eee;
  546. border-radius:10px;
  547. padding:14px;
  548. z-index:9999;
  549. overflow:hidden;
  550. }
  551.  
  552. .pic{
  553. overflow:hidden;
  554. -o-transition-transition: all 0.9s ease;
  555. -webkit-transition: all 0.9s ease;
  556. -moz-transition: all 0.9s ease;
  557. transition: all 0.9s ease;
  558. }
  559.  
  560. .pic img{
  561. border-radius:5px;
  562. }
  563.  
  564. #sidebar:hover .pic{
  565. opacity:0;
  566. margin-top:300px;
  567. -o-transition-transition: all 0.9s ease;
  568. -webkit-transition: all 0.9s ease;
  569. -moz-transition: all 0.9s ease;
  570. transition: all 0.9s ease;
  571. }
  572.  
  573. #blogtitle{
  574. position:fixed;
  575. top:30px;
  576. left:30px;
  577. font-family:pacifico;
  578. font-size:50px;
  579. line-height:50px;
  580. color:white;
  581. background:transparent;
  582. text-transform:none;
  583. letter-spacing:0px;
  584. z-index:9999;
  585. text-shadow:-1px 0 #aaa, 0 2px #aaa, 2px 0 #aaa, 0 -1px #aaa;
  586. }
  587.  
  588. @font-face{font-family:Pacifico;src:url(http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf);}
  589.  
  590. .desc{
  591. width:90px;
  592. height:90px;
  593. overflow:hiden;
  594. word-wrap:break-word;
  595. padding:10px;
  596. padding-top:12px;
  597. padding-bottom:8px;
  598. margin-top:5px;
  599. border-radius:100%;
  600. background:white;
  601. box-shadow: 0 0 5px rgba(0,0,0,.03);
  602. border:1px solid #ddd;
  603. }
  604.  
  605. .nav{
  606. }
  607.  
  608. .nav a{
  609. border-radius:100%;
  610. background:white;
  611. box-shadow: 0 0 5px rgba(0,0,0,.03);
  612. border:1px solid #ddd;
  613. padding:2px;
  614. height:25px;
  615. width:25px;
  616. display:inline-block;
  617. margin-top:5px;
  618. margin-left:4px;
  619. }
  620.  
  621. .nav a:hover{
  622. -ms-transform: rotate(-360deg);
  623. -webkit-transform: rotate(-360deg);
  624. transform: rotate(-360deg);
  625. -webkit-animation: yo .8s;
  626. }
  627.  
  628. .swirl{
  629. opacity:0.5;
  630. margin-left:-8px;
  631. }
  632.  
  633. @-webkit-keyframes yo{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
  634.  
  635. @-webkit-keyframes yoo{0% {-webkit-transform: scale(.4);}50% {-webkit-transform: scale(1.1);} 70%{-webkit-transform: scale(.8);} 100% {-webkit-transform: scale(1);}}
  636.  
  637. #sookie{
  638. position:fixed;
  639. height:259px;
  640. width:170px;
  641. background-image:url(http://static.tumblr.com/9dpvrik/cK1n8rjgv/gray_wood_bg_2.jpg);
  642. top:134px;
  643. left:75px;
  644. border-radius:5px;
  645. opacity:0;
  646. box-shadow: 0 0 1px #888;
  647. -ms-transform: scale(1.25);
  648. -webkit-transform: scale(1.25);
  649. transform: scale(1.25);
  650. -o-transition-transition: all 0.9s ease;
  651. -webkit-transition: all 0.9s ease;
  652. -moz-transition: all 0.9s ease;
  653. transition: all 0.9s ease;
  654. }
  655.  
  656. #sidebar:hover #sookie{
  657. opacity:1;
  658. -ms-transform: scale(1);
  659. -webkit-transform: scale(1);
  660. transform: scale(1);
  661. -o-transition-transition: all 0.9s ease;
  662. -webkit-transition: all 0.9s ease;
  663. -moz-transition: all 0.9s ease;
  664. transition: all 0.9s ease;
  665. }
  666.  
  667. .title{
  668. color:{color:Title};
  669. font-weight: normal;
  670. font-size: 10px;
  671. line-height: 12px;
  672. text-transform:uppercase;
  673. letter-spacing:1px;
  674. }
  675.  
  676. .permalink{
  677. text-transform: uppercase;
  678. display: block;
  679. text-align: right;
  680. text-decoration: none;
  681. font-size: 8px;
  682. font-family:calibri;
  683. line-height:10px;
  684. letter-spacing:1px;
  685. margin: 2px;
  686. padding:2px;
  687. background:{color:link};
  688. color:white;
  689. margin-bottom:-5px;
  690. margin-top:5px;
  691. margin-left:-14px;
  692. margin-right:-14px;
  693. {block:permalinkpage}
  694. display:none;
  695. {/block:permalinkpage}
  696. }
  697.  
  698. .permalink a{
  699. color:white;
  700. }
  701.  
  702. .permalink a:hover{
  703. text-shadow: 0 0 2px white;
  704. }
  705.  
  706. #infscr-loading{
  707. bottom: -70px;
  708. position: absolute;
  709. left: 50%;
  710. margin-left:-8px;
  711. width:16px;
  712. height:11px;
  713. overflow:hidden;
  714. margin-bottom: 50px;
  715. }
  716.  
  717. #javascript-scroll{
  718. position:fixed;
  719. -webkit-filter: invert(100%);
  720. opacity: 0.7;
  721. top:27px;
  722. right:5px;
  723. height:auto;
  724. text-transform:uppercase;
  725. background: transparent;
  726. width:auto;
  727. z-index: 9999;
  728. border-radius: 5px;
  729. }
  730.  
  731. #postnotes{
  732. text-align: justify;
  733. line-height:20px;
  734. }
  735.  
  736. #postnotes blockquote{
  737. border: 0px;
  738. }
  739.  
  740. #postnotes img{
  741. padding-right:3px;
  742. }
  743.  
  744. blockquote{
  745. padding:0px 0px 2px 5px;
  746. margin:0px 0px 2px 10px;
  747. border-left: 2px solid #ddd;
  748. }
  749.  
  750. blockquote p, ul{
  751. margin:0px;
  752. padding:0px;
  753. }
  754.  
  755. a img{
  756. border: 0px;
  757. }
  758.  
  759.  
  760. ul{
  761. list-style-type:disk;
  762. margin-left:10px;
  763. padding-left:10px;
  764. }
  765.  
  766. ol{
  767. list-style-type:decimal;
  768. margin-left:15px;
  769. padding:0px;
  770. }
  771.  
  772. li{
  773. list-style:number;
  774. }
  775.  
  776. #kt{
  777. display:inline-block;
  778. position:fixed;
  779. opacity: 1;
  780. font-family: calibri;
  781. font-size: 10px;
  782. bottom:30px;
  783. left:0px;
  784. padding: 8px;
  785. height:auto;
  786. line-height:8px;
  787. background: white;
  788. width:52px;
  789.  
  790. text-transform:uppercase;
  791. width:68px;
  792.  
  793. border: 1px solid #eee;
  794. -o-transition-transition: all 0.9s ease;
  795. -webkit-transition: all 0.9s ease;
  796. -moz-transition: all 0.9s ease;
  797. transition: all 0.9s ease;
  798. }#kt:hover{
  799. opacity:1;
  800. -o-transition-transition: all 0.9s ease;
  801. -webkit-transition: all 0.9s ease;
  802. -moz-transition: all 0.9s ease;
  803. transition: all 0.9s ease;
  804. }
  805. #kt a:hover{
  806. text-shadow: 0 0 1px white;
  807. color:#aaaaaa;
  808. text-decoration:none;
  809. }
  810. #tk{
  811. display:none;
  812. }
  813. #tk a:hover{
  814. color:#ccbbef;
  815. text-shadow:0 0 1px white;
  816. text-decoration:none;
  817. }
  818.  
  819.  
  820.  
  821. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  822. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  823.  
  824. .notes img{width:10px; position:relative; top:3px;}
  825. <--ses-->
  826. small{font-size: 90%;}
  827.  
  828. {CustomCSS}
  829.  
  830. </style>
  831.  
  832. <script src="jquery.js"></script>
  833. <script>
  834. $(document).ready(function(){
  835. $(".cli1").click(function(){
  836. $(".show1").slideToggle("medium");
  837. });
  838. });
  839. </script>
  840.  
  841. <script src="jquery.js"></script>
  842. <script>
  843. $(document).ready(function(){
  844. $(".cli2").click(function(){
  845. $(".show2").slideToggle("medium");
  846. });
  847. });
  848. </script>
  849.  
  850. <script src="jquery.js"></script>
  851. <script>
  852. $(document).ready(function(){
  853. $("#kt").click(function(){
  854. $("#tk").slideToggle("medium");
  855. });
  856. });
  857. </script>
  858.  
  859. <script src="jquery.js"></script>
  860. <script>
  861. $(document).ready(function(){
  862. $(".cli3").click(function(){
  863. $(".show3").slideToggle("medium");
  864. });
  865. });
  866. </script>
  867.  
  868.  
  869.  
  870. {block:IndexPage}
  871. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  872. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  873.  
  874. <script type="text/javascript">
  875. $(window).load(function(){
  876. var $wall = $('#posts');
  877. $wall.imagesLoaded(function(){
  878. $wall.masonry({
  879. itemSelector: '.entry, .entry_photo',
  880. isAnimated : false
  881. });
  882. });
  883.  
  884. $wall.infinitescroll({
  885. navSelector : '#pagination',
  886. nextSelector : '#pagination a',
  887. itemSelector : '.entry, .entry_photo',
  888. bufferPx : 2000,
  889. debug : false,
  890. errorCallback: function() {
  891. $('#infscr-loading').fadeOut('normal');
  892. }},
  893. function( newElements ) {
  894. var $newElems = $( newElements );
  895. $newElems.hide();
  896. $newElems.imagesLoaded(function(){
  897. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  898. });
  899. }); $('#posts').show(500);
  900. });
  901. </script>
  902.  
  903.  
  904. {/block:IndexPage}
  905.  
  906.  
  907. <title>{title}</title>
  908.  
  909. <script type="text/javascript">
  910. // <![CDATA[
  911. var bgcolour="#ffffff"; // background colour
  912. var fgcolour="{color:link}"; // foreground colour
  913. var speed=100; // speed of bubbling, lower is faster
  914. var shades=10; // number of shades of bubble
  915.  
  916. /****************************
  917. * Bubbling Text Effect *
  918. *(c) 2003-6 mf2fm web-design*
  919. * http://www.mf2fm.com/rv *
  920. * DON'T EDIT BELOW THIS BOX *
  921. ****************************/
  922. var bubbcol=new Array();
  923. var bubbler, bubbtxt;
  924. var bubbchr=new Array();
  925. window.onload=function() { if (document.getElementById) {
  926. for (bubbler=0; bubbler<=shades; bubbler++) {
  927. bubbtxt="#";
  928. for (var i=1; i<6; i+=2) {
  929. var bg=parseInt(bgcolour.substring(i,i+2),16);
  930. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  931. }
  932. bubbcol[bubbler+1]=bubbtxt;
  933. }
  934. bubbler=document.getElementById("bubble");
  935. bubbtxt=bubbler.firstChild.nodeValue;
  936. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  937. for (var i=0; i<bubbtxt.length; i++) {
  938. var bubbi=document.createElement("span");
  939. bubbi.setAttribute("id", "bubb"+i);
  940. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  941. bubbler.appendChild(bubbi);
  942. }
  943. bubbler=setInterval ("bubbling()", speed);
  944. }}
  945.  
  946. function dechex(dec) {
  947. var hex=dec.toString(16);
  948. if (dec<16) return "0"+hex;
  949. else return hex;
  950. }
  951.  
  952. function bubbling() {
  953. for (var i=0; i<bubbtxt.length; i++) {
  954. var bubbme=document.getElementById("bubb"+i);
  955. if (bubbchr[i]) {
  956. bubbme.style.color=bubbcol[bubbchr[i]];
  957. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  958. }
  959. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  960. }
  961. }
  962. // ]]>
  963. </script>
  964.  
  965.  
  966.  
  967.  
  968.  
  969. <link rel="shortcut icon" href="{Favicon}" />
  970.  
  971. <!--replace {Favicon} with the url of the favicon you want! -->
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979. <meta name="viewport" content="width=820" />
  980. </head>
  981.  
  982. <body onkeydown="return false">
  983.  
  984. {block:ifupdatestabs}
  985.  
  986. <!-- ************* EDIT TAB CONTENT HERE ************* --->
  987.  
  988. <div id="tabs">
  989.  
  990. <div class="tab1"><center>
  991. <div class="cli1"><up>+ <a taget="blank">{text:tab one title}</a></up></div></center>
  992. <div class="show1"><lh><br></lh>{text:tab one content}</div>
  993. </div></br>
  994.  
  995.  
  996. <div class="tab2">
  997. <center>
  998. <div class="cli2"><up>+ <a taget="blank">{text:tab two title}</a></up></div></center>
  999. <div class="show2"><lh><br></lh>{text:tab two content}</div>
  1000. </div></br>
  1001.  
  1002.  
  1003. <div class="tab3">
  1004. <center>
  1005. <div class="cli3"><up>+ <a taget="blank">{text:tab three title}</a></up></div></center>
  1006. <div class="show3"><lh><br></lh>{text:tab three content}</div>
  1007. </div>
  1008.  
  1009. </div>
  1010. <!-- ************* TAB CONTENT ENDS HERE ************* -->
  1011.  
  1012. {/block:ifupdatestabs}
  1013.  
  1014. <div class="wrapper">
  1015. <div class="header">
  1016. </div><div id="tara"></div>
  1017.  
  1018. <div id="cage">
  1019. <div id="center">
  1020.  
  1021.  
  1022. <div id="blogtitle"><span id="bubble">{text:blogtitle}</span></div>
  1023.  
  1024. <div id="sidebar">
  1025. <center>
  1026. <div class="pic"><a href="/"><img src="{image:sidebar}" width=100% height="257"></a></div>
  1027. <div id="sookie">
  1028. <div class="desc">{description}</div>
  1029. <div class="nav">
  1030.  
  1031. <a href="{text:link one}" title="{text:link one title}"><img src="http://static.tumblr.com/qui65qo/BTamiyzdj/home.png" style="width:25px; opacity:0.2;"></a>
  1032.  
  1033. <a href="{text:link two}" title="{text:link two title}"><img src="http://static.tumblr.com/qui65qo/Cxemiyzqm/message.png" style="width:25px; opacity:0.2;"></a>
  1034.  
  1035. <a href="{text:link three}" title="{text:link three title}"><img src="http://static.tumblr.com/qui65qo/2HYmiyzyo/link.png" style="width:25px; opacity:0.2;"></a>
  1036.  
  1037. <a href="{text:link four}" title="{text:link four title}"><img src="http://static.tumblr.com/qui65qo/h6Umiyztp/star.png" style="width:25px; opacity:0.2;"></a>
  1038.  
  1039. <div class="swirl"><img src="http://static.tumblr.com/9dpvrik/lnTnarqb6/swirl_stolen_from_precluding_transparent.png" width="165" height="105" /></div>
  1040.  
  1041. </div>
  1042. </div>
  1043. </center>
  1044. </div>
  1045.  
  1046.  
  1047. <div class="left">
  1048. <div id="posts">
  1049. {block:Posts}
  1050. <div class="entry">
  1051.  
  1052. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}{Body}<span class="permalink">
  1053. {Month} {DayofMonth}{DayofMonthSuffix} with <a href="{permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1054. {/block:Text}
  1055.  
  1056. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description} <span
  1057. class="permalink"> {Month} {DayofMonth}{DayofMonthSuffix} with <a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1058.  
  1059. {block:Photo}
  1060. {block:IndexPage}
  1061. <center>
  1062.  
  1063. <ul class="LikeButton">
  1064. {LikeButton color="gray" size=17}
  1065. </ul>
  1066. <ul class="ReblogButton">
  1067. {ReblogButton color="gray" size=17}
  1068. </ul>
  1069. <div class="nota"><a title="{notecountwithlabel}" href={permalink}>K</a></div>
  1070.  
  1071. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1072. {/block:IndexPage}
  1073. {block:PermalinkPage}
  1074. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1075.  
  1076. {LinkCloseTag}
  1077. {/block:PermalinkPage}
  1078. {/block:Photo}
  1079.  
  1080. {block:Photoset}
  1081. {block:IndexPage}
  1082. <center>
  1083.  
  1084. <div class="perma">
  1085. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1086.  
  1087. {Photoset-250}</center>
  1088. {/block:IndexPage}
  1089. {block:PermalinkPage}
  1090. <center>
  1091. {Photoset-500}</center>
  1092. {/block:PermalinkPage}
  1093. {/block:Photoset}
  1094.  
  1095. {block:Quote}<span class="title">❝ {Quote} ❞</span></br></br> — {block:Source}<b>{Source}</b>{/block:Source}<br><span class="permalink">{Month} {DayofMonth}{DayofMonthSuffix} with <a
  1096.  
  1097. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1098.  
  1099. </a>{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1100. <div class="cc">
  1101. <div class="c1">
  1102. {Block:Lines}
  1103. <div class="c2 {Alt}">
  1104. {Block:Label}
  1105. <span> {Label} </span>
  1106. {/Block:Label}
  1107. {Line} </div>
  1108. {/Block:Lines}
  1109. </div></div>
  1110. <span class="permalink">{Month} {DayofMonth}{DayofMonthSuffix} with <a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1111. {/block:Chat}
  1112.  
  1113.  
  1114. {block:Audio}
  1115. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  1116. {block:IndexPage}
  1117. <div class="permalink">
  1118. {Month} {DayofMonth}{DayofMonthSuffix} with <a href="{permalink}">{notecountwithlabel}</a>
  1119. </div>
  1120. {/block:IndexPage}
  1121. {/block:Audio}
  1122.  
  1123. {block:Video}
  1124. {block:IndexPage}
  1125. <center>
  1126.  
  1127. <!--
  1128. <div class="jkperma">
  1129. posted {timeago} / {dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix} <br> with <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank"> steal this post</a></div>
  1130. -->
  1131.  
  1132. <div class="perma">
  1133. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1134. {Video-250}</center>
  1135. {/block:IndexPage}
  1136. {block:PermalinkPage}
  1137. <center>
  1138. {Video-400}</center>
  1139. {/block:PermalinkPage}
  1140. {block:Video}
  1141.  
  1142. {block:Answer}
  1143. <img src="{AskerPortraitURL-30}" width="35" align="left" style=" margin-left:-6px; margin-right:3px; margin-top:-6px; padding:4px; border-radius:100%; border: 1px solid #eee; -webkit-filter:grayscale(100%); background:#f9f9f9" />
  1144. <div style="margin-top:2px;margin-left:5px;border-radius:3px;margin-bottom:0px;min-height:0px; padding: 4px; background-color:#f9f9f9;border:1px solid #f2f2f2; text-transform:normal; font-size:10px; font-family: calibri;">
  1145. <askk>{asker}:</askk> {Question}</div>
  1146. <div style="margin-top:20px; line-height:11px;margin-bottom:4px; text-transform:normal; font-size:10px; font-family: calibri;background: transparent; text-align:left;">{Answer}</div>
  1147.  
  1148. {block:IndexPage}
  1149. <div class="permalink">
  1150. {Month} {DayOfMonth}{DayOfMonthSuffix} with <a target="_blank" href="{permalink}">{notecountwithlabel}</a>
  1151. </div>
  1152. {/block:indexpage}
  1153. {/block:Answer}
  1154.  
  1155. {block:PostNotes}<div align="middle"></br></br>{caption}</div></br></br>
  1156. <center>
  1157. {block:RebloggedFrom}
  1158. <b>posted</b> at {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} with {notecountwithlabel}</br></br>
  1159.  
  1160. <b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}</br>
  1161.  
  1162.  
  1163.  
  1164. {block:HasTags}
  1165. <b>tags:</b> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}</br></br>
  1166.  
  1167. </center></span>
  1168. <br>
  1169. <div id="postnotes">{PostNotes}</div><br>
  1170.  
  1171.  
  1172. {/block:PostNotes}
  1173. </div>
  1174. {/block:Posts}
  1175. </div></div>
  1176.  
  1177. {block:IndexPage}
  1178. {block:Pagination}
  1179. <div id="pagination">
  1180. {block:NextPage}
  1181. <a id="nextPage" href="{NextPage}"></a>
  1182. {/block:NextPage}
  1183. {block:PreviousPage}
  1184. <a href="{PreviousPage}"></a>
  1185. {/block:PreviousPage}
  1186. </div>
  1187. {/block:Pagination}
  1188. {/block:IndexPage}
  1189.  
  1190. <div id="javascript-scroll"><a target="blank" href="http://www.precluding.tumblr.com"><img src="http://i50.tinypic.com/3325qp0.png"></a></div>
  1191.  
  1192.  
  1193. <div id="kt"><center>+ <a title="click" target="blank">theme credit</a></center>
  1194. <div id="tk"><br><center><a title="theme by precluding" target="blank" href="http://precluding.tumblr.com"><b>precluding</b></a></center></div></div>
  1195.  
  1196. </body>
  1197. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement