API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 7th, 2013
954
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ROB THEME 8
  3. ╭━╮╭━╮╱╱╱╱╱╱╱╱╱╱╱╭━━━╮╱╱╭╮
  4. ┃┃╰╯┃┃╱╱╱╱╱╱╱╱╱╱╱┃╭━╮┃╱╱┃┃
  5. ┃╭╮╭╮┣━━┳━━┳━╮╱╱╱┃┃╱┃┣┳━┫┃╭━━╮
  6. ┃┃┃┃┃┃┃━┫╭╮┃╭╮┳━━┫┃╱┃┣┫╭┫┃┃━━┫
  7. ┃┃┃┃┃┃┃━┫╭╮┃┃┃┣━━┫╰━╯┃┃┃┃╰╋━━┃
  8. ╰╯╰╯╰┻━━┻╯╰┻╯╰╯╱╱╰━━╮┣┻╯╰━┻━━╯
  9. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰╯
  10. www.mean-qirls.tumblr.com
  11. KEEP CREDIT OR PUT IN FAQ
  12. -->
  13. <html lang="en">
  14. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17.  
  18. <script type="text/javascript">
  19. <!--
  20.  
  21. // Disable Right Click Script
  22.  
  23. function IE(e)
  24. {
  25. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  26. {
  27. return false;
  28. }
  29. }
  30. function NS(e)
  31. {
  32. if (document.layers || (document.getElementById && !document.all))
  33. {
  34. if (e.which == "2" || e.which == "3")
  35. {
  36. return false;
  37. }
  38. }
  39. }
  40. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  41.  
  42. //-->
  43. </script>
  44. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  45. {block:IfInfiniteScroll}
  46. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  47. {/block:IfInfiniteScroll}
  48. <script language=JavaScript>
  49.  
  50. <script>
  51. (function() {
  52. var $tumblelog = $('#content');
  53. {block:IfInfiniteScroll}
  54. $tumblelog.infinitescroll({
  55. navSelector : ".pagination",
  56. nextSelector : ".pagination a:first",
  57. itemSelector : "article",
  58. bufferPx : 50,
  59. done : "",
  60. loading: {
  61. finishedMsg: "<p> </p>",
  62. img : " ",
  63. msg: null,
  64. msgText: "<p> </p>"
  65. },
  66. },
  67. function( newElements ) {
  68. var $newElems = $( newElements ).css({ opacity: 0 });
  69. $newElems.imagesLoaded(function(){
  70. $newElems.animate({ opacity: 1 });
  71. $tumblelog.masonry( 'appended', $newElems);
  72. });
  73. }
  74. );
  75. {/block:IfInfiniteScroll}
  76. $tumblelog.imagesLoaded( function(){
  77. $tumblelog.masonry({
  78. columnWidth: function( containerWidth ) {
  79. return containerWidth / 100;
  80. }
  81. });
  82. });
  83. })();
  84. </script>
  85.  
  86.  
  87. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  88.  
  89. <style>
  90. div#qTip {
  91. padding: 4px;
  92. border-radius: 20px;
  93. height: 20px;
  94. display: none;
  95. color: #fff;
  96. margin-left: 20px;
  97. font-size: 23px;
  98. font-family: gentle;
  99. text-align: center;
  100. position: absolute;
  101. line-height: 20px;
  102. z-index: 100000000000000000;
  103. opacity: 1;
  104. border: 7px solid #fff;
  105. border-top:1px solid #fff;
  106. border-bottom:1px solid #fff;
  107. background: {color:sidebar border1};
  108. box-shadow: 4px 5px 15px #000;
  109. text-shadow: 2px 2px 3px #000;
  110. }
  111. </style>
  112.  
  113. <script>
  114. $(document).ready(function() {
  115. //
  116. $('a.poplight[href^=#]').click(function() {
  117. var popID = $(this).attr('rel'); //Get Popup Name
  118. var popURL = $(this).attr('href'); //Get Popup href to define size
  119. var query= popURL.split('?');
  120. var dim= query[1].split('&');
  121. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  122. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  123. var popMargTop = ($('#' + popID).height() + 80) / 2;
  124. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  125. //Apply Margin to Popup
  126. $('#' + popID).css({
  127. 'margin-top' : -popMargTop,
  128. 'margin-left' : -popMargLeft
  129. });
  130. $('body').append('<div id="fade"></div>');
  131. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  132. return false;
  133. });
  134. $('a.close, #fade').live('click', function() {
  135. $('#fade , .popup_block').fadeOut(function() {
  136. $('#fade, a.close').remove(); //fade them both out
  137. });
  138. return false;
  139. });
  140. });
  141. </script>
  142. <script type="text/javascript"
  143. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  144.  
  145. {block:IndexPage}
  146. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  147. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  148. <script type="text/javascript">
  149. $(window).load(function () {
  150. var $content = $('#content');
  151. $content.masonry({itemSelector: '.entry'}),
  152. $content.infinitescroll({
  153. navSelector : 'div#pagination',
  154. nextSelector : 'div#pagination a#nextPage',
  155. itemSelector : '.entry',
  156. loading: {
  157. finishedMsg: '',
  158. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  159. },
  160. bufferPx : 600,
  161. debug : false,
  162. },
  163. // call masonry as a callback.
  164. function( newElements ) {
  165. var $newElems = $( newElements );
  166. $newElems.hide();
  167. // ensure that images load before adding to masonry layout
  168. $newElems.imagesLoaded(function(){
  169. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  170. {/block:IndexPage}
  171.  
  172. <link href='http://fonts.googleapis.com/css?family=Amatic+SC|Coming+Soon' rel='stylesheet' type='text/css'>
  173. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  174. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  175. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  176.  
  177. <meta name="color:background" content="#fff"/>
  178. <meta name="color:Text" content="#bdbdbd"/>
  179. <meta name="color:Link" content="#bdbdbd"/>
  180. <meta name="color:Title" content="#c0e7fc"/>
  181. <meta name="color:sidebar border" content="#bdbdbd"/>
  182. <meta name="color:sidebar border1" content="#c0e7fc"/>
  183.  
  184. <meta name="image:Sidebar" content=""/>
  185. <meta name="image:background" content=""/>
  186. <meta name="image:nav background" content=""/>
  187.  
  188. <meta name="text:link one title" content="Link 1 title" />
  189. <meta name="text:link one" content="Link 1" />
  190. <meta name="text:link two title" content="Link 2 title" />
  191. <meta name="text:link two" content="Link 2" />
  192. <meta name="text:link three title" content="Link 3 Title" />
  193. <meta name="text:link three" content="Link 3" />
  194. <meta name="text:link four title" content="Link 4 Title" />
  195. <meta name="text:link four" content="Link 4" />
  196. <meta name="text:link five title" content="Link 5 Title" />
  197. <meta name="text:link five" content="Link 5" />
  198. <meta name="text:blog title" content="Title" />
  199. <meta name="text:stats" content="Stats" />
  200.  
  201. <style type="text/css">
  202. #fade { /*--Transparent background layer--*/
  203. opacity: 0.6;
  204. display: none; /*--hidden by default--*/
  205. position: fixed; left: 0; top: 0;
  206. width: 100%; height: 100%;
  207. }
  208.  
  209. .popup_block{
  210. display: none; /*--hidden by default--*/
  211. background: #fcfbf8;
  212. padding: 10px;
  213. border-left: 16px solid {color:sidebar border1};
  214. border-top: 16px solid {color:sidebar border1};
  215. border-bottom: 16px solid {color:sidebar border};
  216. border-right: 16px solid {color:sidebar border};
  217. float: left;
  218. font-size: 10;
  219. position: fixed;
  220. top: 50%; left: 50%;
  221. z-index: 9999999999999;
  222. /*--CSS3 Box Shadows--*/
  223. -webkit-box-shadow: 0px 0px 20px #000;
  224. -moz-box-shadow: 0px 0px 20px #000;
  225. /*--CSS3 Rounded Corners--*/
  226. -webkit-border-radius: 5px;
  227. -moz-border-radius: 5px;
  228. border-radius: 12px;
  229. }
  230. img.btn_close {
  231. float: right;
  232. margin-bottom: 15px;
  233. margin-right: 5px;
  234. margin-top: 5px;
  235. }
  236. /*--Making IE6 Understand Fixed Positioning--*/
  237. *html #fade {
  238. position: absolute;
  239. }
  240. *html .popup_block {
  241. position: absolute;
  242. }
  243.  
  244.  
  245. /*FONTS ALL GO HERE (There's a lot omfg)*/
  246. @font-face { font-family: "Call Me"; src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype"); }
  247.  
  248. @font-face {font-family: "bree"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  249.  
  250. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  251.  
  252. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  253.  
  254. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf);}
  255.  
  256. @font-face {font-family: "caviar";src: url('http://static.tumblr.com/jpsgxtp/1Ojmnktvz/caviardreams.ttf');}
  257.  
  258. @font-face {font-family: "love note";src: url('http://static.tumblr.com/jpsgxtp/E0smnktxz/ck_love_note.ttf');}
  259.  
  260. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  261.  
  262. @font-face { font-family: "dylan"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  263.  
  264. @font-face { font-family: "beyonce"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  265.  
  266. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  267.  
  268. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  269.  
  270. @font-face {font-family: "Cinnamon"; src: url("http://static.tumblr.com/npggxjg/Jm9m1xlt2/cinnamon_cake.ttf");}
  271.  
  272. @font-face {font-family: "bree"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  273.  
  274. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  275.  
  276. @font-face {font-family: "curz";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  277.  
  278. @font-face {font-family:"Dingleberry"; src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  279.  
  280. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  281.  
  282. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  283.  
  284. @font-face { font-family: "prince"; src: url('http://static.tumblr.com/rmj06l2/Ez5lo1s2r/akmy_prince.ttf'); }
  285.  
  286. @font-face { font-family: "stan"; src: url('http://static.tumblr.com/jpsgxtp/si7mpqomh/stanberry.ttf'); }
  287.  
  288. @font-face { font-family: "gentle"; src: url('http://static.tumblr.com/bflqsdf/n3emly1ne/a_gentle_touch.ttf'); }
  289.  
  290. @font-face{font-family: "Japan"; src:url('http://static.tumblr.com/9wzbixa/KKbm0c410/japan.ttf');}
  291.  
  292. @font-face { font-family: "fruty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  293.  
  294. @font-face{font-family:Gruenewald; src: url(http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf);}
  295.  
  296. @font-face {font-family: "Skinny"; src:url('http://static.tumblr.com/9wzbixa/giym2g6nj/_skinny__jeans_solid.ttf');}
  297.  
  298. @font-face {font-family: "birthday"; src: url('http://static.tumblr.com/pwgdr2n/iWym3ikhg/birthday.ttf'); }
  299.  
  300. @font-face { font-family: "always and forever"; src: url('http://static.tumblr.com/7glhdxz/WEGmgeus4/always_forever.ttf'); }
  301.  
  302. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-
  303.  
  304. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  305.  
  306. 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;}
  307.  
  308.  
  309. <style type="text/css">
  310.  
  311.  
  312. body {margin:0px; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat;}
  313.  
  314. body, div, p, textarea, submit, input{ font-family:'ubuntu'; font-size:12px; line-height:13px; letter-spacing:.9px; color:{color:Text};}
  315.  
  316. p { margin:0px; margin-top:0px;}
  317.  
  318. a:link, a:active, a:visited{
  319. color: {color:link};
  320. text-decoration: none;
  321. -webkit-transition: color 0.5s ease-in;
  322. -moz-transition: color 0.5s ease-in;
  323. }
  324.  
  325. body, p {
  326. font-size:26px;
  327. letter-spacing:.9px;
  328. font-family: always and forever;
  329. line-height:20px;
  330. padding: 0px;
  331. margin: 0px;
  332. color:{color:text};
  333. }
  334.  
  335. body {
  336. background-color:{color:background};
  337. background-image:url({image:Background});
  338. background-attachment: fixed;
  339. background-repeat: repeat;
  340. }
  341.  
  342. a {
  343. text-decoration:none;
  344. color:{color:text};
  345. -webkit-transition: all 0.4s linear;
  346. -moz-transition: all 0.4s linear;
  347. transition: all 0.4s linear;
  348. }
  349.  
  350. a:hover{
  351. text-shadow:-1px 0 {color:sidebar border}, 0 1px {color:sidebar border}, 1px 0 {color:sidebar border}, 0 -1px {color:sidebar border};
  352. transition: all 0.6s ease-out;
  353. -o-transition-transition: all 0.6s ease-out;
  354. -webkit-transition: all 0.6s ease-out;
  355. -moz-transition: all 0.6s ease-out;
  356. }
  357.  
  358. div#center{
  359. margin: auto;
  360. width: 1200px;
  361. }
  362.  
  363.  
  364. div#content {
  365. width:900px;
  366. margin-left:400px;
  367. margin-top:45px;
  368. float:left;
  369. padding-top: 5px;
  370. padding: 5px;
  371. -webkit-animation:fadeInDownBig 2s;
  372. -moz-animation:fadeInDownBig 2s;
  373. -ms-animation:fadeInDownBig 2s;
  374. }
  375.  
  376. #desc a{
  377. color:{color:text};
  378. text-shadow:-1px 0 {color:sidebar border}, 0 1px {color:sidebar border}, 1px 0 {color:sidebar border}, 0 -1px {color:sidebar border};
  379. }
  380.  
  381. #desc{
  382. position:fixed !important;
  383. width:300px;
  384. height:auto;
  385. padding-top:4px;
  386. padding-bottom:4px;
  387. margin-top:95px;
  388. margin-left:9px;
  389. text-align:center;
  390. z-index:9999;
  391. font-family:bree;
  392. color:{color:text};
  393. border:3px solid {color:sidebar border};
  394. border-left:none;
  395. border-right:none;
  396. background:white;
  397. font-size: 32px;
  398. line-height: 22px;
  399. opacity: 0;
  400. transition: all 0.6s ease-out;
  401. -o-transition-transition: all 0.6s ease-out;
  402. -webkit-transition: all 0.6s ease-out;
  403. -moz-transition: all 0.6s ease-out;
  404. text-shadow: 1px 0px 4px {color:sidebar border};
  405. }
  406.  
  407. #sidebar:hover #desc {
  408. opacity:1;
  409. transition: all 0.6s ease-out;
  410. -o-transition-transition: all 0.6s ease-out;
  411. -webkit-transition: all 0.6s ease-out;
  412. -moz-transition: all 0.6s ease-out;
  413. }
  414.  
  415. #credit{
  416. position:fixed;
  417. z-index:999999999999999;
  418. bottom:0px;
  419. left:5px;
  420. width:15px;
  421. height:10px;
  422. background-color:white;
  423. color: #626285;
  424. font-family: calibri;
  425. font-size:15px;
  426. line-height:0px;
  427. text-align:center;
  428. transition: all 0.6s ease-out;
  429. -o-transition-transition: all 0.6s ease-out;
  430. -webkit-transition: all 0.6s ease-out;
  431. -moz-transition: all 0.6s ease-out;
  432. opacity:1;
  433. }
  434.  
  435.  
  436. #sidebar #updates{
  437. position:fixed !important;
  438. width:40px;
  439. padding-top:6px;
  440. height:20px;
  441. margin-top: -30px;
  442. margin-left:267px;
  443. text-align:center;
  444. z-index:99999;
  445. font-family: curz;
  446. border-bottom-right-radius:6px;
  447. color:#fff;
  448. background:transparent;
  449. opacity:0;
  450. transition: all 0.5s ease-out;
  451. -o-transition-transition: all 0.5s ease-out;
  452. -webkit-transition: all 0.5s ease-out;
  453. -moz-transition: all 0.5s ease-out;
  454. }
  455. #sidebar:hover #updates{
  456. opacity:1;
  457. margin-top: -30px;
  458. margin-left:267px;
  459. transition: all 0.5s ease-out;
  460. -o-transition-transition: all 0.5s ease-out;
  461. -webkit-transition: all 0.5s ease-out;
  462. -moz-transition: all 0.5s ease-out;
  463. }
  464.  
  465. #sidebar #transparent-image{
  466. position:fixed !important;
  467. width:40px;
  468. padding-top:4px;
  469. height:36px;
  470. margin-top: -120px;
  471. margin-left:30px;
  472. text-align:center;
  473. z-index:99999;
  474. font-family: curz;
  475. color:#fff;
  476. opacity:0;
  477. transition: all 0.7s ease-out;
  478. -o-transition-transition: all 0.7s ease-out;
  479. -webkit-transition: all 0.7s ease-out;
  480. -moz-transition: all 0.7s ease-out;
  481. }
  482.  
  483. #sidebar:hover #transparent-image{
  484. opacity:1;
  485. transition: all 0.5s ease-out;
  486. -o-transition-transition: all 0.5s ease-out;
  487. -webkit-transition: all 0.5s ease-out;
  488. -moz-transition: all 0.5s ease-out;
  489. }
  490.  
  491. #sidebar{
  492. position:fixed !important;
  493. width: 320px;
  494. font-family: ubuntu;
  495. height: 420px;
  496. overflow: hidden;
  497. border: 7px double {color:sidebar border1};
  498. opacity: 1;
  499. background-color: #fff;
  500. margin-left: 40px;
  501. margin-top: 90px;
  502. transition: all 0.9s ease-out;
  503. -o-transition-transition: all 0.9s ease-out;
  504. -webkit-transition: all 0.9s ease-out;
  505. -moz-transition: all 0.9s ease-out;
  506. }
  507.  
  508. #sidebar:hover{
  509. transition: all 0.6s ease-out;
  510. -o-transition-transition: all 0.6s ease-out;
  511. -webkit-transition: all 0.6s ease-out;
  512. -moz-transition: all 0.6s ease-out;
  513. }
  514.  
  515.  
  516. #blog-title{
  517. position:absolute;
  518. opacity: 0;
  519. letter-spacing: 0px;
  520. left: 52px;
  521. top:140px;
  522. font-size: 40px;
  523. width: 300px;
  524. height:30px;
  525. font-family: "stars";
  526. text-shadow:-1px 0 {color:sidebar border}, 0 1px {color:sidebar border}, 1px 0 {color:sidebar border}, 0 -1px {color:sidebar border};
  527. color: {color:title};
  528. background: transparent;
  529. text-align: center;
  530. position: fixed !important;
  531. z-index:999999;
  532. transition: all 0.6s ease-out;
  533. -o-transition-transition: all 0.6s ease-out;
  534. -webkit-transition: all 0.6s ease-out;
  535. -moz-transition: all 0.6s ease-out;
  536. }
  537.  
  538. #sidebar:hover #blog-title{
  539. opacity:1;
  540. transition: all 0.6s ease-out;
  541. -o-transition-transition: all 0.6s ease-out;
  542. -webkit-transition: all 0.6s ease-out;
  543. -moz-transition: all 0.6s ease-out;
  544. }
  545.  
  546. #statss a{
  547. color:{color:sidebar border};
  548. text-shadow:-1px 0 {color:sidebar border1}, 0 1px {color:sidebar border1}, 1px 0 {color:sidebar border1}, 0 -1px {color:sidebar border1};
  549. }
  550.  
  551. #statss{
  552. position:fixed !important;
  553. width:300px;
  554. height:auto;
  555. padding-top:4px;
  556. padding-bottom:4px;
  557. margin-top:185px;
  558. margin-left:9px;
  559. text-align:center;
  560. z-index:9999;
  561. font-family:bree;
  562. color:{color:sidebar border1};
  563. border:3px solid {color:sidebar border};
  564. border-left:none;
  565. border-right:none;
  566. background:white;
  567. font-size: 32px;
  568. line-height: 22px;
  569. opacity: 0;
  570. transition: all 0.6s ease-out;
  571. -o-transition-transition: all 0.6s ease-out;
  572. -webkit-transition: all 0.6s ease-out;
  573. -moz-transition: all 0.6s ease-out;
  574. text-shadow: 0px 0px 4px {color:sidebar border};
  575. }
  576.  
  577. #sidebar:hover #statss{
  578. opacity:1;
  579. transition: all 0.6s ease-out;
  580. -o-transition-transition: all 0.6s ease-out;
  581. -webkit-transition: all 0.6s ease-out;
  582. -moz-transition: all 0.6s ease-out;
  583. }
  584.  
  585. #sidebar .link{
  586. position:fixed;
  587. z-index:999999999999999;
  588. margin-top: -162px;
  589. margin-left:18px;
  590. width:40px;
  591. height:25px;
  592. padding-right:3px;
  593. padding-bottom:20px;
  594. background-color: {color:sidebar border1};
  595. border:1px solid #fff;
  596. font-family: dylan;
  597. font-size:35px;
  598. font-weight: bold;
  599. line-height:10px;
  600. text-align:center;
  601. border-radius:40px;
  602. transition: all 0.6s ease-out;
  603. -o-transition-transition: all 0.6s ease-out;
  604. -webkit-transition: all 0.6s ease-out;
  605. -moz-transition: all 0.6s ease-out;
  606. opacity:0;
  607. }
  608.  
  609. #sidebar:hover .link{
  610. opacity:1;
  611. }
  612.  
  613. #sidebar .link2{
  614. position:fixed;
  615. z-index:999999999999999;
  616. margin-top: -162px;
  617. margin-left:76px;
  618. width:40px;
  619. height:25px;
  620. padding-right:3px;
  621. padding-bottom:20px;
  622. background-color: {color:sidebar border1};
  623. border:1px solid #fff;
  624. font-family: dylan;
  625. font-size:35px;
  626. font-weight: bold;
  627. line-height:10px;
  628. text-align:center;
  629. border-radius:40px;
  630. transition: all 0.6s ease-out;
  631. -o-transition-transition: all 0.6s ease-out;
  632. -webkit-transition: all 0.6s ease-out;
  633. -moz-transition: all 0.6s ease-out;
  634. opacity:0;
  635. }
  636.  
  637. #sidebar:hover .link2{
  638. opacity:1;
  639. transition: all 0.6s ease-out;
  640. -o-transition-transition: all 0.6s ease-out;
  641. -webkit-transition: all 0.6s ease-out;
  642. -moz-transition: all 0.6s ease-out;
  643. }
  644.  
  645. #sidebar .link3{
  646. position:fixed;
  647. z-index:999999999999999;
  648. margin-top: -162px;
  649. margin-left:136px;
  650. width:40px;
  651. height:25px;
  652. padding-right:3px;
  653. padding-bottom:20px;
  654. background-color: {color:sidebar border1};
  655. border:1px solid #fff;
  656. font-family: dylan;
  657. font-size:35px;
  658. font-weight: bold;
  659. line-height:10px;
  660. text-align:center;
  661. border-radius:40px;
  662. transition: all 0.6s ease-out;
  663. -o-transition-transition: all 0.6s ease-out;
  664. -webkit-transition: all 0.6s ease-out;
  665. -moz-transition: all 0.6s ease-out;
  666. opacity:0;
  667. }
  668.  
  669. #sidebar:hover .link3{
  670. opacity:1;
  671. transition: all 0.8s ease-out;
  672. -o-transition-transition: all 0.8s ease-out;
  673. -webkit-transition: all 0.8s ease-out;
  674. -moz-transition: all 0.8s ease-out;
  675. }
  676.  
  677. #sidebar .link4{
  678. position:fixed;
  679. z-index:999999999999999;
  680. margin-top: -162px;
  681. margin-left:196px;
  682. width:40px;
  683. height:25px;
  684. padding-right:3px;
  685. padding-bottom:20px;
  686. background-color: {color:sidebar border1};
  687. border:1px solid #fff;
  688. font-family: dylan;
  689. font-size:35px;
  690. font-weight: bold;
  691. line-height:10px;
  692. text-align:center;
  693. border-radius:40px;
  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. opacity:0;
  699. }
  700.  
  701. #sidebar:hover .link4{
  702. opacity:1;
  703. transition: all 1s ease-out;
  704. -o-transition-transition: all 1s ease-out;
  705. -webkit-transition: all 1s ease-out;
  706. -moz-transition: all 1s ease-out;
  707. }
  708.  
  709. #sidebar .link5{
  710. position:fixed;
  711. z-index:999999999999999;
  712. margin-top: -162px;
  713. margin-left:255px;
  714. width:40px;
  715. height:25px;
  716. padding-right:3px;
  717. padding-bottom:20px;
  718. background-color: {color:sidebar border1};
  719. border:1px solid #fff;
  720. font-family: dylan;
  721. font-size:35px;
  722. font-weight: bold;
  723. line-height:10px;
  724. text-align:center;
  725. border-radius:40px;
  726. transition: all 0.6s ease-out;
  727. -o-transition-transition: all 0.6s ease-out;
  728. -webkit-transition: all 0.6s ease-out;
  729. -moz-transition: all 0.6s ease-out;
  730. opacity:0;
  731. }
  732.  
  733. #sidebar:hover .link5{
  734. opacity:1;
  735. transition: all 1.2s ease-out;
  736. -o-transition-transition: all 1.2s ease-out;
  737. -webkit-transition: all 1.2s ease-out;
  738. -moz-transition: all 1.2s ease-out;
  739. }
  740.  
  741.  
  742. #sidebarimage img {
  743. height:400px;
  744. margin-top:6px;
  745. margin-left:6px;
  746. opacity:0.9;
  747. width: 300px;
  748. border-radius: 7px;
  749. border: 3px solid {color:sidebar border};
  750. z-index: 99999;
  751. transition: all 0.9s ease-out;
  752. -o-transition-transition: all 0.9s ease-out;
  753. -webkit-transition: all 0.9s ease-out;
  754. -moz-transition: all 0.9s ease-out;
  755. }
  756.  
  757. #sidebar:hover #sidebarimage img{
  758. opacity:0;
  759. background-image:none;
  760. transition: all 0.9s ease-out;
  761. -o-transition-transition: all 0.9s ease-out;
  762. -webkit-transition: all 0.9s ease-out;
  763. -moz-transition: all 0.9s ease-out;
  764. }
  765.  
  766. #border{
  767. height:400px;
  768. margin-top:-406px;
  769. margin-left:6px;
  770. opacity:0;
  771. width: 300px;
  772. border-radius: 7px;
  773. border: 3px solid {color:sidebar border};
  774. z-index: 99999;
  775. transition: all 0.9s ease-out;
  776. -o-transition-transition: all 0.9s ease-out;
  777. -webkit-transition: all 0.9s ease-out;
  778. -moz-transition: all 0.9s ease-out;
  779. }
  780.  
  781. #border{
  782. opacity:1;
  783. background-image: url({image:nav background});
  784. transition: all 0.9s ease-out;
  785. -o-transition-transition: all 0.9s ease-out;
  786. -webkit-transition: all 0.9s ease-out;
  787. -moz-transition: all 0.9s ease-out;
  788. }
  789.  
  790. #link-line{
  791. position:fixed;
  792. height:5px;
  793. margin-top:-145px;
  794. margin-left:8px;
  795. opacity:0;
  796. width: 304px;
  797. overflow:hidden;
  798. background-color: {color:sidebar border};
  799. border: 4px double #fff;
  800. border-right: none;
  801. border-left: none;
  802. z-index: 99999;
  803. transition: all 0.9s ease-out;
  804. -o-transition-transition: all 0.9s ease-out;
  805. -webkit-transition: all 0.9s ease-out;
  806. -moz-transition: all 0.9s ease-out;
  807. }
  808.  
  809. #sidebar:hover #link-line{
  810. opacity:1;
  811. transition: all 0.9s ease-out;
  812. -o-transition-transition: all 0.9s ease-out;
  813. -webkit-transition: all 0.9s ease-out;
  814. -moz-transition: all 0.9s ease-out;
  815. }
  816. ask{
  817. font-family: 'gentle';
  818. text-align: left;
  819. font-size:30px;
  820. margin-left:10px;
  821. line-height: 20px;
  822. text-shadow: 2px 2px 3px {color:text};
  823. }
  824.  
  825. askkk{
  826. font-family: 'always and forever';
  827. text-align: left;
  828. font-size:21px;
  829. margin-left:1px;
  830. line-height: 22px;
  831. letter-spacing:1px;
  832. }
  833.  
  834. askk {
  835. font-family: 'beyonce';
  836. text-align: center;
  837. font-size:25px;
  838. color: {color:sidebar border1};
  839. text-shadow: 1px 1px 1px {color:sidebar border1};
  840. bottom: 0px;
  841. left: 0px;
  842. }
  843.  
  844. .lace{
  845. background: url('http://media.tumblr.com/76280ee22d3413b674c2b87cf5c2e18f/tumblr_inline_mpfng7uzsI1qz4rgp.png') repeat;
  846. width:100%;
  847. height:48px;
  848. top:0px;
  849. position:fixed;
  850. -webkit-animation:fadeInLeftBig 1s;
  851. -moz-animation:fadeInLeftBig 1s;
  852. -ms-animation:fadeInLeftBig 1s;
  853. }
  854.  
  855. .border-lace{
  856. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  857. width:449px;
  858. height:17px;
  859. left:158px;
  860. top:300px;
  861. position:fixed;
  862. -webkit-transform: rotate(-90deg);
  863. }
  864.  
  865. .border-lace2{
  866. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  867. width:354px;
  868. height:17px;
  869. left:31px;
  870. top:73px;
  871. position:fixed;
  872. -webkit-transform: rotate(180deg);
  873. }
  874.  
  875. .border-lace3{
  876. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  877. width:445px;
  878. height:17px;
  879. left:-191px;
  880. top:300px;
  881. position:fixed;
  882. -webkit-transform: rotate(90deg);
  883. }
  884.  
  885. .border-lace4{
  886. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  887. width:344px;
  888. height:17px;
  889. left:34px;
  890. top:524px;
  891. position:fixed;
  892. }
  893. .sideback1{
  894. position:fixed;
  895. margin-left:370px;
  896. margin-top: 25px;
  897. height: 100%;
  898. opacity: 0;
  899. width: 15px;
  900. box-shadow: 0px 9px 10px 2px #fff;
  901. border-left: 7px solid {color:sidebar border};
  902. border-right: 7px solid {color:sidebar border1};
  903. }
  904.  
  905. .entry {
  906. margin:4px;
  907. opacity: 0.8;
  908. float:left;
  909. height:auto;
  910. padding-top: 5.5px;
  911. padding-left: 5.5px;
  912. padding-right: 7.5px;
  913. padding-bottom: 5.5px;
  914. background: #fff;
  915. border: 1px solid #cccccc;
  916. float:left;
  917. overflow:hidden;
  918. width:270px;
  919. {block:PermalinkPage}
  920. width:725px;
  921. margin-left:80px;
  922. text-align:center;
  923. {/block:PermalinkPage}
  924. }
  925.  
  926. .entry:hover{
  927. opacity: 1;
  928. transition: all 0.9s ease-out;
  929. -o-transition-transition: all 0.9s ease-out;
  930. -webkit-transition: all 0.9s ease-out;
  931. -moz-transition: all 0.9s ease-out;
  932. }
  933.  
  934. .entry .perma a{
  935. text-shadow: 0px 0px 4px #fff;
  936. color:#fff;
  937. font-family:fineliner;
  938. }
  939. .entry .perma{
  940. width: 270px;
  941. height:15px;
  942. margin-top: 360px;
  943. margin-left: 0px;
  944. position: absolute;
  945. font-family: fineliner;
  946. text-decoration: bold;
  947. text-transform: uppercase;
  948. font-size:50px;
  949. color: #000;
  950. border-top: 5px solid {color:sidebar border1};
  951. border-bottom: 5px solid {color:sidebar border1};
  952. letter-spacing: 0px;
  953. line-height: 18px;
  954. text-align: center;
  955. overflow: visible;
  956. opacity: 0;
  957. background: transparent;
  958. -webkit-transition: all .5s ease;
  959. -moz-transition: all .5s ease;
  960. -o-transition: all .5s ease;
  961. transition: all .5s ease;
  962. }
  963.  
  964. .entry:hover .perma{
  965. overflow:visible;
  966. opacity: 0.8;
  967. margin-top: 20px;
  968. -webkit-transition: all .5s ease;
  969. -moz-transition: all .5s ease;
  970. -o-transition: all .5s ease;
  971. transition: all .5s ease;
  972. }
  973.  
  974. .entry .perma2 a{
  975. text-shadow: 0px 0px 4px #fff;
  976. color:#fff;
  977. font-family:fineliner;
  978. }
  979.  
  980. .entry .perma2{
  981. width: 270px;
  982. height:15px;
  983. margin-top: -360px;
  984. position: absolute;
  985. font-family: fineliner;
  986. text-decoration: bold;
  987. text-transform: uppercase;
  988. font-size:52px;
  989. color: #000;
  990. border-top: 5px solid {color:sidebar border1};
  991. border-bottom: 5px solid {color:sidebar border1};
  992. letter-spacing: 0px;
  993. line-height: 18px;
  994. text-align: center;
  995. overflow: visible;
  996. opacity: 0;
  997. background:transparent;
  998. -webkit-transition: all .5s ease;
  999. -moz-transition: all .5s ease;
  1000. -o-transition: all .5s ease;
  1001. transition: all .5s ease;
  1002. }
  1003.  
  1004. .entry:hover .perma2{
  1005. overflow:visible;
  1006. opacity: 0.8;
  1007. margin-top: 130px;
  1008. -webkit-transition: all .5s ease;
  1009. -moz-transition: all .5s ease;
  1010. -o-transition: all .5s ease;
  1011. transition: all .5s ease;
  1012. }
  1013.  
  1014. .entry .permatext{
  1015. position:absolute;
  1016. margin-top:6px;
  1017. width:250px;
  1018. height:10px;
  1019. padding-top:0px;
  1020. padding-bottom:4px;
  1021. background-color:none;
  1022. overflow:hidden;
  1023. font-size:10px;
  1024. line-height:13px;
  1025. text-transform: uppercase;
  1026. font: #000;
  1027. font-family:calibri;
  1028. text-align:left;
  1029. opacity:0.0;
  1030. -webkit-transition: all 0.4s linear;
  1031. -moz-transition: all 0.4s linear;
  1032. transition: all 0.4s linear;
  1033. }
  1034.  
  1035. .entry:hover .permatext{
  1036. margin-top:6px;
  1037. overflow:visible;
  1038. opacity:0.9;
  1039. -webkit-transition: all 0.4s linear;
  1040. -moz-transition: all 0.4s linear;
  1041. transition: all 0.4s linear;
  1042. }
  1043.  
  1044. .permalinktext {
  1045. display: block;
  1046. padding: 0px;
  1047. margin: 4px 10px 0px 8px;
  1048. text-transform: uppercase;
  1049. font-family: meow;
  1050. padding-top:10px;
  1051. letter-spacing: 1px;
  1052. font-size: 15px;
  1053. color: {color:text};
  1054. background-color: {color:sidebar border};
  1055. line-height: 15px;
  1056. text-align: center;
  1057. -webkit-transition: color 0.5s ease-out;
  1058. -moz-transition: color 0.5s ease-out;
  1059. border-left: 5px double {color:text};
  1060. border-right: 5px double {color:text};
  1061. text-shadow: 1px 1px 9px #fff;
  1062. border-radius: 30px;
  1063. }
  1064.  
  1065. .permalinkask {
  1066. display: block;
  1067. padding: 0px;
  1068. width:20px;
  1069. margin-left:240px;
  1070. text-transform: uppercase;
  1071. font-family: meow;
  1072. font-weight:bold;
  1073. padding-top:10px;
  1074. letter-spacing: 1px;
  1075. font-size: 15px;
  1076. color: {color:text};
  1077. background-color: {color:sidebar border};
  1078. line-height: 15px;
  1079. text-align: center;
  1080. -webkit-transition: color 0.5s ease-out;
  1081. -moz-transition: color 0.5s ease-out;
  1082. border-left: 5px double {color:sidebar border1};
  1083. border-right: 5px double {color:sidebar border1};
  1084. text-shadow: 1px 1px 9px #fff;
  1085. border-radius: 30px;
  1086. }
  1087.  
  1088. #infscr-loading{
  1089. opacity:0.0;
  1090. }
  1091. .title{
  1092. display: block;
  1093. font-family: gentle;
  1094. font-size:35px;
  1095. line-height:30px;
  1096. color:{color:title};
  1097. text-shadow: 2px 1px 4px {color:sidebar border1};
  1098. }
  1099.  
  1100. a img{border: 0px;}
  1101.  
  1102. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1103.  
  1104. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1105. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  1106.  
  1107. .notes img{width:10px; position:relative; top:3px;}
  1108.  
  1109. .permalink {
  1110. display: block;
  1111. border-top: 1px solid #ddd;
  1112. padding: 2px;
  1113. margin: 4px 8px 0px 8px;
  1114. text-transform: uppercase;
  1115. font-family: ubuntu;
  1116. font-size: 10px;
  1117. color: #424242;
  1118. line-height: 10px;
  1119. text-align: center;
  1120. text-decoration: none;
  1121. -webkit-transition: color 0.5s ease-out;
  1122. -moz-transition: color 0.5s ease-out;
  1123. }
  1124.  
  1125.  
  1126. blockquote{
  1127. padding:0px 0px 2px 5px;
  1128. margin:0px 0px 2px 4px;
  1129. border-left: 1px dotted #555555;
  1130. }
  1131.  
  1132. a img{border: 0px;}
  1133.  
  1134.  
  1135. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1136.  
  1137. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1138. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1139.  
  1140. .notes img{width:10px; position:relative; top:3px;}
  1141. <--ses-->
  1142. small{font-size: 90%;}
  1143.  
  1144. ::-webkit-scrollbar {width: 5px; height: 6px; background: transparent;}
  1145.  
  1146. ::-webkit-scrollbar-thumb {background-color:{color:sidebar border}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  1147. #aaaaaa; border-radius:10px; }
  1148.  
  1149. @-webkit-keyframes bounceIn {
  1150. 0% {
  1151. opacity: 0;
  1152. -webkit-transform: scale(.3);
  1153. }
  1154. 50% {
  1155. opacity: 1;
  1156. -webkit-transform: scale(1.05);
  1157. }
  1158. 70% {
  1159. -webkit-transform: scale(.9);
  1160. }
  1161. 100% {
  1162. -webkit-transform: scale(1);
  1163. }
  1164. }
  1165. @-moz-keyframes bounceIn {
  1166. 0% {
  1167. opacity: 0;
  1168. -moz-transform: scale(.3);
  1169. }
  1170. 50% {
  1171. opacity: 1;
  1172. -moz-transform: scale(1.05);
  1173. }
  1174. 70% {
  1175. -moz-transform: scale(.9);
  1176. }
  1177. 100% {
  1178. -moz-transform: scale(1);
  1179. }
  1180. }
  1181. @-ms-keyframes bounceIn {
  1182. 0% {
  1183. opacity: 0;
  1184. -ms-transform: scale(.3);
  1185. }
  1186. 50% {
  1187. opacity: 1;
  1188. -ms-transform: scale(1.05);
  1189. }
  1190. 70% {
  1191. -ms-transform: scale(.9);
  1192. }
  1193. 100% {
  1194. -ms-transform: scale(1);
  1195. }
  1196. }
  1197. @-o-keyframes bounceIn {
  1198. 0% {
  1199. opacity: 0;
  1200. -o-transform: scale(.3);
  1201. }
  1202. 50% {
  1203. opacity: 1;
  1204. -o-transform: scale(1.05);
  1205. }
  1206. 70% {
  1207. -o-transform: scale(.9);
  1208. }
  1209. 100% {
  1210. -o-transform: scale(1);
  1211. }
  1212. }
  1213. @keyframes bounceIn {
  1214. 0% {
  1215. opacity: 0;
  1216. transform: scale(.3);
  1217. }
  1218. 50% {
  1219. opacity: 1;
  1220. transform: scale(1.05);
  1221. }
  1222. 70% {
  1223. transform: scale(.9);
  1224. }
  1225. 100% {
  1226. transform: scale(1);
  1227. }
  1228. }
  1229. .bounceIn {
  1230. -webkit-animation-name: bounceIn;
  1231. -moz-animation-name: bounceIn;
  1232. -ms-animation-name: bounceIn;
  1233. -o-animation-name: bounceIn;
  1234. animation-name: bounceIn;
  1235. }
  1236.  
  1237.  
  1238. @-webkit-keyframes fadeInDownBig {
  1239. 0% {
  1240. opacity: 0;
  1241. -webkit-transform: translateY(-2000px);
  1242. }
  1243.  
  1244. 100% {
  1245. opacity: 1;
  1246. -webkit-transform: translateY(0);
  1247. }
  1248. }
  1249.  
  1250. @-moz-keyframes fadeInDownBig {
  1251. 0% {
  1252. opacity: 0;
  1253. -moz-transform: translateY(-2000px);
  1254. }
  1255.  
  1256. 100% {
  1257. opacity: 1;
  1258. -moz-transform: translateY(0);
  1259. }
  1260. }
  1261.  
  1262. @-ms-keyframes fadeInDownBig {
  1263. 0% {
  1264. opacity: 0;
  1265. -ms-transform: translateY(-2000px);
  1266. }
  1267.  
  1268. 100% {
  1269. opacity: 1;
  1270. -ms-transform: translateY(0);
  1271. }
  1272. }
  1273.  
  1274. @-o-keyframes fadeInDownBig {
  1275. 0% {
  1276. opacity: 0;
  1277. -o-transform: translateY(-2000px);
  1278. }
  1279.  
  1280. 100% {
  1281. opacity: 1;
  1282. -o-transform: translateY(0);
  1283. }
  1284. }
  1285.  
  1286. @keyframes fadeInDownBig {
  1287. 0% {
  1288. opacity: 0;
  1289. transform: translateY(-2000px);
  1290. }
  1291.  
  1292. 100% {
  1293. opacity: 1;
  1294. transform: translateY(0);
  1295. }
  1296. }
  1297.  
  1298. @mixin fadeInDownBig($duration, $delay, $function, $fill, $visibility) {
  1299. -webkit-animation-name: fadeInDownBig;
  1300. -moz-animation-name: fadeInDownBig;
  1301. -ms-animation-name: fadeInDownBig;
  1302. -o-animation-name: fadeInDownBig;
  1303. animation-name: fadeInDownBig;
  1304. @include duration($duration);
  1305. @include delay($delay);
  1306. @include function($function);
  1307. @include fill-mode($fill);
  1308. @include visibility($visibility);
  1309. }
  1310.  
  1311. @-webkit-keyframes fadeInLeftBig {
  1312. 0% {
  1313. opacity: 0;
  1314. -webkit-transform: translateX(-2000px);
  1315. }
  1316.  
  1317. 100% {
  1318. opacity: 1;
  1319. -webkit-transform: translateX(0);
  1320. }
  1321. }
  1322. @-moz-keyframes fadeInLeftBig {
  1323. 0% {
  1324. opacity: 0;
  1325. -moz-transform: translateX(-2000px);
  1326. }
  1327.  
  1328. 100% {
  1329. opacity: 1;
  1330. -moz-transform: translateX(0);
  1331. }
  1332. }
  1333. @-o-keyframes fadeInLeftBig {
  1334. 0% {
  1335. opacity: 0;
  1336. -o-transform: translateX(-2000px);
  1337. }
  1338.  
  1339. 100% {
  1340. opacity: 1;
  1341. -o-transform: translateX(0);
  1342. }
  1343. }
  1344. @keyframes fadeInLeftBig {
  1345. 0% {
  1346. opacity: 0;
  1347. transform: translateX(-2000px);
  1348. }
  1349.  
  1350. 100% {
  1351. opacity: 1;
  1352. transform: translateX(0);
  1353. }
  1354. }
  1355.  
  1356. .fadeInLeftBig {
  1357. -webkit-animation-name: fadeInLeftBig;
  1358. -moz-animation-name: fadeInLeftBig;
  1359. -o-animation-name: fadeInLeftBig;
  1360. animation-name: fadeInLeftBig;
  1361. }
  1362.  
  1363.  
  1364.  
  1365. {CustomCSS}
  1366. </style>
  1367.  
  1368.  
  1369. <title>{title}</title>
  1370.  
  1371. <a href="http://www.mean-qirls.tumblr.com"><img src="http://i50.tinypic.com/3325qp0.png" style="position:fixed; top:25px; right:3px; opacity:.6; z-index:9999999999999999999999999;"></a>
  1372.  
  1373. <link rel="shortcut icon" href="http://media.tumblr.com/397a2d60ff4e0ece8fe63f79be2db068/tumblr_inline_mrd9mu9IfG1qz4rgp.png"/>
  1374. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1375. <meta name="viewport" content="width=820" />
  1376.  
  1377. </head>
  1378. <body onkeydown="return false">
  1379.  
  1380.  
  1381.  
  1382. <div id="content">
  1383. {block:Posts}
  1384. <div class="entry">
  1385.  
  1386. {block:Answer}
  1387. <div style="margin: 7px 2px 1px 7px; min-height:40px; border: 2px solid {color:sidebar border}; padding: 3px; background-color: #fff; border-radius:5px; ">
  1388.  
  1389. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:-10px; margin-top:-10px; border-bottom: 3px solid {color:sidebar border}; border-right: 3px solid {color:sidebar border1}; border-left: 3px solid {color:sidebar border1}; border-top: 3px solid {color:sidebar border}; border-radius: 3px;"/>
  1390. <ask>{Asker}</ask>:<askkk> {Question}</askkk></div> <br>
  1391. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div><p><br><div style="text-align: left;"><askk>Love Rob</askk></div>
  1392. <div class="permalinkask">
  1393. <center><a href="{permalink}">{notecount}</a></center>
  1394. </div>
  1395. {/block:Answer}
  1396.  
  1397. {block:Text}
  1398. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1399. <br><span class="entrytext">{Body}</span>
  1400. <div class="permalinktext">
  1401. <center><a href="{permalink}">{notecount}</a>//<a href="{ReblogURL}" target="_blank"> reblog </a></center>
  1402. </div>
  1403. {/block:Text}
  1404.  
  1405. {block:Link}
  1406. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  1407. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  1408. {block:IndexPage}<div class="permalinktext">
  1409. <a href="{permalink}">{notecount} <font color=black>+</font></a><a href="{ReblogURL}" target="_blank"> reblog </a>
  1410. </div>
  1411. {/block:IndexPage}
  1412. {block:Link}
  1413.  
  1414. {block:Photo}
  1415. {block:IndexPage}
  1416. <div class="perma">
  1417. <a href="{permalink}">${NoteCount}</a></div>
  1418. <div class="perma2">
  1419. <a href="{ReblogURL}" target="_blank">Purchase</a></span></div>
  1420. {/block:IndexPage}
  1421. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" border=1px solid #000; width=270px; height=190px; /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=725px/>{LinkCloseTag}{/block:PermalinkPage}
  1422. {/block:Photo}
  1423.  
  1424. {block:Photoset}
  1425. <center>
  1426. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1427. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1428. </center>
  1429.  
  1430. {block:IndexPage}
  1431. <div class="permalink">
  1432. <a href="{Permalink}">{NoteCount}</a> &middot; <a href="{ReblogURL}">reblog</a></span></div>
  1433. {/block:IndexPage}
  1434. {/block:Photoset}
  1435.  
  1436. {block:Quote}
  1437. <div style="margin-left:3px;">
  1438. {Quote}</span>
  1439. {block:Source}<strong>{Source}</strong>{/block:Source}
  1440. </div>
  1441.  
  1442. {block:IndexPage}<div class="permalinktext">
  1443. <a href="{permalink}">{notecount} <font color="black">+</font></a><a href="{ReblogURL}" target="_blank"> reblog </a>
  1444. </div>
  1445. {/block:IndexPage}
  1446. {/block:Quote}
  1447.  
  1448. {block:Chat}
  1449. <div style="margin-left:3px;">
  1450. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1451. <ul class="chat">
  1452. {block:Lines}
  1453. <li class="user_{UserNumber}">
  1454. {block:Label}
  1455. <span class="label">{Label}</span>
  1456. {/block:Label}
  1457. {Line}
  1458. </li>
  1459. {/block:Lines}
  1460. </ul>
  1461. </div>
  1462.  
  1463. {block:IndexPage}<div class="permalinktext">
  1464. <a href="{permalink}">{notecount} <font color=black>+</font></a><a href="{ReblogURL}" target="_blank"> reblog </a>
  1465. </div>
  1466. {/block:IndexPage}
  1467. {/block:Chat}
  1468.  
  1469. {block:Audio}
  1470.  
  1471. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}" width="60">{artist}{trackname} {AudioPlayer} {/block:AlbumArt}</div><div class="audioplayerr"><div class="audioplayerr1"></div></div> <div class="infooo"> {block:Artist} <br> {Artist} {/block:Artist}{block:TrackName} <b><background></background></b> <b>"{TrackName}"</b> {/block:TrackName}</br> </div><div class="sel"><a id="notes{PostID}" href="{Permalink}"></a><a href="{reblogurl}" target="_blank"></a></div>
  1472.  
  1473. <div class="permalinktext">
  1474. <a href="{permalink}">{notecount} <font color=black>+</font></a><a href="{ReblogURL}" target="_blank"> reblog </a>
  1475. </div>
  1476.  
  1477. {block:IndexPage}
  1478.  
  1479. {/block:IndexPage}
  1480.  
  1481. {/block:Audio}
  1482.  
  1483. {block:Video}
  1484. {block:IndexPage}
  1485. <a href="{permalink}">VIEW VIDEO </a>
  1486. <center>
  1487. {Video-270}</center>
  1488. {/block:IndexPage}
  1489. {block:PermalinkPage}
  1490. <center>
  1491. {Video-500}</center>
  1492. {/block:PermalinkPage}
  1493.  
  1494. {block:IndexPage}<div class="permalinktext">
  1495. <a href="{permalink}">{notecount} <font color="{color:link}">+</font></a><a href="{ReblogURL}" target="_blank"> reblog </a>
  1496. </div>
  1497. {/block:IndexPage}
  1498. {block:Video}
  1499.  
  1500. {block:PermalinkPage}
  1501. <center>{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:5px;"></div>{/block:Caption}
  1502. {block:NoteCount}{NoteCount}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1503. {/block:PermalinkPage}
  1504.  
  1505.  
  1506. {block:PostNotes}
  1507. </center></center>
  1508. <div align="left">{PostNotes}</div>
  1509. {/block:PostNotes}
  1510. </div>
  1511.  
  1512. {/block:Posts}
  1513.  
  1514.  
  1515. {block:IndexPage}
  1516. {block:Pagination}
  1517. <div id="pagination">
  1518. {block:NextPage}
  1519. <a id="nextPage" href="{NextPage}"></a>
  1520. {/block:NextPage}
  1521. {block:PreviousPage}
  1522. <a href="{PreviousPage}"></a>
  1523. {/block:PreviousPage}
  1524. </div>
  1525. {/block:Pagination}
  1526. {/block:IndexPage}
  1527. </div>
  1528.  
  1529. <div id="header"></div>
  1530. <div id="credit"><a href="http://mean-qirls.tumblr.com/"><font color=black>©</font></a></div>
  1531. <div class="lace"></div>
  1532. <div class="border-lace"></div>
  1533. <div class="border-lace2"></div>
  1534. <div class="border-lace3"></div>
  1535. <div class="border-lace4"></div>
  1536.  
  1537. <div id="sidebarimage"></div>
  1538.  
  1539. <div id="sidebar">
  1540. <div id="desc">
  1541. {description}
  1542. </div>
  1543. <div id="statss">{text:stats}</div>
  1544. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" style=width=auto; height=auto;></a></div>
  1545. <div id="blog-title">{text:blog title}</div>
  1546. <div id="link-line"></div>
  1547. <div id="border"></div>
  1548.  
  1549. <div class="link"><a href="{text:link one}" title="{text:link one title}"><center><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Home-icon.png" style="height: 40px; width: 40px; margin-top:2px; -webkit-filter: grayscale(100%); "></center></a></div>
  1550.  
  1551. <div class="link2"><a href="{text:link two}" title="{text:link two title}"><center><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Mail-icon.png" style="height: 40px; width: 40px; margin-top:2px;-webkit-filter: grayscale(100%);"></center></a></div>
  1552.  
  1553. <div class="link3"><a href="{text:link three}" title="{text:link three title}"><center><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Folder-Vanilla-icon.png" style="height: 40px; width: 40px; margin-top:2px; -webkit-filter: grayscale(100%);"></center></a></div>
  1554.  
  1555. <div class="link4"><a href="{text:link four}" title="{text:link four title}"><center><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Windows-icon.png" style="height: 40px; width: 40px; margin-top:0px; -webkit-filter: grayscale(100%);"></center></a></div>
  1556.  
  1557. <div class="link5"><a href="{text:link five}" title="{text:link five title}"><center><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Starry-Happy-icon.png" style="height: 40px; width: 40px; margin-top:0px; -webkit-filter: grayscale(100%);"></center></a></div>
  1558.  
  1559. <div id="transparent-image"><center><img src="http://25.media.tumblr.com/tumblr_me4h18q96n1rgpyeqo1_500.png" style="height: 100px; width: 250px;"></center></div>
  1560.  
  1561. <div id="updates"><a href="#?w=500" rel="02" class="poplight" title="Updates"><center><img src="http://www.picgifs.com/mini-graphics/mini-graphics/turtles/mini-graphics-turtles-830840.gif" style="height=10px; width=10px;"></center></div>
  1562.  
  1563. <div style="z-index:9;background-color:transparent;position:fixed;top:-200px; left:-500px;">
  1564. <a href="http://mean-qirls.tumblr.com/">.</a></div>
  1565.  
  1566. <noscript>
  1567. <div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="24" width="1" alt="Quantcast"/></div>
  1568. </noscript>
  1569. </body>
  1570. <div id="02" class="popup_block">
  1571. <p><strong>&nbsp;</strong></p>
  1572. <center><div style="font-family: fruty; font-size: 37px; margin-top:5px; color:{color:sidebar border}">Updates<br></center><br>
  1573.  
  1574. <div style="line-height: 15px; font-family: skinny; font-size:17px;"><br>
  1575. ❆ Scroll to the bottom of your html to put your updates!!<br>
  1576. ❆ Look another line *gasp*
  1577. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!