Fucking_Aj

Substance Theme by Mufflinq

Jan 24th, 2015
761
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.41 KB | None | 0 0
  1. <!--
  2. █▀▀▄ █▀▀█ █░░█ █░░█   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  3. █▀▀▄ █▄▄▀ █░░█ █▀▀█   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  4. ▀▀▀░ ▀░▀▀ ░▀▀▀ ▀░░▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  5. -->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15. <script>
  16. (function($){
  17. $(document).ready(function(){
  18. $("a[title]").style_my_tooltips({
  19. tip_follows_cursor:true,
  20. tip_delay_time:90,
  21. tip_fade_speed:600,
  22. attribute:"title"
  23. });
  24. });
  25. })(jQuery);
  26. </script>
  27. {block:ifpixiecursor}
  28. <script type="text/javascript">
  29. // <![CDATA[
  30. var colour="#fff"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  31. var sparkles=60;
  32.  
  33. /****************************
  34. * Tinkerbell Magic Sparkle *
  35. *(c)2005-13 mf2fm web-design*
  36. * http://www.mf2fm.com/rv *
  37. * DON'T EDIT BELOW THIS BOX *
  38. ****************************/
  39. var x=ox=400;
  40. var y=oy=300;
  41. var swide=800;
  42. var shigh=600;
  43. var sleft=sdown=0;
  44. var tiny=new Array();
  45. var star=new Array();
  46. var starv=new Array();
  47. var starx=new Array();
  48. var stary=new Array();
  49. var tinyx=new Array();
  50. var tinyy=new Array();
  51. var tinyv=new Array();
  52.  
  53. window.onload=function() { if (document.getElementById) {
  54. var i, rats, rlef, rdow;
  55. for (var i=0; i<sparkles; i++) {
  56. var rats=createDiv(3, 3);
  57. rats.style.visibility="hidden";
  58. rats.style.zIndex="999";
  59. document.body.appendChild(tiny[i]=rats);
  60. starv[i]=0;
  61. tinyv[i]=0;
  62. var rats=createDiv(5, 5);
  63. rats.style.backgroundColor="transparent";
  64. rats.style.visibility="hidden";
  65. rats.style.zIndex="999";
  66. var rlef=createDiv(1, 5);
  67. var rdow=createDiv(5, 1);
  68. rats.appendChild(rlef);
  69. rats.appendChild(rdow);
  70. rlef.style.top="2px";
  71. rlef.style.left="0px";
  72. rdow.style.top="0px";
  73. rdow.style.left="2px";
  74. document.body.appendChild(star[i]=rats);
  75. }
  76. set_width();
  77. sparkle();
  78. }}
  79.  
  80. function sparkle() {
  81. var c;
  82. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  83. ox=x;
  84. oy=y;
  85. for (c=0; c<sparkles; c++) if (!starv[c]) {
  86. star[c].style.left=(starx[c]=x)+"px";
  87. star[c].style.top=(stary[c]=y+1)+"px";
  88. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  89. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  90. star[c].style.visibility="visible";
  91. starv[c]=50;
  92. break;
  93. }
  94. }
  95. for (c=0; c<sparkles; c++) {
  96. if (starv[c]) update_star(c);
  97. if (tinyv[c]) update_tiny(c);
  98. }
  99. setTimeout("sparkle()", 40);
  100. }
  101.  
  102. function update_star(i) {
  103. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  104. if (starv[i]) {
  105. stary[i]+=1+Math.random()*3;
  106. starx[i]+=(i%5-2)/5;
  107. if (stary[i]<shigh+sdown) {
  108. star[i].style.top=stary[i]+"px";
  109. star[i].style.left=starx[i]+"px";
  110. }
  111. else {
  112. star[i].style.visibility="hidden";
  113. starv[i]=0;
  114. return;
  115. }
  116. }
  117. else {
  118. tinyv[i]=50;
  119. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  120. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  121. tiny[i].style.width="2px";
  122. tiny[i].style.height="2px";
  123. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  124. star[i].style.visibility="hidden";
  125. tiny[i].style.visibility="visible"
  126. }
  127. }
  128.  
  129. function update_tiny(i) {
  130. if (--tinyv[i]==25) {
  131. tiny[i].style.width="1px";
  132. tiny[i].style.height="1px";
  133. }
  134. if (tinyv[i]) {
  135. tinyy[i]+=1+Math.random()*3;
  136. tinyx[i]+=(i%5-2)/5;
  137. if (tinyy[i]<shigh+sdown) {
  138. tiny[i].style.top=tinyy[i]+"px";
  139. tiny[i].style.left=tinyx[i]+"px";
  140. }
  141. else {
  142. tiny[i].style.visibility="hidden";
  143. tinyv[i]=0;
  144. return;
  145. }
  146. }
  147. else tiny[i].style.visibility="hidden";
  148. }
  149.  
  150. document.onmousemove=mouse;
  151. function mouse(e) {
  152. if (e) {
  153. y=e.pageY;
  154. x=e.pageX;
  155. }
  156. else {
  157. set_scroll();
  158. y=event.y+sdown;
  159. x=event.x+sleft;
  160. }
  161. }
  162.  
  163. window.onscroll=set_scroll;
  164. function set_scroll() {
  165. if (typeof(self.pageYOffset)=='number') {
  166. sdown=self.pageYOffset;
  167. sleft=self.pageXOffset;
  168. }
  169. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  170. sdown=document.body.scrollTop;
  171. sleft=document.body.scrollLeft;
  172. }
  173. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  174. sleft=document.documentElement.scrollLeft;
  175. sdown=document.documentElement.scrollTop;
  176. }
  177. else {
  178. sdown=0;
  179. sleft=0;
  180. }
  181. }
  182.  
  183. window.onresize=set_width;
  184. function set_width() {
  185. var sw_min=999999;
  186. var sh_min=999999;
  187. if (document.documentElement && document.documentElement.clientWidth) {
  188. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  189. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  190. }
  191. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  192. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  193. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  194. }
  195. if (document.body.clientWidth) {
  196. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  197. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  198. }
  199. if (sw_min==999999 || sh_min==999999) {
  200. sw_min=800;
  201. sh_min=600;
  202. }
  203. swide=sw_min;
  204. shigh=sh_min;
  205. }
  206.  
  207. function createDiv(height, width) {
  208. var div=document.createElement("div");
  209. div.style.position="absolute";
  210. div.style.height=height+"px";
  211. div.style.width=width+"px";
  212. div.style.overflow="hidden";
  213. return (div);
  214. }
  215.  
  216. function newColour() {
  217. var c=new Array();
  218. c[0]=255;
  219. c[1]=Math.floor(Math.random()*256);
  220. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  221. c.sort(function(){return (0.5 - Math.random());});
  222. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  223. }
  224. // ]]>
  225. </script>
  226. {/block:ifpixiecursor}
  227. <script type="text/javascript"
  228. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  229. <script>
  230. $(document).ready(function() {
  231. //
  232. $('a.poplight[href^=#]').click(function() {
  233. var popID = $(this).attr('rel'); //Get Popup Name
  234. var popURL = $(this).attr('href'); //Get Popup href to define size
  235. var query= popURL.split('?');
  236. var dim= query[1].split('&');
  237. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  238. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  239. var popMargTop = ($('#' + popID).height() + 80) / 2;
  240. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  241. //Apply Margin to Popup
  242. $('#' + popID).css({
  243. 'margin-top' : -popMargTop,
  244. 'margin-left' : -popMargLeft
  245. });
  246. $('body').append('<div id="fade"></div>');
  247. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  248. return false;
  249. });
  250. $('a.close, #fade').live('click', function() {
  251. $('#fade , .popup_block').fadeOut(function() {
  252. $('#fade, a.close').remove(); //fade them both out
  253. });
  254. return false;
  255. });
  256. });
  257. </script>
  258. <script type="text/javascript">
  259. <!--
  260.  
  261. // Disable Right Click Script
  262.  
  263. function IE(e)
  264. {
  265. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  266. {
  267. return false;
  268. }
  269. }
  270. function NS(e)
  271. {
  272. if (document.layers || (document.getElementById && !document.all))
  273. {
  274. if (e.which == "2" || e.which == "3")
  275. {
  276. return false;
  277. }
  278. }
  279. }
  280. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  281.  
  282. //-->
  283. </script>
  284.  
  285.  
  286. <script type="text/javascript"
  287. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  288. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  289. <!--DEFAULT VARIABLES-->
  290. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  291. <meta name="color:background" content="#000"/>
  292. <meta name="color:link" content="#777"/>
  293. <meta name="color:text" content="#fff"/>
  294. <meta name="color:title" content="#333"/>
  295. <meta name="color:sidebar text" content="#fff"/>
  296. <meta name="color:hover" content="#fff"/>
  297. <meta name="image:sidebar" content="1"/>
  298. <meta name="image:background" content="1"/>
  299. <meta name="if:banner" content="1"/>
  300. <meta name="if:updatestab" content="1"/>
  301. <meta name="if:pixiecursor" content="1"/>
  302. <meta name="if:3column" content="0"/>
  303. <meta name="if:2column" content="0"/>
  304. <meta name="if:1column" content="0"/>
  305. <meta name="text:link one" content="/"/>
  306. <meta name="text:link one title" content="link"/>
  307.  
  308. <meta name="text:link two" content="/"/>
  309. <meta name="text:link two title" content="link"/>
  310.  
  311. <meta name="text:link three" content="/"/>
  312. <meta name="text:link three title" content="link"/>
  313.  
  314. <meta name="text:link four" content="/"/>
  315. <meta name="text:link four title" content="link"/>
  316. <meta name="text:link five" content="/"/>
  317. <meta name="text:link five title" content="link"/>
  318. <meta name="text:link six" content="/"/>
  319. <meta name="text:link six title" content="link"/>
  320.  
  321. <style type="text/css">
  322.  
  323. .popup_block{
  324. display:none;
  325. background:#fff;
  326. padding:20px;
  327. border:1px solid #000; /* if you want a solid white pop-up, delete this */
  328. float:left;
  329. position:fixed;
  330. top:50%;left:50%;
  331. border-radius:5px;
  332. z-index: 99999;
  333. color:black;
  334. -webkit-animation: flipInY 2s;
  335. -moz-animation: flipInY 2s;
  336. -ms-animation: flipInY: 2s;
  337.  
  338.  
  339.  
  340. }
  341.  
  342. *html #fade {position: absolute;}
  343. *html .popup_block {position: absolute;}
  344. #fade {
  345. display:none;
  346. position:fixed;
  347. left:0px;
  348. top:0px;
  349. width:100%;
  350. height:100%;
  351. color:black;
  352. z-index:9999;
  353. opacity:0.5; /* change to opacity:1; */
  354. }
  355. blockquote img{ width:180px; }
  356. #s-m-t-tooltip {
  357. max-width:500px;
  358. padding:3px;
  359. border-radius:0px;
  360. margin:20px 0px 0px 20px;
  361. background: white;
  362. box-shadow:3px 3px white;
  363. border:3px double black;
  364. letter-spacing: 1px;
  365. color: black;
  366. font-size:10px;
  367. font-family:calibri;
  368. -webkit-animation: shake 3s;
  369. -moz-animation: shake 3s;
  370. -ms-animation: shake 3s;
  371. z-index:999999999999999999999999999999999999;
  372. }
  373. 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-
  374.  
  375. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  376.  
  377. 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;}
  378.  
  379. p {
  380. margin:0px;
  381. margin-top:0px;
  382. }
  383.  
  384.  
  385. body {
  386. padding: 0px;
  387. margin: 0px;
  388. color:{color:text};
  389. font-family: calibri;
  390. line-height:15px;
  391. font-size:11px;
  392. background-color: {color:Background};
  393. background-image:url({image:Background});
  394. background-attachment: fixed;
  395. background-repeat: repeat;
  396. }
  397.  
  398.  
  399. a:link, a:active, a:visited{
  400. text-decoration: none;
  401. -webkit-transition: color 0.3s ease-out;
  402. -moz-transition: color 0.3s ease-out;
  403. transition: color 0.3s ease-out;
  404. color:{color:link};
  405. }
  406.  
  407. a:hover {
  408. text-decoration: none;
  409. font-style:;
  410. color: {color:Hover};
  411. }
  412.  
  413. div#center{
  414. margin:auto;
  415. position:relative;
  416. width:1000px;
  417. background-color:;
  418. overflow:auto;
  419. overflow-y:hidden;
  420. }
  421.  
  422.  
  423. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  424. .entry {
  425. float:left;
  426. display: block;
  427. margin:15px;
  428. overflow:hidden;
  429. width:196px;
  430. padding:2px;
  431. border:1px solid #fff;
  432. margin-left:30px;
  433. margin-top:30px;
  434. {block:if3column}
  435. width:210px;
  436. {/block:if3column}
  437. {block:if2column}
  438. width:240px;
  439. {/block:if2column}
  440. {block:if1column}
  441. width:280px;
  442. {/block:if1column}
  443. {block:PermalinkPage}
  444. width:450px;
  445. text-align:left;
  446. line-height:15px;
  447. {/block:PermalinkPage}
  448. background-image:URL();
  449. -webkit-transition: 1s ease-in-out;
  450. -moz-transition: 1s ease-in-out;
  451. -o-transition: 1s ease-in-out;
  452. }
  453. .entry:hover{
  454. {block:Indexpage}
  455. -webkit-transform: scale(1.2);
  456. -moz-transform: scale(1.2);
  457. -o-transform: scale(1.2) ;
  458. -ms-transform: scale(1.2);
  459. transform: scale(1.2) ;
  460. -webkit-transition: 1s ease-in-out;
  461. -moz-transition: 1s ease-in-out;
  462. -o-transition: 1s ease-in-out;
  463. z-index: 9999999999999999999;
  464. {/block:Indexpage}
  465. }
  466.  
  467.  
  468. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  469. .entry .perma{
  470. width:19px;
  471. height:20px;
  472. margin-left:5px;
  473. position: absolute;
  474. line-height: 26px;
  475. overflow:hidden;
  476. text-align:center;
  477. top:5px;
  478. background:black;
  479. word-spacing:2px;
  480. border-radius:100%;
  481. padding:4px;
  482. letter-spacing:1px;
  483. opacity: 0.0;
  484. -webkit-transition: all .7s ease;
  485. -moz-transition: all .7s ease;
  486. -o-transition: all .7s ease;
  487. transition: all .7s ease;
  488.  
  489. }
  490.  
  491. .entry:hover .perma{
  492. overflow:visible;
  493. opacity:1;
  494. }
  495. .entry .perma2{
  496. width:19px;
  497. height:20px;
  498. margin-left:35px;
  499. position: absolute;
  500. line-height: 26px;
  501. overflow:hidden;
  502. text-align:center;
  503. top:5px;
  504. background:black;
  505. word-spacing:2px;
  506. border-radius:100%;
  507. padding:4px;
  508. letter-spacing:1px;
  509. opacity: 0.0;
  510. -webkit-transition: all .7s ease;
  511. -moz-transition: all .7s ease;
  512. -o-transition: all .7s ease;
  513. transition: all .7s ease;
  514.  
  515. }
  516.  
  517. .entry:hover .perma2{
  518. overflow:visible;
  519. opacity:1;
  520. }
  521. .entry .perma3{
  522. width:auto;
  523. height:15px;
  524. margin-left:65px;
  525. position: absolute;
  526. line-height: 16px;
  527. overflow:hidden;
  528. text-align:center;
  529. top:7px;
  530. color:#fff;
  531. background:black;
  532. word-spacing:2px;
  533. border-radius:4px;
  534. padding:4px;
  535. letter-spacing:1px;
  536. opacity: 0.0;
  537. -webkit-transition: all .7s ease;
  538. -moz-transition: all .7s ease;
  539. -o-transition: all .7s ease;
  540. transition: all .7s ease;
  541.  
  542. }
  543. .perma3 a{
  544. color:#fff;
  545. }
  546. .entry:hover .perma3{
  547. overflow:visible;
  548. opacity:1;
  549. }
  550. #ocehans1{
  551. border-radius:100%;
  552. padding:2px;
  553. height:20px;
  554. background:white;
  555. font-family:arial;
  556. font-size:10px;
  557. line-height: 12px;
  558. position:fixed;
  559. text-align:center;
  560. padding:7px;
  561. border:1px solid #f7f7f7;
  562. position:fixed;
  563. margin-top:10px;
  564. margin-left:8px;
  565. width:20px;
  566. overflow:hidden;
  567. z-index:98;
  568. -webkit-transition:opacity 0.7s ease-in; opacity:1.0;
  569. -webkit-transition:all 0.7s ease-in;
  570. -moz-transition:all 0.7s ease-in;
  571. transition:all 0.7s ease-in;
  572. }
  573.  
  574. div#ocehans1:hover {
  575. height:220px;
  576. width:130px;
  577. border-radius:0%;
  578. -webkit-transition:opacity 0.7s ease-in; opacity:1.0;
  579. -webkit-transition:all 0.7s ease-in;
  580. -moz-transition:all 0.7s ease-in;
  581. transition:all 0.7s ease-in;
  582. }
  583. askk{
  584. font-size:24px;
  585. font-family: 'Sacramento', cursive;
  586. color:white;
  587. line-height:22px;
  588. }
  589. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  590. #posts {
  591. width:1100px;
  592.  
  593. margin-top:-10px;
  594. {block:ifbanner}
  595. margin-top:50px;
  596. {/block:ifbanner}
  597. z-index:99;
  598. margin-left:-10px;
  599. {block:if3column}
  600. width:800px;
  601. margin-left:100px;
  602. {/block:if3column}
  603. {block:if2column}
  604. width:700px;
  605. margin-left:180px;
  606. {/block:if2column}
  607. {block:if1column}
  608. width:400px;
  609. margin-left:320px;
  610. {/block:if1column}
  611. right:auto;
  612. background:transparent;
  613. margin-right:auto;
  614. position:relative;
  615. overflow-y: hidden;
  616. }
  617.  
  618.  
  619. /*CUSTOMIZE SIDEBAR HERE*/
  620. #sidebar{
  621. position:relative !important;
  622. width:415px;
  623. background:transparent;
  624. height:auto;
  625. margin-top:80px;
  626. font-family:consolas;
  627. margin-left:295px;
  628. text-align:center;
  629. color:{color:sidebar text};
  630. font-size:11px;
  631. }
  632. #sidebar a{
  633.  
  634. padding:5px;
  635. margin-left:1px; margin-right:1px;
  636.  
  637. color:#000;
  638.  
  639. border:3px double black;
  640.  
  641. background:white;}
  642. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  643. #blogtitle{
  644. font-family:georgia;
  645. font-size:25px;
  646. color:{color:sidebar text};
  647. opacity:1;
  648. margin-top:-20px;
  649. z-index:99;
  650. line-height:30px;
  651. text-align:center;
  652. text-transform:none;
  653. font-style:italic;
  654. -webkit-transition: all .7s ease;
  655. -moz-transition: all .7s ease;
  656. -o-transition: all .7s ease;
  657. transition: all .7s ease;
  658. }
  659. #ireverent2 {
  660. position:fixed;
  661. z-index:999;
  662. padding:13px;
  663. position:fixed;
  664. font-size:11px;
  665. text-align:left;
  666. line-height:12px;
  667. position:fixed;
  668. margin-left:8px;
  669. margin-top:17px;
  670. color:#999999;
  671. width:40px;
  672. border-radius:100%;
  673. border:1px solid #fff;
  674. height:40px;
  675. text-transform:none;
  676. overflow:hidden;
  677. transition: all 0.6s ease-out;
  678. -o-transition-transition: all 0.6s ease-out;
  679. -webkit-transition: all 0.6s ease-out;
  680. -moz-transition: all 0.6s ease-out;
  681. }
  682.  
  683. #ireverent2:hover{
  684. width:194px;
  685. height:180px;
  686. border-bottom-right-radius:10px;
  687. border-bottom-left-radius:0px;
  688. border-top-left-radius:0px;
  689. border-top-right-radius:0px;
  690. border:1px solid #eee;
  691. overflow-y:scroll;
  692. margin-left:-9px;
  693. margin-top:-5px;
  694. transition: all 0.6s ease-out;
  695. -o-transition-transition: all 0.6s ease-out;
  696. -webkit-transition: all 0.6s ease-out;
  697. -moz-transition: all 0.6s ease-out;
  698. }
  699. #ireverent2 img{
  700. margin-top:-5px;
  701. }
  702. ::-webkit-scrollbar {width: 5px; height: 6px; background: transparent;}
  703.  
  704. ::-webkit-scrollbar-thumb {background-color:#fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid
  705. #fff; border-radius:10px; }
  706. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  707.  
  708.  
  709. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  710. .title{
  711. line-height: 22px;
  712. color:{color:Title};
  713. font-weight: normal;
  714. font-size:17px;
  715. font-family:consolas;
  716. }
  717.  
  718.  
  719. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  720. .permalink{
  721. text-transform: normal;
  722. display: block;
  723. text-align: right;
  724. text-decoration: none;
  725. }
  726.  
  727.  
  728. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  729. #infscr-loading{
  730. bottom: -70px;
  731. position: absolute;
  732. left: 50%;
  733. margin-left:-8px;
  734. width:16px;
  735. height:11px;
  736. overflow:hidden;
  737. margin-bottom: 50px;
  738. }
  739.  
  740. #postnotes{
  741. text-align: justify;}
  742.  
  743. #postnotes blockquote{
  744. border: 0px;}
  745.  
  746. blockquote{
  747. padding:0px 0px 2px 5px;
  748. margin:0px 0px 2px 10px;
  749. border-left: 1px dotted #555555;
  750. }
  751.  
  752. blockquote p, ul{
  753. margin:0px;
  754. padding:0px;
  755. }
  756.  
  757. a img{border: 0px;}
  758.  
  759.  
  760. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  761.  
  762. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  763. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  764.  
  765. .notes img{width:10px; position:relative; top:3px;}
  766. <--ses-->
  767. small{font-size: 90%;}
  768.  
  769. {CustomCSS}
  770.  
  771. </style>
  772.  
  773. {block:IndexPage}
  774. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  775. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  776.  
  777. <script type="text/javascript">
  778. $(window).load(function(){
  779. var $wall = $('#posts');
  780. $wall.imagesLoaded(function(){
  781. $wall.masonry({
  782. itemSelector: '.entry, .entry_photo',
  783. isAnimated : false
  784. });
  785. });
  786.  
  787. $wall.infinitescroll({
  788. navSelector : '#pagination',
  789. nextSelector : '#pagination a',
  790. itemSelector : '.entry, .entry_photo',
  791. bufferPx : 2000,
  792. debug : false,
  793. errorCallback: function() {
  794. $('#infscr-loading').fadeOut('normal');
  795. }},
  796. function( newElements ) {
  797. var $newElems = $( newElements );
  798. $newElems.hide();
  799. $newElems.imagesLoaded(function(){
  800. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  801. });
  802. }); $('#posts').show(500);
  803. });
  804. </script>
  805.  
  806.  
  807. {/block:IndexPage}
  808.  
  809.  
  810. <title>{title}</title>
  811.  
  812. <link rel="shortcut icon" href="{Favicon}" />
  813. <meta name="viewport" content="width=820" />
  814. <script type="text/javascript" src="http://static.tumblr.com/uwz0y16/MQ5nihvz5/docu.txt"></script>
  815. </head>
  816.  
  817. <body>
  818. {block:ifupdatestab}
  819. <div id="ireverent2">
  820. <center><img src="http://static.tumblr.com/807e12b17192e1ac86e3d3d03ca55463/epudhw8/kufn8ncg1/tumblr_static_3y46rfacureow44k4wgggsgwk.gif" style="opacity: 1; margin-left:-5px; width:50px;"> </center>
  821. <br>
  822. <div style=" color:#fff;padding: 3px;font-size: 12px;"><b>TITLE 1</b></div><p>
  823.  
  824. HEY WRITE WHATEVER YOU WANT
  825.  
  826. <div style="color:#fff; padding: 3px;font-size: 12px;"><b>TITLE 2</b></div><p>
  827.  
  828. WRITE WHATEVA YOU WANT
  829. </p>
  830. <div style="color:#fff;padding: 3px;font-size: 12px;"><b>TITLE 3</b></div><p>
  831.  
  832.  
  833. OCEHANS MADE THIS BUT I SLIGHTLY EDITED THIS.
  834. </div>
  835. </div>
  836. {/block:ifupdatestab}
  837. <BODY onselectstart="return false;" ondragstart="return false;">
  838. <div class="wrapper">
  839. <div class="header">
  840. </div>
  841.  
  842. <div id="cage">
  843. <div id="center">
  844.  
  845. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  846. <div id="sidebar">
  847. <center>
  848. {block:ifbanner}<img src="{image:sidebar}" width=100%>{/block:ifbanner}
  849. {block:ifnotbanner}<div id="blogtitle">{title}</div>{/block:ifnotbanner}
  850. <div style="width:520px; margin-left:-75px">{description}</div><br>
  851. <div style="margin-left:-45px;">
  852. <a href="/" title="refresh">refresh</a> <img src="http://media.tumblr.com/tumblr_m0pp84IcgX1r90o3y.png" style="top:4px"> <a href="#?w=250" title="ask me anything" rel="box1" class="poplight">message</a>
  853. <img src="http://media.tumblr.com/tumblr_m0pp84IcgX1r90o3y.png" style="top:4px">
  854. <a href="#?w=250" title="submit me anything" rel="box2" class="poplight">submit</a><img src="http://media.tumblr.com/tumblr_m0pp84IcgX1r90o3y.png" style="top:4px">
  855. <a href="#?w=250" title="more links" rel="box3" class="poplight">more links</a><img src="http://media.tumblr.com/tumblr_m0pp84IcgX1r90o3y.png" style="top:4px">
  856. <a href="/archive" title="past posts">archive</a></div>
  857. </center>
  858. </div>
  859. <!------------------------------------->
  860.  
  861.  
  862. <div class="left">
  863. <div id="posts">
  864. {block:Posts}
  865. <div class="entry">
  866.  
  867. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  868.  
  869. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  870. {/block:Text}
  871.  
  872. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  873.  
  874. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  875. {block:Answer}
  876. <div style="margin:3px; margin-top:-5px; min-height:30px; padding:3px; ">
  877. <img src="{AskerPortraitURL-30}" width="30" align="left"
  878. style="margin-right:4px; margin-top:2px; margin-left:2px; border:1px solid #ddd; padding:3px; background:#fff; border-radius:100%; 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)">
  879. <askk>{Asker}</askk>: {Question}</div>
  880. <div style="font-family:calibri; font-size:10px">{Answer}</div>
  881. <div class="tt"><a
  882.  
  883. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a> <big>☮</big> Posted {Month} {DayofMonth}, {year}</span></div>
  884. {/block:Answer}
  885. {block:Photo}
  886. {block:IndexPage}
  887. <center>
  888. <div class="perma">
  889. {LikeButton color="white" size="14"} </div>
  890. <div class="perma2">
  891. <div style="float:center; margin-left:3px; margin-top:1px">{ReblogButton color="white" size="13"}</div> </div>
  892. <div class="perma3">
  893. <a href="{Permalink}">{Notecount}</a></div>
  894. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  895. {/block:IndexPage}
  896. {block:PermalinkPage}
  897. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  898.  
  899. {LinkCloseTag}
  900. {/block:PermalinkPage}
  901. {/block:Photo}
  902.  
  903. {block:Photoset}
  904. {block:IndexPage}
  905. <center>
  906.  
  907. <div class="perma">
  908. {LikeButton color="white" size="16"} </div>
  909. <div class="perma2">
  910. {ReblogButton color="white" size="15"} </div>
  911.  
  912. {Photoset}</center>
  913. {/block:IndexPage}
  914. {block:PermalinkPage}
  915. <center>
  916. {Photoset-500}</center>
  917. {/block:PermalinkPage}
  918. {/block:Photoset}
  919.  
  920. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  921.  
  922. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  923.  
  924. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  925. <ul class="chat">
  926. {block:Lines}
  927. <li class="user_{UserNumber}">
  928. {block:Label}
  929. <span class="label">{Label}</span>
  930. {/block:Label}
  931.  
  932. {Line}
  933. </li>
  934. {/block:Lines}
  935. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  936. {/block:Chat}
  937.  
  938. {block:Audio}
  939. <div style="width:200px; height:30px;">
  940. {AudioPlayerBlack}
  941. </div>
  942. {block:IndexPage}<span class="permalink">
  943. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  944. </span>{/block:IndexPage}
  945. {/block:Audio}
  946.  
  947. {block:Video}
  948. {block:IndexPage}
  949. <center>
  950. <div class="perma">
  951. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  952. {Video-250}</center>
  953. {/block:IndexPage}
  954. {block:PermalinkPage}
  955. <center>
  956. {Video-400}</center>
  957. {/block:PermalinkPage}
  958. {block:Video}
  959.  
  960.  
  961. {block:PostNotes}<div align="middle">{caption}</div>
  962. <center>
  963.  
  964. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  965.  
  966. {block:HasTags}
  967. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  968. {block:RebloggedFrom}
  969. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  970. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  971.  
  972. {/block:RebloggedFrom}
  973. </center></span>
  974. <br>
  975. <div id="postnotes">{PostNotes}</div><br>
  976.  
  977. <center>{block:ContentSource}
  978. <br><a href="{SourceURL}">
  979. {lang:Source}:
  980. {block:SourceLogo}
  981. <img src="{BlackLogoURL}" width="{LogoWidth}"
  982. height="{LogoHeight}" alt="{SourceTitle}" />
  983. {/block:SourceLogo}
  984. {block:NoSourceLogo}
  985. {SourceLink}
  986. {/block:NoSourceLogo}
  987. </a>
  988. {/block:ContentSource}</center>
  989.  
  990. {/block:PostNotes}
  991. </div>
  992. {/block:Posts}
  993. </div></div>
  994.  
  995. {block:IndexPage}
  996. {block:Pagination}
  997. <div id="pagination">
  998. {block:NextPage}
  999. <a id="nextPage" href="{NextPage}"></a>
  1000. {/block:NextPage}
  1001. {block:PreviousPage}
  1002. <a href="{PreviousPage}"></a>
  1003. {/block:PreviousPage}
  1004. </div>
  1005. {/block:Pagination}
  1006. {/block:IndexPage}
  1007. </body>
  1008. <div id="box1" class="popup_block">
  1009. <div style="font-family: georgia;text-align:center; font-size:18px;font-style:italic; letter-spacing: 1px; color: #000;">Ask</div><br>
  1010.  
  1011. &middot ask me anything<br>
  1012. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1013.  
  1014.  
  1015. </div></div>
  1016. <div id="box2" class="popup_block">
  1017. <div style="font-family: georgia;text-align:center; font-size:18px;font-style:italic; letter-spacing: 1px; color: #000;">Submit</div><br>
  1018.  
  1019. <Center><p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" frameborder="0" height="400" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  1020. </center></div>
  1021. <div id="box3" class="popup_block">
  1022. <div style="font-family: georgia;text-align:center; font-size:18px;font-style:italic; letter-spacing: 1px; color: #000;">More Links</div><br>
  1023. <div style="font-size:14px;color:#000; font-family:consolas; text-align:center; line-height:16px;">
  1024. <a href="{text:link one}">{text:link one title}</a> &middot <a href="{text:link two}">{text:link two title}</a><br>
  1025. <a href="{text:link three}">{text:link three title}</a> &middot <a href="{text:link four}">{text:link four title}</a> <br>
  1026. <a href="{text:link five}">{text:link five title}</a> &middot <a href="{text:link six}">{text:link six title}</a>
  1027. </div></div></div>
  1028. <div style="position:fixed; padding:5px; bottom:6px; right:6px; border:1px solid #fff; border-radius:100%; width:16px; height:16px;"><a href="http://mufflinq.tumblr.com" title="theme by aj"><img src="http://media.tumblr.com/tumblr_m0pp7tctqe1r90o3y.png" style="left:-5px; top:-4px; "></a></div>
  1029. </html>
Add Comment
Please, Sign In to add comment