API tools faq
paste
Fucking_Aj

Theme 8 - "Best of Me" by Mufflinq!

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