Fucking_Aj

Style Theme by Mufflinq

Apr 3rd, 2015
422
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.53 KB | None | 0 0
  1. <!--
  2. ╭╮╱╱╱╱╭╮╱╭╮╭╮╱╱╱╱╱╱╱╭━╮
  3. ┃╰┳┳┳┳┫╰╮┃╰┫╰┳━┳━━┳━┫━┫
  4. ┃╋┃╭┫┃┃┃┃┃╭┫┃┃┻┫┃┃┃┻╋━┃
  5. ╰━┻╯╰━┻┻╯╰━┻┻┻━┻┻┻┻━┻━╯
  6. -->
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  9. <script>
  10. (function($){
  11. $(document).ready(function(){
  12. $("a[title]").style_my_tooltips({
  13. tip_follows_cursor:true,
  14. tip_delay_time:90,
  15. tip_fade_speed:600,
  16. attribute:"title"
  17. });
  18. });
  19. })(jQuery);
  20. </script>
  21. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  23. <html lang="en">
  24. <script type="text/javascript">
  25. <!--
  26.  
  27. // Disable Right Click Script
  28.  
  29. function IE(e)
  30. {
  31. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  32. {
  33. return false;
  34. }
  35. }
  36. function NS(e)
  37. {
  38. if (document.layers || (document.getElementById && !document.all))
  39. {
  40. if (e.which == "2" || e.which == "3")
  41. {
  42. return false;
  43. }
  44. }
  45. }
  46. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  47.  
  48. //-->
  49. </script>
  50.  
  51. <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
  52. <meta name="color:Background" content="#fbfbfb"/>
  53. <meta name="color:Title" content="#819dbc"/>
  54. <meta name="color:Text" content="#999999"/>
  55. <meta name="color:Link" content="#999"/>
  56. <meta name="color:Hover" content="#ffffff"/>
  57. <meta name="color:Blogtitle" content="#819dbc"/>
  58. <meta name="image:Background" content=""/>
  59. <meta name="image:Sidebar 1" content=""/>
  60. <meta name="image:Sidebar 2" content=""/>
  61. <meta name="image:Sidebar 3" content=""/>
  62. <meta name="text:Blogtitle" content="Love me Like You Do"/>
  63.  
  64. <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
  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="" />
  69. <meta name="text:Link Five" content="" />
  70.  
  71. <!--HERE ARE PLACED THE NAMES OF LINKS-->
  72. <meta name="text:Link 1 hover text" content="Title Here" />
  73. <meta name="text:Link 2 hover text" content="Title Here" />
  74. <meta name="text:Link 3 hover text" content="Title Here" />
  75. <meta name="text:Link 4 hover text" content="Title Here" />
  76. <meta name="text:Link 5 hover text" content="Title Here" />
  77.  
  78. </script>
  79.  
  80.  
  81. <style type="text/css">
  82. /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
  83. iframe#tumblr_controls{
  84. z-index:9;
  85. opacity:0.5 !important;
  86. -webkit-filter:invert(100%);
  87. top:0px !important;
  88. right:8px !important;
  89. position:fixed!important;
  90. }
  91.  
  92. iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.7s linear; opacity:0.2; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:9999999999999999999999999}
  93.  
  94. iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999999999999999999999999;}
  95.  
  96.  
  97. askk{
  98. font-family:calibri;
  99. font-size:12px;
  100. text-transform:uppercase;
  101. color:{color:Blogtitle};
  102. line-height:14px;
  103. }
  104. /*--SCROLLBAR IS THE SIDE BAR THAT APPEARS ON RIGHT CORNER OF THE THEME, WHAT DOES WALKING DOWN THE BLOG AND UP, JUST CHANGE NOW FOR EXPERIENCED--*/
  105. ::-webkit-scrollbar { background-color:{color:blogtitle}; border:2px solid #fff; height:5px; -moz-border-radius:10px; border-radius:10px; width:5px;}
  106.  
  107. ::-webkit-scrollbar-thumb {width:5px; border-radius:5px; background-image: -ms-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  108. background-image: -moz-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  109. background-image: -o-linear-gradient(top, {color:blogtitle}; 0%, #fff 100%);
  110. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:blogtitle}), color-stop(1, #fff));
  111. background-image: -webkit-linear-gradient(top,{color:blogtitle}; 0%, #fff 100%);}
  112. blockquote img{ width:170px; }
  113. ::selection {
  114. background: #ddd;
  115. color: {color:blogtitle};
  116. padding:4px;
  117. }
  118. ::-moz-selection {
  119. background: #ddd;
  120. color: {color:blogtitle};
  121. padding:4px;
  122. }
  123. #s-m-t-tooltip {
  124. max-width:500px;
  125. padding:7px;
  126. border-radius:6px;
  127. margin:20px 0px 0px 20px;
  128. background:rgba(0,0,0,.5);
  129. letter-spacing: 1px;
  130. color: white;
  131. font-size:11px;
  132. font-family:calibri;
  133.  
  134. z-index:999999999999999999999999999999999999;
  135. }
  136.  
  137. #s-m-t-tooltip:before{
  138. position: absolute;
  139. left: -11px;
  140. top: -7px;
  141. width: 0px;
  142. content:"";
  143. transform: scale(1.7, .45);
  144. -webkit-transform: scale(1.7, .3);
  145. -moz-transform: scale(1.7, .3);
  146. -o-transform: scale(1.7, .3);
  147. -ms-transform: scale(1.7, .3);
  148. height: 0px;
  149. border-right: 4px solid rgba(0,0,0,.6);
  150. border-bottom: 17px solid transparent;
  151. border-left: 4px solid transparent;
  152. border-top: 17px solid transparent;
  153. }
  154.  
  155. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  156. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  157.  
  158. body {
  159. padding:0px;
  160. margin:0px;
  161. color:{color:Text};
  162. font-family:calibri;
  163. font-size:10px;
  164. line-height:12px;
  165. text-transform:normal;
  166. background-color:{color:Background};
  167. background-image:url({image:Background});
  168. background-attachment:fixed;
  169. background-repeat:repeat;
  170. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  171.  
  172. a:link, a:active, a:visited{
  173. color:{color:Link};
  174. text-decoration:none;
  175. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  176.  
  177. a:hover{
  178. color:{color:Hover};
  179. text-decoration:none;
  180. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  181. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  182.  
  183.  
  184. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  185. #audio {
  186. width:200px;
  187. height:auto;
  188. min-height:60px;
  189. padding-bottom:0px;
  190. }
  191.  
  192. .cover {
  193. position:absolute;
  194. z-index:1;
  195. width:60px;
  196. height:60px;
  197. }
  198.  
  199. .cover img {
  200. float:left;
  201. width:60px;
  202. height:60px;
  203. }
  204.  
  205. .playbox {
  206. opacity:0.6;
  207. width:27px;
  208. height:30px;
  209. overflow:hidden;
  210. position:absolute;
  211. z-index:1000;
  212. margin-left:17px;
  213. margin-top:17px;
  214. text-align:center;
  215. }
  216.  
  217. .info {
  218. margin-left:73px;
  219. margin-top:4px;
  220. line-height:14px;
  221. }
  222.  
  223. #cunt{width:250px; height:auto;}
  224. {block:PermalinkPage}
  225. width:10px;
  226. {/block:PermalinkPage}
  227. }
  228.  
  229. #center{
  230. padding-top:3px;
  231. padding-bottom:3px;
  232. position:fixed !important;
  233. width:250px;
  234. height:207px;
  235. background-color:#fff;
  236. {block:PermalinkPage}
  237. width:410px;
  238. height:207px;
  239. {/block:PermalinkPage}
  240. }
  241.  
  242.  
  243. /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
  244. #posts{
  245. float:center;
  246. {block:indexpage}
  247. width:800px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  248. {/block:indexpage}
  249. {block:permalinkpage}
  250. width:600px;
  251. {/block:permalinkpage}
  252. margin-left:520px;
  253. margin-top:39px;
  254. z-index:999999999;
  255. }
  256.  
  257. /*--CUSTOMIZE ENTRY SETTINGS--*/
  258. #entry img{
  259. {block:indexpage}
  260. background:#fff;
  261. width:288px;
  262. opacity:0.9;
  263. z-index:9999999;
  264. -webkit-transition:all 0.7s ease-out;
  265. -moz-transition:all 0.7s ease-out;
  266. transition:all 0.7s ease-out;
  267. {/block:indexpage}
  268. }
  269.  
  270. #entry{
  271. z-index:999;
  272. margin:8px;
  273. float:left;
  274. background:#fff;
  275. font-size:11px;
  276. line-height:14px;
  277. text-transform:normal;
  278. width:289px;
  279. padding:15px;
  280. border:1px solid #e1e1e1;
  281. outline:1px solid #e1e1e1;
  282. outline-offset:-10px;
  283. box-shadow:rgba(0,0,0,.03) 4px 4px;
  284. {block:PermalinkPage}
  285. opacity:0.8;
  286. width:360px;
  287. margin-top:15px;
  288. margin-left:13px;
  289. z-index:999;
  290. {/block:PermalinkPage}
  291. -moz-transition: all 3.9s ease-out;
  292. -o-transition: all 3.9s ease-out;
  293. -webkit-transition: all 3.9s ease-out;
  294. transition: all 3.9s ease-out;
  295. }
  296.  
  297.  
  298.  
  299. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  300. #entry .perma{
  301. width:295px;
  302. height:20px;
  303. margin-left:-3px;
  304. position: absolute;
  305. line-height: 16px;
  306. border-bottom:1px solid {color:blogtitle};
  307. border-bottom-right-radius:7px;
  308. border-bottom-left-radius:7px;
  309. overflow:hidden;
  310. text-align:center;
  311. z-index:9;
  312. top:0px;
  313. background:white;
  314. word-spacing:2px;
  315. letter-spacing:1px;
  316. opacity: 0.0;
  317. -webkit-transition: all .7s ease;
  318. -moz-transition: all .7s ease;
  319. -o-transition: all .7s ease;
  320. transition: all .7s ease;
  321.  
  322. }
  323.  
  324. #entry:hover .perma{
  325. overflow:visible;
  326. opacity:1;
  327. margin-top:10px;
  328. }
  329.  
  330. .perma2{
  331. width:45px;
  332. height:45px;
  333. margin-left:80px;
  334. position: absolute;
  335. line-height: 16px;
  336. border:1px solid {color:blogtitle};
  337. border-radius:5px;
  338. overflow:hidden;
  339. text-align:center;
  340. top:0px;
  341. background:white;
  342. word-spacing:2px;
  343. letter-spacing:1px;
  344. z-index:999999;
  345. opacity: 0.0;
  346. -webkit-transition: all .7s ease;
  347. -moz-transition: all .7s ease;
  348. -o-transition: all .7s ease;
  349. transition: all .7s ease;
  350. }
  351.  
  352. #entry:hover .perma2{
  353. overflow:visible;
  354. opacity:1;
  355. margin-top:45px;
  356. }
  357. .perma3{
  358. width:45px;
  359. height:45px;
  360. margin-left:160px;
  361. position: absolute;
  362. line-height: 16px;
  363. border:1px solid {color:blogtitle};
  364. border-radius:5px;
  365. overflow:hidden;
  366. text-align:center;
  367. top:0px;
  368. background:white;
  369. z-index:999999;
  370. word-spacing:2px;
  371. letter-spacing:1px;
  372. opacity: 0.0;
  373. -webkit-transition: all .7s ease;
  374. -moz-transition: all .7s ease;
  375. -o-transition: all .7s ease;
  376. transition: all .7s ease;
  377. }
  378.  
  379. #entry:hover .perma3{
  380. overflow:visible;
  381. opacity:1;
  382. margin-top:45px;
  383. }
  384.  
  385.  
  386. .permalinktext{
  387. display:block;
  388. text-align:center;
  389. text-decoration:none;
  390. font-size:11px;
  391. letter-spacing:1px;
  392. padding-top:7px;
  393. text-transform:uppercase;
  394. background:#f9f9f9;
  395. border:1px solid #f3f3f3;
  396. padding:4px; color:#fff;
  397. text-shadow: -1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  398. background: -webkit-linear-gradient(left, {color:blogtitle} , white);
  399. background: -o-linear-gradient(right, {color:blogtitle}, white);
  400. background: -moz-linear-gradient(right, {color:blogtitle}, white);
  401. background: linear-gradient(to right, {color:blogtitle} , white); /* must be last */
  402. }
  403.  
  404. .permalinktext a{
  405. color:#fff;
  406. text-shadow: -1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  407. }
  408.  
  409. /*--CUSTOMIZE TITLE OF ENTRIES--*/
  410. .title{
  411. line-height:37px;
  412. color:{color:Title};
  413. font-weight:normal;
  414. font-family: 'Poiret One', cursive;
  415. font-size:35px;
  416.  
  417. }
  418.  
  419.  
  420. /*--CUSTOMIZE TITLE OF SIDEBAR--*/
  421. #hisatitle{
  422. position: fixed !important;
  423. z-index:999999;
  424. width:auto;
  425. margin-top:100px;
  426. margin-left:165px;
  427. color:{color:Blogtitle};
  428.  
  429. font-family: 'Raleway', sans-serif;
  430. text-transform:lowercase;
  431. font-size:24px;
  432. text-align:center;
  433. line-height:10px;
  434. }
  435.  
  436.  
  437. /*--CUSTOMIZE SIDEBAR--*/
  438. #sidebar{
  439. position:fixed !important;
  440. width:336px;
  441. height:160px;
  442. margin-top:120px;
  443. margin-left:120px;
  444. padding:12px;
  445. overflow:hidden;
  446. background-color:#fff;
  447. border:1px solid #e1e1e1;
  448. -webkit-transition:all 0.7s ease-out;
  449. -moz-transition:all 0.7s ease-out;
  450. transition:all 0.7s ease-out;
  451. }
  452.  
  453. #topbar{
  454. position:fixed;
  455. top:-10px;
  456. left:0px;
  457. width:100%;
  458. height:30px;
  459. background:{color:blogtitle};
  460. z-index:999999999999999999;
  461. border-bottom:1px solid #fff;
  462. background: -webkit-linear-gradient(top, {color:blogtitle} , white);
  463. background: -o-linear-gradient(bottom, {color:blogtitle}, white);
  464. background: -moz-linear-gradient(bottom, {color:blogtitle}, white);
  465. background: linear-gradient(to bottom, {color:blogtitle} , white); /* must be last */
  466. text-align:center; /*--you can put center, left, right or justify--*/
  467. }
  468. #topbar2{
  469. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  470. repeat:repeat-x;
  471. left:0;
  472. width:100%;
  473. margin-top:-20px;
  474. height:18px;
  475. position: fixed;
  476. z-index: 9999999999999999991;
  477. opacity:1;
  478. }
  479. /*--CUSTOMIZE DESCRIPTION--*/
  480. div#desc{
  481. position:fixed !important;
  482. opacity:1.0;
  483. background:#fff;
  484. width:180px;
  485. height:137px;
  486. padding:12px;
  487. color:#999;
  488. margin-top:0px;
  489. margin-left:128.5px;
  490. font-size:10px;
  491. line-height:14px;
  492. font-family:calibri;
  493. border:1px solid {color:Blogtitle};
  494. text-align:center; /*--you can put center, left, right or justify--*/
  495. }
  496.  
  497.  
  498. /*--CUSTOMIZE LINKS--*/
  499. #link1{
  500. opacity:1.0;
  501. position:fixed!important;
  502. width:112px;
  503. height:auto;
  504. color:#fff;
  505. font-size:10px;
  506. font-family:helvetica;
  507. letter-spacing:0px;
  508. text-transform:none;
  509. background:{color:blogtitle};
  510. margin-left:-2px;
  511. margin-top:129px;
  512. border:3px double #fff;
  513. padding:4px;
  514.  
  515. -webkit-transition: all 0.9s ease-in-out;
  516. -moz-transition: all 0.9s ease-in-out;
  517. -o-transition: all 0.9s ease-in-out;
  518. }
  519.  
  520.  
  521. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  522. #infscr-loading{
  523. bottom: -70px;
  524. position: absolute;
  525. left: 50%;
  526. margin-left:-8px;
  527. width:16px;
  528. height:11px;
  529. overflow:hidden;
  530. margin-bottom: 50px;
  531. }
  532.  
  533. #postnotes{
  534. text-align: justify;}
  535.  
  536. #postnotes blockquote{
  537. border: 0px;}
  538.  
  539. blockquote{
  540. padding:0px 0px 2px 5px;
  541. margin:0px 0px 2px 10px;
  542. border-left: 1px dotted #eee;
  543. }
  544.  
  545. blockquote p, ul{
  546. margin:0px;
  547. padding:0px;
  548. }
  549.  
  550. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  551. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  552. </style>
  553.  
  554. <!--THE TITLE IS THE SMALL TITLE THAT APPEARS IN TAB THE BLOG IN FRONT OF FAVICON, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/HBen83kl0/title.png -->
  555. <title>{Title}</title>
  556. <!--THE FAVICON IS THE SMALL ICON THAT APPEARS IN TAB THE BLOG, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/jOrn83kin/favicon.png -->
  557. <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favlaco.gif">
  558.  
  559. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  560. <meta name="viewport" content="width=720" />
  561. </head>
  562.  
  563. <body>
  564.  
  565. <div id="center">
  566. <div id="content">
  567. <div id="topbar"></div>
  568. <div id="topbar2"></div>
  569. <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
  570. <div id="hisatitle"><img src="http://static.tumblr.com/vilw5yj/o9fmw06k7/30v0qp4__1_.gif">{text:Blogtitle}<img src="http://static.tumblr.com/vilw5yj/Pu9mw06me/30v0qp4.gif"></div>
  571.  
  572. <!--THIS CODE DOES WORK SIDEBAR-->
  573. <div id="sidebar">
  574. <!--THIS CODE DOES WORK DESCRIPTION-->
  575. <div id="desc"><div style="background:{color:blogtitle};color:#fff; padding:7px; width:173px; height:147px; border-top:0px transparent #fff; border-left:3px double #fff;border-right:3px double #fff;text-transform:uppercase; font-size:9.5px;text-align:16px; margin-top:-12px; margin-left:-6px">{description}</div></div>
  576.  
  577.  
  578. <!--THIS CODE DOES WORK LINKS-->
  579. <div id="link1">
  580. <a href="{text:Link One}" title="{text:Link 1 hover text}"><img src="http://media.tumblr.com/80a571a81daebb8ef04da3fbe7ce3d83/tumblr_inline_mxeidb5Ett1qhuq5z.png"></a>&middot
  581.  
  582. <a href="{text:Link Two}" title="{text:Link 2 hover text}"><img src="http://media.tumblr.com/15eac61266f7a7fb260d5763d8596ccf/tumblr_inline_mxeiabZiGf1qhuq5z.png"></a> &middot
  583. <a href="{text:Link Three}" title="{text:Link 3 hover text}"><img src="http://media.tumblr.com/615eb183b38e4c9c3916fddca9162b58/tumblr_inline_mxei9zhI861qhuq5z.png"></a> &middot
  584. <a href="{text:Link Four}" title="{text:Link 4 hover text}"><img src="http://media.tumblr.com/f31b82e37b1ae68d2bf1b70e3f95352c/tumblr_inline_mxeibp0eR61qhuq5z.png"></a> &middot
  585. <a href="{text:Link Four}" title="{text:Link 5 hover text}"><img src="http://media.tumblr.com/a9f469f1c5bd740f6b672cb1695ba771/tumblr_inline_mxei9pGnnK1qhuq5z.png"></a>
  586. </div>
  587.  
  588.  
  589. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  590. <a href="/" title="{Title}"> <script language="JavaScript">
  591. <!--
  592. function random_imglink(){
  593. var myimages=new Array()
  594. //specify random images below. You can have as many as you wish
  595. myimages[1]="{image:sidebar 1}"
  596. myimages[2]="{image:sidebar 2}"
  597. myimages[3]="{image:sidebar 3}"
  598.  
  599. var ry=Math.floor(Math.random()*myimages.length)
  600. if (ry==0)
  601. ry=1
  602. document.write('<img src="'+myimages[ry]+'" style="border:1px solid {color:blogtitle}; padding:10px; opacity:0.9; width:100px; height:100px" border=0>')
  603. }
  604. random_imglink()
  605. //-->
  606. </script>
  607. </a>
  608. </div>
  609.  
  610.  
  611. <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
  612. <div id="posts">
  613. {block:Posts}
  614. <div id="entry">
  615.  
  616. {block:Text}
  617. {block:Title}<span class="title">{Title}</span>{/block:Title}
  618. <span class="entrytext">{Body}</span></a>
  619. {block:IndexPage}<br>
  620. <div class="permalinktext">
  621. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  622. {/block:Text}
  623.  
  624. {block:Link}
  625. <a href="{URL}" class="title">{Name}</a>
  626. {block:Description}{Description}{/block:Description}
  627. {block:IndexPage}<br>
  628. <div class="permalinktext">
  629. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  630. </div>
  631. {/block:IndexPage}
  632. {block:Link}
  633.  
  634. {block:Photo}{block:IndexPage}
  635. <div class="perma">
  636. <a href="{Permalink}" target="_blank"> {Notecountwithlabel} </a> ☯ {Month} {Dayofmonth}, {Year}</div>
  637. <div class="perma2">
  638. <div style="margin-left:10px; margin-top:9px">{ReblogButton color="grey" size="25"}</div>
  639. </div>
  640. <div class="perma3">
  641. <div style="margin-left:2px; margin-top:11px">{LikeButton color="grey" size="25"}</div>
  642. </div>{/block:IndexPage}
  643.  
  644. {block:IndexPage}
  645. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=270px;>
  646. {/block:IndexPage}
  647. {block:permalinkpage}{LinkOpenTag}<center>
  648. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;/>
  649. {LinkCloseTag}</center>{/block:permalinkpage}
  650. {/block:Photo}
  651.  
  652. {block:Quote}
  653. <div class="quote">❝ {quote}</div>
  654. {block:IndexPage}<br>
  655. <div class="permalinktext">
  656. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  657. {/block:Quote}
  658.  
  659. {block:Chat}
  660. {block:Title}<span class="title">{Title}</span>{/block:Title}
  661. <ul class="chat">
  662. {block:Lines}
  663. <li class="user_{UserNumber}">
  664. {block:Label}
  665. <span class="label">{Label}</span>
  666. {/block:Label}
  667.  
  668. {Line}<br>
  669. {/block:Lines}
  670. {block:IndexPage}<br>
  671. <div class="permalinktext">
  672. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  673. {/block:Chat}
  674.  
  675. {block:Audio}
  676. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  677. {block:IndexPage}<br>
  678. <div class="permalinktext">
  679. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  680. {/block:Audio}
  681.  
  682. {block:Video}
  683. <center>{block:IndexPage}
  684. <div class="perma">
  685. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount}</a> - <a href="{reblogurl}">↻</a></div>
  686. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  687. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  688. {block:Video}
  689.  
  690. {block:Answer}
  691. <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:7px;
  692. padding-bottom:14px; text-transform:uppercase; border-radius:5px; background:#fbfbfb">
  693. <img src="{AskerPortraitURL-30}" width="30" align="left"
  694. style="margin-right:4px;width:30px; margin-top:-6px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; outline:0px solid transparent; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
  695. <askk>{Asker}</askk>: {Question}</div>
  696. <div style="font-family:calibri; font-size:10px; border:1px solid #eee; margin:3px; margin-top:9px; min-height:30px; box-shadow:3px 3px #e1e1e1; padding:9px; padding-bottom:15px; text-transform:uppercase; border-radius:5px; background:#fbfbfb"><img src="{PortraitURL-30}" width="30" align="right"
  697. style="margin-right:4px; margin-top:-5px;width:30px; border-radius:100%; margin-left:0px; border:1px solid #ddd; padding:7px;outline:0px solid transparent; background:#fff; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)"><askk>I responded with:</askk>{Answer}</div>
  698. {/block:Answer}
  699.  
  700. {block:PermalinkPage}
  701. <center><br>
  702. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  703. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  704. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  705. {/block:PermalinkPage}
  706. {block:PostNotes}
  707. <div id="postnotes">{PostNotes}</div>
  708. {/block:PostNotes}</div>{/block:Posts}
  709. </div></div>
  710. {block:indexpage}
  711. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  712. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  713. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  714. <script type="text/javascript">
  715. $(window).load(function(){
  716. var $wall = $('#posts');
  717. $wall.imagesLoaded(function(){
  718. $wall.masonry({
  719. itemSelector: '#entry, #entry_photo',
  720. isAnimated : false
  721. });
  722. });
  723.  
  724. $wall.infinitescroll({
  725. navSelector : '#page-nav',
  726. nextSelector : '#page-nav a',
  727. itemSelector : '#entry, #entry_photo',
  728. bufferPx : 2000,
  729. debug : false,
  730. errorCallback: function() {
  731. $('#infscr-loading').fadeOut('normal');
  732. }},
  733. function( newElements ) {
  734. var $newElems = $( newElements );
  735. $newElems.hide();
  736. $newElems.imagesLoaded(function(){
  737. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  738. });
  739. }); $('#content').show(500);
  740. });
  741. </script>
  742. {/block:indexpage}
  743.  
  744. <body onkeydown="return false">
  745. </body>
  746. <div style="position:fixed; padding:5px; bottom:6px; right:6px;"><a href="http://mufflinq.tumblr.com" title="theme by aj"><img src="http://static.tumblr.com/c99419d595492b4089c75c639b5c09d0/dxkdvde/8YNnbffia/tumblr_static_29y334ppqcro000wso4844co0.gif" style="left:-5px; top:-4px; "></a></div>
  747. <div style="z-index:99999999999; position:fixed; bottom:3px; left:10px; opacity:0.7"><a href="http://hisabeel.tumblr.com" title="Hisabeel made this base code"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/diamond-128.png" width="24"></a></div>
  748. </html>
Add Comment
Please, Sign In to add comment