API tools faq
paste
Fucking_Aj

Theme 27 - "Best of Me" by Overkilled

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