API tools faq
paste
Fucking_Aj

Theme 27 - "Best of Me" by Overkilled ** FIXED **

Fucking_Aj
May 4th, 2014
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.91 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. ▒█▀▀▀█ ▀█░█▀ █▀▀ █▀▀█ █░█ ░▀░ █░░ █░░ █▀▀ █▀▀▄
  5. ▒█░░▒█ ░█▄█░ █▀▀ █▄▄▀ █▀▄ ▀█▀ █░░ █░░ █▀▀ █░░█
  6. ▒█▄▄▄█ ░░▀░░ ▀▀▀ ▀░▀▀ ▀░▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀░
  7.  
  8. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ 　 █▀█ █▀█ 　 █
  9. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ 　 ░▄▀ ░▄▀ 　 ▀
  10. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ 　 █▄▄ █▄▄ 　 ▄
  11. keep credit (✿◠‿◠) @Overkilled.tumblr.com/tagged/themes !1!
  12. -->
  13.  
  14. <html lang="en">
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:30,
  26. tip_fade_speed:600,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32. </script>
  33. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  34. <script type="text/javascript">
  35. $(document).ready(function(){
  36. $(".links_body").hide();
  37. $(".links_head").click(function(){
  38. $(this).next(".links_body").slideToggle('fast');
  39. }); }); </script>
  40. <style type="text/css">
  41. .links_list { margin:0px; padding:0px; width:100%;background:white;margin-top:auto; margin-left:-4px;}
  42. .links_head { padding-top:3px; padding-bottom:2px; cursor:pointer; position:relative; margin:1px; text-align:center;background:white;}
  43. .links_body { padding:5px; text-align:left; display:none;background:white; }
  44. </style>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  52. <meta name="color:background" content="#fff"/>
  53. <meta name="color:link" content="#777"/>
  54. <meta name="color:text" content="#777"/>
  55. <meta name="color:title" content="#333"/>
  56. <meta name="color:hover" content="#fff"/>
  57. <meta name="color:navi" content="#be719d"/>
  58. <meta name="image:sidebar" content="1"/>
  59. <meta name="color:blogtitle" content="#be719d"/>
  60. <meta name="image:background" content="1"/>
  61. <meta name="image:favicon" content="1"/>
  62. <meta name="text:name" content="Alice" />
  63. <meta name="text:Link one" content="" />
  64. <meta name="text:Link two" content="" />
  65. <meta name="text:Link three" content="" />
  66. <meta name="text:Link four" content="link" />
  67. <meta name="text:Link one text" content="link" />
  68. <meta name="text:Link two text" content="link" />
  69. <meta name="text:Link three text" content="link" />
  70. <meta name="text:Link four text" content="link" />
  71. <meta name="text:Link one msg" content="message" />
  72. <meta name="text:Link Two msg" content="message" />
  73. <meta name="text:Link three msg" content="message" />
  74. <meta name="text:Link Four msg" content="message" />
  75. <meta name="if:onecolumn" content="1" />
  76. <meta name="if:panda" content="0" />
  77. <style type="text/css">
  78.  
  79. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  80.  
  81. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  82.  
  83. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  84. ::-webkit-scrollbar-thumb{ background-color:{color:blogtitle}; border:2px solid {color:blogtitle}; height:auto; -moz-border-radius:10px; border-radius:10px;}
  85.  
  86. ::-webkit-scrollbar{ height:9px; width:5px; background-color:{color:blogtitle}; border:2px solid #fff;}
  87. p {
  88. margin:0px;
  89. margin-top:0px;
  90. }
  91. ::selection {
  92. background:{color:navi};
  93. color: #fff;
  94. }
  95.  
  96. ::-moz-selection {
  97. background:{color:navi};
  98. color: #fff;}
  99. name{
  100. font-family:formal;
  101. font-size:18px;
  102. line-height:21px;
  103. }
  104. body {
  105. padding: 0px;
  106. margin: 0px;
  107. color:{color:text};
  108. font-family: calibri;
  109. line-height:14px;
  110. font-size:11px;
  111. background-color: {color:Background};
  112. background-image:url({image:background});
  113. background-attachment: fixed;
  114. background-repeat: repeat;
  115. }
  116. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  117.  
  118. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  119.  
  120. a:link, a:active, a:visited{
  121. text-decoration: none;
  122. text-shadow:10px 0px transparent, -10px 0px transparent;
  123. -webkit-transition: color 0.3s ease-out;
  124. -moz-transition: color 0.3s ease-out;
  125. transition: color 0.3s ease-out;
  126. color:{color:link};
  127. }
  128.  
  129. a:hover {
  130. text-decoration:line-through;
  131. text-shadow:0px 0px {color:link}, 0px 0px {color:link};
  132. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  133. -webkit-transition: color 0.3s ease-out;
  134. -moz-transition: color 0.3s ease-out;
  135. transition: color 0.3s ease-out;
  136. }
  137.  
  138. div#center{
  139. margin:auto;
  140. position:relative;
  141. width:1000px;
  142. background-color:;
  143. overflow:auto;
  144. overflow-y:hidden;
  145. }
  146.  
  147. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  148. .entry {
  149. float:left;
  150. display: block;
  151. margin:1%;
  152. overflow:hidden;
  153. width:200px;
  154. {block:ifonecolumn}
  155. width:420px;
  156. {/block:ifonecolumn}
  157. {block:PermalinkPage}
  158. width:450px;
  159. text-align:left;
  160. line-height:13px;
  161. {/block:PermalinkPage}
  162. background:white;
  163. background-image:URL();
  164. border:1px solid #f2f2f2;
  165. padding:16px;
  166. outline-offset:-11px;
  167. outline:1px solid #e1e1e1;
  168. -webkit-transition: all .7s ease;
  169. -moz-transition: all .7s ease;
  170. -o-transition: all .7s ease;
  171. transition: all .7s ease;
  172. }
  173.  
  174. .entry:hover{
  175. -webkit-transition: all .7s ease;
  176. -moz-transition: all .7s ease;
  177. -o-transition: all .7s ease;
  178. transition: all .7s ease;
  179. }
  180. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  181. .entry .perma{
  182. width:auto;
  183. height:auto;
  184. margin-left:3px;
  185. position: absolute;
  186. overflow:hidden;
  187. text-align:center;
  188. bottom:6px;
  189. font-family:consolas;
  190. background:white;
  191. word-spacing:2px;
  192. letter-spacing:1px;
  193. opacity: 0.0;
  194. padding:3px;
  195. padding-bottom:1px;
  196. border-right:4px solid {color:nav};
  197. border-left:4px solid {color:nav};
  198. border-radius:5px;
  199. -webkit-transition: all .7s ease;
  200. -moz-transition: all .7s ease;
  201. -o-transition: all .7s ease;
  202. transition: all .7s ease;
  203. z-index:9;
  204.  
  205. -webkit-box-shadow: 0px 0px 20px #fff;
  206. -moz-box-shadow: 0px 0px 20px #fff;
  207. box-shadow: 0px 0px 20px #fff;
  208. }
  209.  
  210. .entry:hover .perma{
  211. overflow:visible;
  212. opacity:999; transform: scale(1.05);
  213. -ms-transform: scale(1.05);
  214. -webkit-transform: scale(1.05);
  215. -o-transform: scale(1.05);
  216. -moz-transform: scale(1.05);
  217. -webkit-box-shadow: 0px 0px 20px #fff;
  218. -moz-box-shadow: 0px 0px 20px #fff;
  219. box-shadow: 0px 0px 20px #fff;
  220. }
  221. .LikeButton{
  222.  
  223. position:absolute;
  224. float:left;
  225. top:25px;
  226. left:78px;
  227. z-index:9999;
  228. background:white;
  229. height: 16px;
  230. width:15px;
  231. opacity:0;
  232. border-radius:0px;
  233. padding:14px;
  234. padding-right:20px;
  235. border:1px solid #e1e1e1;
  236. -o-transition-transition: all 0.5s ease;
  237. -webkit-transition: all 0.5s ease;
  238. -moz-transition: all 0.5s ease;
  239. transition: all 0.5s ease;
  240.  
  241. }
  242. .entry:hover .LikeButton{
  243. opacity:.9;
  244.  
  245. top:24px;
  246. left:18px;
  247. -o-transition-transition: all 0.5s ease;
  248. -webkit-transition: all 0.5s ease;
  249. -moz-transition: all 0.5s ease;
  250. transition: all 0.5s ease;
  251.  
  252. }
  253.  
  254. .ReblogButton{
  255. position:absolute;
  256. float:left;
  257. z-index:9999;
  258.  
  259. padding:5px;
  260.  
  261. top:25px;
  262. left:78px;
  263. opacity:0;
  264. background:white;
  265. height: 15px;
  266. width:15px;
  267. opacity:0;
  268. border-radius:0px;
  269. padding:14px;
  270. padding-right:20px;
  271. border:1px solid #e1e1e1;
  272. -o-transition-transition: all 0.5s ease;
  273. -webkit-transition: all 0.5s ease;
  274. -moz-transition: all 0.5s ease;
  275. transition: all 0.5s ease;
  276. }
  277. .entry:hover .ReblogButton{
  278. opacity:.9;
  279. top:70px;
  280. left:18px;
  281.  
  282. -o-transition-transition: all 0.5s ease;
  283. -webkit-transition: all 0.5s ease;
  284. -moz-transition: all 0.5s ease;
  285. transition: all 0.5s ease;
  286.  
  287. }
  288. .LikeButton:hover{
  289.  
  290. -o-transition-transition: all 0.5s ease;
  291. -webkit-transition: all 0.5s ease;
  292. -moz-transition: all 0.5s ease;
  293. transition: all 0.5s ease;
  294. }
  295. .ReblogButton:hover{
  296.  
  297. -o-transition-transition: all 0.5s ease;
  298. -moz-transition: all 0.5s ease;
  299. transition: all 0.5s ease;
  300. }
  301. .MoreButton{
  302. position:absolute;
  303. float:left;
  304. z-index:9999;
  305.  
  306. height:14px;
  307. width:11px;
  308. top:25px;
  309. left:78px;
  310. opacity:0;
  311. background:white;
  312. height: 19px;
  313. width:15px;
  314. opacity:0;
  315. border-radius:0px;
  316. padding:14px;
  317. padding-right:20px;
  318. font-size:0px;
  319. text-align:left;
  320. border:1px solid #e1e1e1;
  321. -o-transition-transition: all 0.5s ease;
  322. -webkit-transition: all 0.5s ease;
  323. -moz-transition: all 0.5s ease;
  324. transition: all 0.5s ease;
  325. }
  326. .entry:hover .MoreButton{
  327. opacity:.9;
  328. top:114px;
  329. left:18px;
  330.  
  331. -o-transition-transition: all 0.5s ease;
  332. -webkit-transition: all 0.5s ease;
  333. -moz-transition: all 0.5s ease;
  334. transition: all 0.5s ease;
  335.  
  336. }
  337.  
  338. .MoreButton:hover{
  339. font-size:11px;
  340. font-family:calibri;
  341. width:160px;
  342. height:64px;
  343. text-align:left;
  344. -o-transition-transition: all 0.5s ease;
  345. -webkit-transition: all 0.5s ease;
  346. -moz-transition: all 0.5s ease;
  347. transition: all 0.5s ease;
  348. }
  349. .MoreButton img{
  350. margin-top:-5px;
  351. margin-left:-6px;
  352. opacity:.4;
  353. }
  354. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  355. #posts {
  356. width:570px;
  357.  
  358. margin-top:27px;
  359. z-index:99;
  360. margin-left:259px;
  361. right:auto;
  362. padding:3px;
  363.  
  364. margin-right:auto;
  365. position:relative;
  366. overflow-y: hidden;
  367. }
  368.  
  369.  
  370. /*CUSTOMIZE SIDEBAR HERE*/
  371. #sidebar{
  372. position:fixed !important;
  373. width:165px;
  374. background:white;
  375. height:auto;
  376. margin-top:260px;
  377. margin-left:-75px;
  378. text-align:center;
  379. border:1px solid #e1e1e1;
  380. padding:15px;
  381. line-height:13px;
  382. font-family:ronda;
  383. font-size:8px;
  384.  
  385. z-index:9;
  386. }
  387. #sidebar img{z-index:3;
  388. width:160px;
  389. height:180px;
  390. }
  391. @font-face {font-family:love; src: url(http://static.tumblr.com/5akyinl/dSSn4yoe3/pixel-love.ttf);}
  392. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  393.  
  394.  
  395.  
  396. @font-face { font-family: 'fipps'; src: url('http://static.tumblr.com/5akyinl/wgln4uzrx/advocut.ttf'); }
  397. @font-face { font-family: 'ronda'; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  398. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  399. @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); } @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); } @font-face{font-family: "Babydoll";src:url('http://static.tumblr.com/9wzbixa/MbMmj2fv0/babydoll.ttf');} @font-face {font-family: "yea";src: url('http://static.tumblr.com/gvd42r2/kU4m7js4w/lexipa__.ttf');} @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  400. @font-face {font-family:formal; src: url(http://static.tumblr.com/2poobra/pspmrjf1f/petitformalscript-regular.ttf); }
  401. @font-face{font-family:matilda; src: url(http://static.tumblr.com/5akyinl/MUIn4v31m/mathilde.otf); }
  402. #blogtitle{
  403. position:fixed !important;
  404. width:389px;
  405. height:50px;
  406. font-family:matilda;
  407. font-size:61px;
  408. color:{color:blogtitle};
  409. margin-top:247px;
  410. margin-left:-179px;
  411. z-index: 99999;
  412. opacity:3;
  413. text-transform:none;
  414. background-image:sdfgh;
  415. letter-spacing: 1px;
  416. line-height:0px;
  417. text-align:center;
  418. -o-transition-transition: all 0.5s ease;
  419. -webkit-transition: all 0.5s ease;
  420. -moz-transition: all 0.5s ease;
  421. transition: all 0.5s ease;
  422. }
  423.  
  424. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  425. .title{
  426. line-height: 32px;
  427. color:{color:Title};
  428. font-weight: normal;
  429. font-family:formal;
  430. font-size:20px;
  431. }
  432. #cred{
  433. width:auto;
  434. position:fixed;
  435. bottom:75px;
  436. left:0px;
  437. -webkit-transition: all .7s ease;
  438. -moz-transition: all .7s ease;
  439. -o-transition: all .7s ease;
  440. transition: all .7s ease;
  441. }
  442. #cred2{
  443. font-size:26px;
  444. font-family:arial;
  445. line-height:16px;
  446. text-align:center;
  447. height:15px;
  448. margin-top:33px;
  449. width:15px;
  450. padding:5px;
  451. padding-right:10px;
  452. background-image:url(http://media.tumblr.com/d0a366b361935c92d50a785be1357314/tumblr_inline_mva7ntV9rx1qjbhq0.jpg);
  453. margin-left:0px;
  454. color:#fff;
  455. position:fixed;
  456. -webkit-transition: all .7s ease;
  457. -moz-transition: all .7s ease;
  458. -o-transition: all .7s ease;
  459. transition: all .7s ease;
  460. border:1px solid #aaa;
  461. }
  462.  
  463. #cred3{
  464. text-align:center;
  465. width:115px;
  466. font-size:11px;
  467. background-image:url(http://media.tumblr.com/d0a366b361935c92d50a785be1357314/tumblr_inline_mva7ntV9rx1qjbhq0.jpg);
  468. height:5px;
  469. padding-top:10px;
  470. padding-bottom:10px;
  471. font-family:calibri;
  472. text-transform:uppercase;
  473. margin-left:-120px;
  474. margin-top:33px;
  475. position:fixed;
  476. -webkit-transition: all .7s ease;
  477. -moz-transition: all .7s ease;
  478. -o-transition: all .7s ease;
  479. transition: all .7s ease;
  480. border:1px solid #aaa;
  481. line-height:5px;
  482. }
  483.  
  484. #cred:hover #cred3{
  485. margin-left:30px;
  486. }
  487. #cred3 a{
  488. color:#fff;
  489. }
  490. #cred3:hover{
  491.  
  492.  
  493. -webkit-transition: all .7s ease;
  494. -moz-transition: all .7s ease;
  495. -o-transition: all .7s ease;
  496. transition: all .7s ease;
  497. }
  498. #link1{
  499. position:fixed;
  500. overflow:visible;
  501. opacity:1;
  502. z-index:999999999999999999;
  503. margin-top:-173px;
  504. margin-left:211px;
  505. border-radius:0px;-webkit-transform: rotate(270deg);
  506.  
  507. -webkit-transition: all .3s ease;
  508. -moz-transition: all .3s ease;
  509. -o-transition: all .3s ease;
  510. transition: all .3s ease;
  511. }
  512.  
  513. #sidebar:hover #link1{
  514. opacity:1;-webkit-transform: rotate(270deg);
  515.  
  516. -webkit-transition: all .7s ease;
  517. -moz-transition: all .7s ease;
  518. -o-transition: all .7s ease;
  519. transition: all .7s ease;
  520. }
  521.  
  522. #link1 a{
  523. -webkit-transform: rotate(270deg);
  524. transform: scale(0, 1.11);
  525. border-left:10px double transparent;
  526. border-right:10px double transparent;
  527. border-top:20px solid {color:navi};
  528. -webkit-transition: all .8s ease;
  529. -moz-transition: all .8s ease;
  530. -o-transition: all .8s ease;
  531. transition: all .8s ease;
  532. }
  533. #link2{
  534. position:fixed;
  535. overflow:visible;
  536. opacity:1;
  537. z-index:999999999999999999;
  538. margin-top:-143px;
  539. margin-left:211px;-webkit-transform: rotate(270deg);
  540.  
  541. -webkit-transition: all .3s ease;
  542. -moz-transition: all .3s ease;
  543. -o-transition: all .3s ease;
  544. transition: all .3s ease;
  545. }
  546.  
  547. #link2 a{
  548. -webkit-transform: rotate(270deg);
  549. transform: scale(0, 1.11);
  550. border-left:10px double transparent;
  551. border-right:10px double transparent;
  552. border-top:20px solid {color:navi};
  553. -webkit-transition: all .8s ease;
  554. -moz-transition: all .8s ease;
  555. -o-transition: all .8s ease;
  556. transition: all .8s ease;
  557. }
  558. #link3{
  559. position:fixed;
  560. overflow:visible;
  561. opacity:1;
  562. z-index:999999999999999999;
  563. margin-top:-113px;
  564. margin-left:211px;-webkit-transform: rotate(270deg);
  565.  
  566. -webkit-transition: all .3s ease;
  567. -moz-transition: all .3s ease;
  568. -o-transition: all .3s ease;
  569. transition: all .3s ease;
  570. }
  571.  
  572. #sidebar:hover #link3{
  573. opacity:1;-webkit-transform: rotate(270deg);
  574.  
  575. -webkit-transition: all .7s ease;
  576. -moz-transition: all .7s ease;
  577. -o-transition: all .7s ease;
  578. transition: all .7s ease;
  579. }
  580. #link3 a{
  581. -webkit-transform: rotate(270deg);
  582. transform: scale(0, 1.11);
  583. border-left:10px double transparent;
  584. border-right:10px double transparent;
  585. border-top:20px solid {color:navi};
  586.  
  587. -webkit-transition: all .8s ease;
  588. -moz-transition: all .8s ease;
  589. -o-transition: all .8s ease;
  590. transition: all .8s ease;
  591. }
  592.  
  593. #link4{
  594. position:fixed;
  595. overflow:visible;
  596. opacity:1;
  597. z-index:999999999999999999;
  598. margin-top:-83px;
  599. margin-left:211px;-webkit-transform: rotate(270deg);
  600.  
  601. -webkit-transition: all .3s ease;
  602. -moz-transition: all .3s ease;
  603. -o-transition: all .3s ease;
  604. transition: all .3s ease;
  605. }
  606.  
  607. #sidebar:hover #link4{
  608. opacity:1;-webkit-transform: rotate(270deg);
  609.  
  610. -webkit-transition: all .7s ease;
  611. -moz-transition: all .7s ease;
  612. -o-transition: all .7s ease;
  613. transition: all .7s ease;
  614. }
  615. #link4 a{
  616. -webkit-transform: rotate(270deg);
  617. transform: scale(0, 1.11);
  618. border-left:10px double transparent;
  619. border-right:10px double transparent;
  620. border-top:20px solid {color:navi};
  621.  
  622. -webkit-transition: all .8s ease;
  623. -moz-transition: all .8s ease;
  624. -o-transition: all .8s ease;
  625. transition: all .8s ease;
  626. }
  627.  
  628. #link5{
  629. position:fixed;
  630. overflow:visible;
  631. opacity:1;
  632. z-index:999999999999999999;
  633. margin-top:-53px;
  634. margin-left:211px;
  635. -webkit-transform: rotate(270deg);
  636.  
  637. -webkit-transition: all .3s ease;
  638. -moz-transition: all .3s ease;
  639. -o-transition: all .3s ease;
  640. transition: all .3s ease;
  641. }
  642.  
  643. #sidebar:hover #link5{
  644. opacity:1;
  645. -webkit-transform: rotate(270deg);
  646.  
  647. -webkit-transition: all .7s ease;
  648. -moz-transition: all .7s ease;
  649. -o-transition: all .7s ease;
  650. transition: all .7s ease;
  651. }
  652. #link5 a{
  653. -webkit-transform: rotate(270deg);
  654. transform: scale(0, 1.11);
  655. border-left:10px double transparent;
  656. border-right:10px double transparent;
  657. border-top:20px solid {color:navi};
  658.  
  659. -webkit-transition: all .8s ease;
  660. -moz-transition: all .8s ease;
  661. -o-transition: all .8s ease;
  662. transition: all .8s ease;
  663. }
  664. #lace{
  665. position:fixed;
  666. width: 100%;
  667. opacity: 1;
  668. height: 10px;
  669. background: #fff;
  670. z-index: 99999999999;
  671. left:-30px;
  672. margin-top: 0px;
  673. font-size:11px;
  674. text-align:center;
  675. font-family:calibri;
  676. font-style:italic;
  677. line-height:6px;
  678. }
  679.  
  680. #lacey {
  681. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  682. repeat:repeat-x;
  683. left:0;
  684. width:100%;
  685. margin-top: 10px;
  686. height:18px;
  687. position: fixed;
  688. z-index: 99999999999999999;
  689. opacity:1;}
  690. #desc:before{
  691. position: absolute;
  692. left: 9px;
  693. top: -24px;
  694. width: 0;
  695. height: 0;
  696. content:"";
  697. transform: scale(1, 0.521);
  698. -webkit-transform: scale(1, 0.421);
  699. -moz-transform: scale(1, 0.421);
  700. -o-transform: scale(1, 0.421);
  701. -ms-transform: scale(1, 0.421); -webkit-transform: rotate(-270deg);
  702.  
  703. border-top: 14px solid transparent;
  704. border-bottom: 15px solid transparent;
  705. border-right: 15px solid {color:blogtitle};
  706. z-index: 99999999999999999;
  707.  
  708. }
  709. #desc{
  710. -webkit-transform: rotate(360deg);
  711. z-index:9;
  712. font-family:calibri;
  713. font-size:11px;
  714. position:fixed;
  715. width:235px;
  716. height:auto;
  717. color:#fff;
  718. line-height:15px;
  719. padding:3px;
  720. background-color:{color:blogtitle};
  721. margin-left:-15px;
  722. margin-top:30px;
  723. border:6px double #fff;
  724.  
  725.  
  726. }
  727.  
  728. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  729. .permalink{
  730. text-transform: normal;
  731. display: block;
  732. text-align: right;
  733. text-decoration: none;
  734. }
  735.  
  736.  
  737. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  738. #infscr-loading{
  739. bottom: -70px;
  740. position: absolute;
  741. left: 50%;
  742. margin-left:-8px;
  743. width:16px;
  744. height:11px;
  745. overflow:hidden;
  746. margin-bottom: 50px;
  747. }
  748.  
  749. #postnotes{
  750. text-align: justify;}
  751.  
  752. #postnotes blockquote{
  753. border: 0px;}
  754.  
  755. blockquote{
  756. padding:0px 0px 2px 5px;
  757. margin:0px 0px 2px 10px;
  758. border-left: 1px dotted #555555;
  759. }
  760.  
  761. blockquote p, ul{
  762. margin:0px;
  763. padding:0px;
  764. }
  765.  
  766. a img{border: 0px;}
  767.  
  768.  
  769. .artcover {position:absolute;}
  770. .artcover img {width:42px;height:42px;float:left;border:5px solid #EEE;}
  771. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  772. .audioinfo {margin-left:55px;padding:3px 0px;}
  773. .i{display:block;padding:2px;}
  774. .i b, strong{font-family:Consolas;}
  775. .player {
  776. position:absolute;
  777. background:#FFF;
  778. width:30px;
  779. height:30px;
  780. opacity:0.75;
  781. padding:4px;
  782. margin:7px;
  783. overflow:hidden;
  784. }
  785. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  786.  
  787. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  788. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  789.  
  790. .notes img{width:10px; position:relative; top:3px;}
  791. <--ses-->
  792. small{font-size: 90%;}
  793.  
  794. {CustomCSS}
  795.  
  796. </style>
  797.  
  798. {block:IndexPage}
  799. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  800. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  801.  
  802. <script type="text/javascript">
  803. $(window).load(function(){
  804. var $wall = $('#posts');
  805. $wall.imagesLoaded(function(){
  806. $wall.masonry({
  807. itemSelector: '.entry, .entry_photo',
  808. isAnimated : false
  809. });
  810. });
  811.  
  812. $wall.infinitescroll({
  813. navSelector : '#pagination',
  814. nextSelector : '#pagination a',
  815. itemSelector : '.entry, .entry_photo',
  816. bufferPx : 2000,
  817. debug : false,
  818. errorCallback: function() {
  819. $('#infscr-loading').fadeOut('normal');
  820. }},
  821. function( newElements ) {
  822. var $newElems = $( newElements );
  823. $newElems.hide();
  824. $newElems.imagesLoaded(function(){
  825. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  826. });
  827. }); $('#posts').show(500);
  828. });
  829. </script>
  830.  
  831.  
  832. {/block:IndexPage}
  833.  
  834.  
  835. <title>{title}</title>
  836.  
  837. <link rel="shortcut icon" href="{image:Favicon}" />
  838. <meta name="viewport" content="width=820" />
  839. </head>
  840.  
  841. <body>
  842. <div class="wrapper">
  843. <div class="header">
  844. <a href="http://overkilled.tumblr.com/"><img src="http://i50.tinypic.com/3325qp0.png"style="position:fixed; right:2px; opacity:.5; top:27px;z-index:99; -webkit-filter: invert(100%)" ></a>
  845. </div>
  846.  
  847. <div id="cage">
  848. <div id="center">
  849.  
  850. <div id="blogtitle">{title}</div>
  851. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  852. <div id="sidebar">
  853.  
  854. <center>
  855. <a href="/"><img src="{image:sidebar}" width=100%></a>
  856. <div id="desc"><name>{text:name};</name> {description}</div>
  857.  
  858. <div id="link1"><a href="/" title="refresh my blog!"></a></div><br>
  859. <div id="link2"><a href="{text:link one}" title="{text:link one msg}"></a><br></div>
  860. <div id="link3"><a href="{text:link two}" title="{text:link two msg}"></a><br></div>
  861. <div id="link4"><a href="{text:link three}" title="{text:link three msg}"></a><br></div>
  862. <div id="link5"><a href="{text:link four}" title="{text:link four msg}"></a><br></div>
  863. {block:ifpanda}<a href="/" title="you're a cute little flower."><img src="http://static.tumblr.com/a972c6019b2123812ebc51a83ebef5db/jevtzza/ey6n3947i/tumblr_static_flowers.png" style="margin-top:-230px; margin-left:-20px; position:fixed; width:260px; height:320px; z-index:1; opacity:.9;"></a>{/block:ifpanda}
  864. </center>
  865. </div>
  866.  
  867.  
  868.  
  869.  
  870.  
  871. <!------------------------------------->
  872. <div id="lace"></div>
  873.  
  874. <div id="lacey"></div>
  875.  
  876. <div class="left">
  877.  
  878. <div id="posts">
  879. {block:Posts}
  880. <div class="entry">
  881.  
  882. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><br><div class="permalinktext">
  883. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div></div>
  884. {/block:Text}
  885.  
  886. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  887. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  888.  
  889. {block:Answer}
  890. <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 5px; background-color: #fcfcfc; font-family:calibri;font-size: 11px;font-style: none; border:1px solid #eee; padding-left:8px; padding-top:5px; padding-right:8px; ">
  891. <div style="font-family:caviar dreams; text-transform:uppercase;
  892. font-size:20px;line-height:14px;">{Asker}:</div><div style="line-height:14px;">{Question}</div></div>
  893. <div style="margin-top:2px; margin-bottom:4px; font-family:calibri;font-size: 11px;font-style: none;background: transparent; line-height:13px;">{Answer}</div>
  894. {block:IndexPage}
  895. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:3px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  896. {/block:IndexPage}
  897. {/block:Answer}
  898. {/block:Answer}
  899.  
  900. {block:Photo}
  901. {block:IndexPage}
  902. <center>
  903. <div class="perma2">
  904. <a href="{reblogurl}"> <ul class="LikeButton">
  905. <li>{ReblogButton color="grey" size=22}</li>
  906. </ul>
  907. <ul class="ReblogButton">
  908. <li>{LikeButton color="grey" size=21}</li>
  909. </ul></a></div></a>
  910. <div class="MoreButton"><img src="https://cdn2.iconfinder.com/data/icons/web/512/Link-32.png"><br>Posted {timeago} at {12Hour}:{Minutes} {AmPm}, on {DayOfWeek}<br><a href="{Permalink}">{notecount} Notes<br></div>
  911. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  912. {/block:IndexPage}
  913. {block:PermalinkPage}
  914. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:0px;" alt="{PhotoAlt}" width="100%"/></a></div>
  915.  
  916. {LinkCloseTag}
  917. {/block:PermalinkPage}
  918. {/block:Photo}
  919.  
  920. {block:Photoset}
  921. <center>
  922. {block:IndexPage}
  923. <div class="perma2">
  924. <a href="{reblogurl}"><ul class="LikeButton">
  925. <li>{ReblogButton color="black" size=14}</li>
  926. </ul>
  927. <ul class="ReblogButton">
  928. <li>{LikeButton color="black" size=14}</li>
  929. </ul></a></div></a>
  930. <div style="width: 100%;">{Photoset-250}</div>
  931. {/block:IndexPage}
  932. </center>
  933. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  934. {/block:Photoset}
  935.  
  936. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  937. </a></div>{/block:Quote}
  938.  
  939. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  940. <ul class="chat">
  941. {block:Lines}
  942. <li class="user_{UserNumber}">
  943. {block:Label}
  944. <b><span class="label">{Label}</span></b>
  945. {/block:Label}
  946.  
  947. {Line}
  948. </li>
  949. {/block:Lines}
  950. <div class="permalinktext">
  951. <center> <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">{12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div></div> </center></div>
  952. {/block:Chat}
  953.  
  954. {block:Audio}
  955. {block:AlbumArt}<div class="artcover">
  956. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  957. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  958. <div class="audioinfo"><div class="i"><i>Song Title: </i><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><i>Artist: </i><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div><div class="i"><i>Album: </i><span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div>
  959. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>{/block:Audio}
  960.  
  961.  
  962.  
  963. {block:Video}<center>
  964. <div style="padding-top:0px; padding-bottom:2px; -webkit-filter:grayscale(100%);">
  965. {Video-250}</div>
  966. {block:IndexPage}
  967. <div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>
  968. {/block:IndexPage}
  969. {block:Video}
  970.  
  971. {block:PostNotes}<div align="left">{caption}</div>
  972. <center>
  973.  
  974. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  975.  
  976. {block:HasTags}
  977. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  978. {block:RebloggedFrom}
  979. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  980. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  981.  
  982. {/block:RebloggedFrom}
  983. </center></span>
  984. <br>
  985. <div id="postnotes">{PostNotes}</div><br>
  986.  
  987. <center>{block:ContentSource}
  988. <br><a href="{SourceURL}">
  989. {lang:Source}:
  990. {block:SourceLogo}
  991. <img src="{BlackLogoURL}" width="{LogoWidth}"
  992. height="{LogoHeight}" alt="{SourceTitle}" />
  993. {/block:SourceLogo}
  994. {block:NoSourceLogo}
  995. {SourceLink}
  996. {/block:NoSourceLogo}
  997. </a>
  998. {/block:ContentSource}</center>
  999.  
  1000. {/block:PostNotes}
  1001. </div>
  1002. {/block:Posts}
  1003. </div></div>
  1004.  
  1005. {block:IndexPage}
  1006. {block:Pagination}
  1007. <div id="pagination">
  1008. {block:NextPage}
  1009. <a id="nextPage" href="{NextPage}"></a>
  1010. {/block:NextPage}
  1011. {block:PreviousPage}
  1012. <a href="{PreviousPage}"></a>
  1013. {/block:PreviousPage}
  1014. </div>
  1015. {/block:Pagination}
  1016. {/block:IndexPage}
  1017. </body>
  1018. <div id="cred"><div id="cred2">☠</div>
  1019. <div id="cred3">
  1020. <a href="http://overkilled.tumblr.com/" title="theme credit">Theme by overkilled ☢</a>
  1021. </div></div>
  1022. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!