API tools faq
paste
Advertisement
spaqhetti-tacos

Theme 46 by spaqhetti-tacos

spaqhetti-tacos
Sep 6th, 2013
1,062
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.49 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!---
  4. Theme 46 by
  5. ╱╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╭╮╱╭╮╱╱╱╱╭╮
  6. ╱╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╭╯╰┳╯╰╮╱╱╭╯╰╮
  7. ╭━━┳━━┳━━┳━━┫╰━┳━┻╮╭┻╮╭╋╮╱╰╮╭╋━━┳━━┳━━┳━━╮
  8. ┃━━┫╭╮┃╭╮┃╭╮┃╭╮┃┃━┫┃╱┃┃┣╋━━┫┃┃╭╮┃╭━┫╭╮┃━━┫
  9. ┣━━┃╰╯┃╭╮┃╰╯┃┃┃┃┃━┫╰╮┃╰┫┣━━┫╰┫╭╮┃╰━┫╰╯┣━━┃
  10. ╰━━┫╭━┻╯╰┻━╮┣╯╰┻━━┻━╯╰━┻╯╱╱╰━┻╯╰┻━━┻━━┻━━╯
  11. ╱╱╱┃┃╱╱╱╱╱╱┃┃
  12. ╱╱╱╰╯╱╱╱╱╱╱╰╯
  13.  
  14. Please don't remove credit or keep it in your faq!
  15.  
  16. This theme's basecode is by Ekhlas (toqekiss) some codes are hers some are mine because I have edited this theme for about 6 months now.
  17. -->
  18.  
  19. <html lang="en">
  20.  
  21. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="http://www.w3.org/1999/xhtml">
  23.  
  24.  
  25. <head>
  26.  
  27.  
  28.  
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  41. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  42. var popMargTop = ($('#' + popID).height() + 80) / 2;
  43. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  44. //Apply Margin to Popup
  45. $('#' + popID).css({
  46. 'margin-top' : -popMargTop,
  47. 'margin-left' : -popMargLeft
  48. });
  49. $('body').append('<div id="fade"></div>');
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  51. return false;
  52. });
  53. $('a.close, #fade').live('click', function() {
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63.  
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <script type="text/javascript">
  79. <!--
  80.  
  81. // Disable Right Click Script
  82.  
  83. function IE(e)
  84. {
  85. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  86. {
  87. return false;
  88. }
  89. }
  90. function NS(e)
  91. {
  92. if (document.layers || (document.getElementById && !document.all))
  93. {
  94. if (e.which == "2" || e.which == "3")
  95. {
  96. return false;
  97. }
  98. }
  99. }0.0
  100. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  101.  
  102. //-->
  103. </script>
  104.  
  105.  
  106. <script type="text/javascript"
  107. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  108.  
  109. <!--DEFAULT VARIABLES-->
  110. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  111.  
  112.  
  113. <meta name="color:background" content="#fff"/>
  114. <meta name="color:link" content="#777"/>
  115. <meta name="color:text" content="#777"/>
  116. <meta name="color:hover" content="#fff"/>
  117. <meta name="color:title shadow" content="#ccc"/>
  118. <meta name="color:link message" content="#fff"/>
  119. <meta name="color:title1" content="#ddd"/>
  120. <meta name="color:sidebar border1" content="#ddd"/>
  121. <meta name="color:sidebar border2" content="#ddd"/>
  122. <meta name="color:borders" content="7c7c7c">
  123. <meta name="color:bar1" content="#ddd"/>
  124. <meta name="color:bar2" content="7c7c7c">
  125. <meta name="color:scrollbar" content="7c7c7c">
  126.  
  127.  
  128. <meta name="image:sidebar1" content="1"/>
  129. <meta name="image:sidebar2" content="1"/>
  130. <meta name="image:sidebar3" content="1"/>
  131. <meta name="image:sidebar4" content="1"/>
  132. <meta name="image:sidebar5" content="1"/>
  133. <meta name="image:sidebar6" content="1"/>
  134.  
  135.  
  136. <meta name="image:background" content="1"/>
  137.  
  138.  
  139.  
  140.  
  141. <meta name="text:stats" content="stats"/>
  142. <meta name="text:music" content="music"/>
  143. <meta name="text:title1" content="blog title"/>
  144. <meta name="text:link one" content="feet one"/>
  145. <meta name="text:link 1 msg" content="link 1 msg"/>
  146. <meta name="text:link two" content="feet two"/>
  147. <meta name="text:link 2 msg" content="link 2 msg"/>
  148. <meta name="text:link three" content="feet three"/>
  149. <meta name="text:link 3 msg" content="link 3 msg"/>
  150. <meta name="text:link four" content="feet four"/>
  151. <meta name="text:link 4 msg" content="link 4 msg"/>
  152. <meta name="text:link five" content="feet five"/>
  153. <meta name="text:link 5 msg" content="link 5 msg"/>
  154.  
  155. <style type="text/css">
  156.  
  157.  
  158. iframe#tumblr_controls {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  159.  
  160.  
  161. #fade { /*--Transparent background layer--*/
  162. display: none; /*--hidden by default--*/
  163. background: #000;
  164. position: fixed; left: 0; top: 0;
  165. width: 100%; height: 100%;
  166. opacity: .37;
  167. z-index: 9999;
  168. }
  169. .popup_block{
  170. display: none; /*--hidden by default--*/
  171. background-color:#fff;
  172. padding: 20px;
  173. border: 6px solid {color:sidebar border2};
  174. border-right: 12px solid {color:sidebar border1};
  175. border-left: 12px solid {color:sidebar border1};
  176. float: left;
  177. border-radius: 55px;
  178. font-family: "calibri";
  179. color: #000;
  180. font-size: 15px;
  181. line-height: 20px;
  182. position: fixed;
  183. top: 45%; left: 50%;
  184. z-index: 99999999999999999999999999999999999999999999999999990999999999999990094965499999999;
  185. transition: all 0.4s ease-out;
  186. -o-transition-transition: all 0.4s ease-out;
  187. -webkit-transition: all 0.4s ease-out;
  188. -moz-transition: all 0.4s ease-out;
  189. /*--CSS3 Box Shadows--*/
  190. -webkit-box-shadow: 0px 0px 0px #fff;
  191. -moz-box-shadow: 0px 0px 0px #fff;
  192. box-shadow: 0px 0px 0px #000;
  193. /*--CSS3 Rounded Corners--*/
  194. }
  195.  
  196. img.btn_close {
  197. float: right;
  198. margin: -10 -10px 0 0;
  199. }
  200.  
  201.  
  202.  
  203.  
  204. /*--Making IE6 Understand Fixed Positioning--*/
  205.  
  206. *html #fade {
  207.  
  208. position: absolute;
  209.  
  210. }
  211.  
  212. *html .popup_block {
  213.  
  214. position: absolute;
  215.  
  216. }
  217.  
  218.  
  219. .popup_block:hover{
  220. opacity:1;
  221. border-radius: 40px 40px ; 40px 40px;
  222. -webkit-transition: all .5s ease-in-out;
  223. -moz-transition: all .5s ease-in-out;
  224. -o-transition: all .5s ease-in-out;
  225. transition: all .5s ease-in-out;
  226. }
  227.  
  228.  
  229. #s-m-t-tooltip {
  230. max-width:300px;
  231. height: 15px;
  232. line-height:17px;
  233. padding:6px 6px 6px 6px;
  234. margin:20px 0px 0px 20px;
  235. box-shadow:0px 0px 2px #333;
  236. background: {color:link message};
  237. border:3px solid {color:sidebar border1}; /* change the border color */
  238. font-family:calibri; /* change the font */
  239. font-size:13px; /* change the font size */
  240. letter-spacing:0px; /* change the letter spacing */ /* can be uppercase, lowercase, none*/
  241. border-radius: 5px;
  242. color:#000; /* change the text color */
  243. z-index:999999999999999999999999999999999999;
  244. }
  245.  
  246.  
  247.  
  248. ::-webkit-scrollbar {
  249.  
  250. height: 5px;
  251.  
  252. width: 2px;
  253.  
  254. background: #fff;
  255.  
  256. }
  257.  
  258. ::-webkit-scrollbar-thumb {
  259.  
  260. background:{color:scrollbar};
  261.  
  262. border: 0px;
  263.  
  264. -webkit-border-radius: 1ex;
  265.  
  266. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  267.  
  268. }
  269.  
  270. ::-webkit-scrollbar-corner {
  271.  
  272. background: #transparent;
  273.  
  274. }
  275.  
  276.  
  277.  
  278. p {
  279. margin:0px;
  280. margin-top:0px;
  281. }
  282.  
  283.  
  284. body {
  285. padding: 0px;
  286. margin: 0px;
  287. color:{color:text};
  288. font-family: dixel;
  289. line-height:7px;
  290. font-size:8px;
  291. background-color: {color:Background};
  292. background-image:url({image:Background});
  293. background-attachment: fixed;
  294. background-repeat: repeat;
  295. }
  296.  
  297.  
  298. a:link, a:active, a:visited{
  299. text-decoration: none;
  300. -webkit-transition: color 0.3s ease-out;
  301. -moz-transition: color 0.3s ease-out;
  302. transition: color 0.3s ease-out;
  303. color:{color:link};
  304. }
  305.  
  306. a:hover {
  307. text-decoration: none;
  308. font-style:;
  309. color: {color:Hover};
  310. }
  311.  
  312.  
  313. div#center{
  314. margin:auto;
  315. position:relative;
  316. width:1000p12
  317. background-color:;
  318. overflow:auto;
  319. overflow-y:hidden;
  320. }
  321.  
  322.  
  323.  
  324. .sideback{
  325. position:fixed;
  326. margin-left:404px;
  327. z-index:3;
  328. top:-70px;
  329. background-image:url("http://24.media.tumblr.com/e327284af584dcc06439b45d10db5f3f/tumblr_mjj99bY5AX1rctfm3o1_100.png");
  330. height:8000px;
  331. opacity:1;
  332. width:15px;
  333. border-top:0px;
  334. -webkit-transition: all 0.5s linear;
  335. -webkit-transition: all 0.5s linear;
  336. -moz-transition: all 0.5s linear;
  337. transition: all 0.5s linear;
  338. -webkit-animation:fadeInUpBig 2s;
  339. -moz-animation:fadeInUpBig 2s;
  340. -ms-animation:fadeInUpBig 2s;
  341. }
  342.  
  343. .sideback:hover{
  344. margin-top:80px;
  345.  
  346. }
  347.  
  348. .sideback2{
  349. width:9px;
  350. position:fixed !important;
  351. top:-5px;
  352. height:7800px;
  353. margin-left:418px;
  354. z-index:1;
  355. background:{color:bar1};
  356. border: 3px double #fff;
  357. border-radius: 25px 10px / 10px 25px;
  358. -webkit-transition: all 0.5s linear;
  359. -webkit-transition: all 0.5s linear;
  360. -moz-transition: all 0.5s linear;
  361. transition: all 0.5s linear;
  362. -webkit-animation:fadeInDownBig 2s;
  363. -moz-animation:fadeInDownBig 2s;
  364. -ms-animation:fadeInDownBig 2s;
  365. }
  366.  
  367.  
  368. .sideback3{
  369. position:fixed;
  370. margin-left:1298px;
  371. z-index:3;
  372. top:-90px;
  373. background-image:url("http://25.media.tumblr.com/25d2ae8941f407ee391a8e77d5ee7dcc/tumblr_mjj8z3ajCt1rctfm3o1_100.png");
  374. height:8000px;
  375. opacity:1;
  376. width:15px;
  377. border-top:0px;
  378. -webkit-transition: all 0.5s linear;
  379. -webkit-transition: all 0.5s linear;
  380. -moz-transition: all 0.5s linear;
  381. transition: all 0.5s linear;
  382. -webkit-animation:fadeInUpBig 2s;
  383. -moz-animation:fadeInUpBig 2s;
  384. -ms-animation:fadeInUpBig 2s;
  385. }
  386.  
  387. .sideback3:hover{
  388. margin-top:80px;
  389. }
  390.  
  391. .sideback4{
  392. width:12px;
  393. position:fixed !important;
  394. top:-5px;
  395. height:10000px;
  396. margin-left:1281px;
  397. z-index:1;
  398. background: {Color:bar2};
  399. border: 3px double #fff;
  400. -webkit-animation:fadeInDownBig 2s;
  401. -moz-animation:fadeInDownBig 2s;
  402. -ms-animation:fadeInDownBig 2s;
  403. }
  404.  
  405.  
  406. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  407.  
  408. .entry {
  409. float:left;
  410. display: block;
  411. margin:6px;
  412. overflow:hidden;
  413. width:232px;
  414. padding:7px;
  415. padding-bottom:3px;
  416. border:3px double #ccc;
  417. box-shadow:0px 0px 0px #ccc;
  418. border-radius: 3px;
  419. font-family:calibri;
  420. font-size:13px;
  421. line-height:18px;
  422. {block:PermalinkPage}
  423. width:450px;
  424. text-align:left;
  425. line-height:18px;
  426. {/block:PermalinkPage}
  427. background:white;
  428. background-image:URL();
  429. -webkit-animation:fadeInLeft 2s;
  430. -moz-animation:fadeInLeft 2s;
  431. -ms-animation:fadeInLeft 2s;
  432. }
  433.  
  434.  
  435. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  436.  
  437. .perma a { color:#000; }
  438.  
  439. .perma2 a { color:#000; }
  440.  
  441. .entry .perma {
  442. width:180px;
  443. height:25px;
  444. margin-left:18px;
  445. position: absolute;
  446. line-height: 28px;
  447. overflow:hidden;
  448. text-align:center;
  449. margin-top:30px;
  450. font-family:calibri;
  451. font-size:14px;
  452. background:white;
  453. word-spacing:0px;
  454. letter-spacing:1px;
  455. opacity: 0.0;
  456. transform: rotateX(220deg);
  457. -webkit-transform: rotateX(220deg); /* Safari and Chrome */
  458. border:6px solid {color:bar1};
  459. border-top:1px dotted {color:bar1};
  460. border-bottom:1px dotted {color:bar1};
  461. -webkit-transition: all .7s ease;
  462. -moz-transition: all .7s ease;
  463. -o-transition: all .7s ease;
  464. transition: all .7s ease;
  465. }
  466.  
  467. .entry:hover .perma {
  468. overflow:visible;
  469. opacity:1;
  470. margin-top:30px;
  471. transform: rotateX(0deg);
  472. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  473. }
  474.  
  475. .entry .perma2 {
  476. width:200px;
  477. height:25px;
  478. margin-left:12px;
  479. position: absolute;
  480. line-height: 28px;
  481. overflow:hidden;
  482. text-align:center;
  483. margin-top:90px;
  484. font-family:calibri;
  485. font-size:14px;
  486. background:white;
  487. word-spacing:0px;
  488. letter-spacing:0px;
  489. opacity: 0.0;
  490. transform: rotateX(220deg);
  491. -webkit-transform: rotateX(220deg); /* Safari and Chrome */
  492. border:6px solid {color:bar1};
  493. border-top:1px dotted {color:bar1};
  494. border-bottom:1px dotted {color:bar1};
  495. -webkit-transition: all .7s ease;
  496. -moz-transition: all .7s ease;
  497. -o-transition: all .7s ease;
  498. transition: all .7s ease;
  499. }
  500.  
  501. .entry:hover .perma2 {
  502. overflow:visible;
  503. opacity:1;
  504. margin-top:90px;
  505. transform: rotateX(0deg);
  506. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  507. }
  508.  
  509. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  510.  
  511. #posts{
  512. width:800px;
  513. top:38px;
  514. z-index:1;
  515. margin-left:457px;
  516. right:auto;
  517. background:transparent;
  518. margin-right:auto;
  519. position:relative;
  520. overflow-y: hidden;
  521. }
  522.  
  523. #thingy {
  524. position:fixed;
  525. margin-left:5px;
  526. z-index:6;
  527. background-image: url("http://25.media.tumblr.com/9e41984123a73c0cd45f3d12f72e653b/tumblr_mjqeinEIMa1s32gsdo3_250.png");
  528. height:5px;
  529. opacity:0;
  530. width:411px;
  531. top:650px;
  532. border:2px solid #ddd;
  533. border-right:0px;
  534. box-shadow: -2px 0px 1px #919191;
  535. -webkit-transition: all 0.5s linear;
  536. -webkit-transition: all 0.5s linear;
  537. -moz-transition: all 0.5s linear;
  538. transition: all 0.5s linear;
  539. }
  540.  
  541. #thingy2 {
  542. position:fixed;
  543. margin-left:-15px;
  544. z-index:5;
  545. background: {color:slut2};
  546. height:25px;
  547. opacity:0;
  548. width:395px;
  549. top:640px;
  550. border:2px solid #fff;
  551. border-right:0px;
  552. box-shadow: -2px 0px 1px #919191;
  553. -webkit-transition: all 0.5s linear;
  554. -webkit-transition: all 0.5s linear;
  555. -moz-transition: all 0.5s linear;
  556. transition: all 0.5s linear;
  557. }
  558.  
  559. #thingy3 {
  560. position:fixed;
  561. margin-left:1302px;
  562. z-index:6;
  563. background: {color:slut};
  564. height:5px;
  565. opacity:0;
  566. width:811px;
  567. top:650px;
  568. border:2px solid #ddd;
  569. border-left:0px;
  570. box-shadow: 2px 0px 1px #919191;
  571. -webkit-transition: all 0.5s linear;
  572. -webkit-transition: all 0.5s linear;
  573. -moz-transition: all 0.5s linear;
  574. transition: all 0.5s linear;
  575. }
  576.  
  577. #thingy4 {
  578. position:fixed;
  579. margin-left:1328px;
  580. z-index:5;
  581. background: {color:slut2};
  582. height:30px;
  583. opacity:0;
  584. width:395px;
  585. top:640px;
  586. border:2px solid #fff;
  587. border-left:0px;
  588. box-shadow: 2px 0px 1px #919191;
  589. -webkit-transition: all 0.5s linear;
  590. -webkit-transition: all 0.5s linear;
  591. -moz-transition: all 0.5s linear;
  592. transition: all 0.5s linear;
  593. }
  594.  
  595.  
  596.  
  597.  
  598. #botw{
  599. position:fixed !important;
  600. z-index:3;
  601. width:63px;
  602. height:20px;
  603. opacity: 0;
  604. padding:3px;
  605. margin-top:630px;
  606. margin-left:10px;
  607. border:2px solid #a0bee0;
  608. line-height:23px;
  609. text-align:left;
  610. color:#000;
  611. border-radius: 75px 10px / 10px 75px;
  612. text-shadow: 0px 0px 2px #919191;
  613. letter-spacing:0px;
  614. font-size: 23px;
  615. font-family: 'aderyn';
  616. background: #fff;
  617. -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  618. -moz-animation: sonarEffect 1.3s ease-out 75ms;
  619. animation: sonarEffect 1.3s ease-out 75ms;
  620. }
  621.  
  622. #botw:hover {
  623. color: #000;
  624. text-shadow: 0px 0px 3px #000;
  625. box-shadow: 0 0 0 2px #919191;
  626. }
  627.  
  628.  
  629. #johnathan{
  630. position:fixed !important;
  631. z-index:1;
  632. width:70px;
  633. height:20px;
  634. opacity: 2;
  635. padding:3px;
  636. margin-top:75px;
  637. margin-left:-12px;
  638. line-height:23px;
  639. text-align:left;
  640. color:#000;
  641. text-shadow: 0px 0px 2px #919191;
  642. letter-spacing:0px;
  643. font-size: 23px;
  644. font-family: 'aderyn';
  645. background: asdfgh;
  646.  
  647. }
  648.  
  649. #blogtitle{
  650. position:fixed !important;
  651. width:289px;
  652. height:50px;
  653. font-family:penis;
  654. font-size:76px;
  655. color:#Fff;
  656. margin-top:100px;
  657. margin-left:66px;
  658. font-weight:800;
  659. z-index: 16;
  660. opacity:3;
  661. background-image:sdfgh;
  662. border-radius:10px;
  663. padding-bottom:30px;
  664. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  665. letter-spacing: 3px;
  666. line-height:0px;
  667. text-align:center;
  668. }
  669. #feb4{
  670. position:fixed !important;
  671. z-index:9;
  672. width:23px;
  673. height:20px;
  674. opacity: 2;
  675. padding:3px;
  676. margin-top:450px;
  677. margin-left:1180px;
  678. line-height:23px;
  679. text-align:left;
  680. color:#000;
  681. text-shadow: 0px 0px 2px #919191;
  682. letter-spacing:0px;
  683. font-size: 23px;
  684. font-family: 'aderyn';
  685. background: asdfgh;
  686. -webkit-animation:fadeInUpBig 2s;
  687. -moz-animation:fadeInUpBig 2s;
  688. -ms-animation:fadeInUpBig 2s;
  689. }
  690.  
  691. #topbar{
  692. position:fixed;
  693. z-index:8;
  694. width:80000px;
  695. height:18px;
  696. opacity: 2;
  697. padding: 0px;
  698. padding-left: 25px;
  699. margin-left:-217px;
  700. margin-top: -2px;
  701. box-shadow:0px 0px 1px #919191;
  702. text-transform: uppercase;
  703. background:#Fff;
  704. color: #fff;
  705. border: 2px solid #fff;
  706. border-left:0px;
  707. line-height:41px;
  708. text-align:left;
  709. font-size: 18px;
  710. letter-spacing: 2px;
  711. font-family: "ekhlas";
  712. -webkit-transition: all .7s ease;
  713. -moz-transition: all .7s ease;
  714. -o-transition: all .7s ease;
  715. transition: all .7s ease;
  716. -webkit-animation:fadeInDown 2s;
  717. -moz-animation:fadeInDown 2s;
  718. -ms-animation:fadeInDown 2s;
  719. }
  720.  
  721.  
  722.  
  723. #topbar3{
  724. position:fixed;
  725. z-index:9;
  726. width:40000px;
  727. height:2px;
  728. opacity: 4;
  729. padding: 0px;
  730. padding-left: 40px;
  731. margin-left:-217px;
  732. margin-top: 8px;
  733. text-transform: uppercase;
  734. background:{color:bar1};
  735. line-height:41px;
  736. text-align:left;
  737. font-size: 18px;
  738. letter-spacing: 2px;
  739. font-family: "ekhlas";
  740. border:1px solid #fff;
  741. box-shadow: 0px 0px 1px #919191;
  742. background-repeat: repeat;
  743. -webkit-transition: all .7s ease;
  744. -moz-transition: all .7s ease;
  745. -o-transition: all .7s ease;
  746. transition: all .7s ease;
  747. -webkit-animation:fadeInDown 2s;
  748. -moz-animation:fadeInDown 2s;
  749. -ms-animation:fadeInDown 2s;
  750. }
  751.  
  752.  
  753.  
  754. /*CUSTOMIZE SIDEBAR HERE*/
  755.  
  756. #sidebar {
  757. position:fixed !important;
  758. width:267px;
  759. padding: 18px;
  760. padding-bottom:34px;
  761. background: {Color:sidebar border1};
  762. background-position:none;
  763. height:390px;
  764. margin-top:115px;
  765. margin-left:47px;
  766. text-align:center;
  767. z-index:2;
  768. box-shadow:0px 0px 1px #ddd;
  769. transition: all 0.7s ease-out;
  770. box-shadow:4px 5px 4px #fff,-5px -4px 3px #fff, 5px -3px 3px #fff, -3px 5px 6px #fff;
  771. -o-transition-transition: all 0.7s ease-out;
  772. -webkit-transition: all 0.7s ease-out;
  773. -moz-transition: all 0.7s ease-out;
  774. -webkit-animation:fadeInLeft 2s;
  775. -moz-animation:fadeInLeft 2s;
  776. -ms-animation:fadeInLeft 2s;
  777.  
  778. }
  779.  
  780.  
  781. #sidebarback {
  782. position:fixed !important;
  783. width:269px;
  784. opacity:0;
  785. padding: 16px;
  786. padding-top:14px;
  787. padding-bottom:28px;
  788. background-image:url("http://i44.tinypic.com/9u7l88.jpg");
  789. background-position:none;
  790. height:398px;
  791. margin-top:-424px;
  792. margin-left:-17px;
  793. text-align:center;
  794. z-index:2;
  795. box-shadow: 0px 0px 1px #333;
  796. transition: all 0.7s ease-out;
  797. -o-transition-transition: all 0.7s ease-out;
  798. -webkit-transition: all 0.7s ease-out;
  799. -moz-transition: all 0.7s ease-out;
  800. }
  801.  
  802. #sidebar:hover #sidebarback{
  803. opacity:6;
  804. }
  805.  
  806.  
  807.  
  808. #link1 {
  809. z-index:3;
  810. position:absolute;
  811. top:280px;
  812. opacity:0;
  813. left:20px;
  814. width:50px;
  815. height:8px;
  816. color:#000;
  817. overflow:hidden;
  818. -webkit-border-radius: 56px 12px;
  819. font-family:penis;
  820. font-size:27px;
  821. padding-left:0px;
  822. line-height:14px;
  823. letter-spacing:4px;
  824. text-align:center;
  825. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  826. background:{color:bar1};
  827. transition: all 0.7s ease-out;
  828. -o-transition-transition: all 0.7s ease-out;
  829. -webkit-transition: all 0.7s ease-out;
  830. -moz-transition: all 0.7s ease-out;
  831. }
  832.  
  833. #sidebar:hover #link1{
  834. opacity:6;
  835. }
  836.  
  837. #link1:hover{
  838. height:33px;
  839. padding-bottom:10px;
  840. }
  841.  
  842. #link2 {
  843. z-index:3;
  844. position:absolute;
  845. top:280px;
  846. opacity:0;
  847. left:73px;
  848. width:50px;
  849. height:8px;
  850. color:#000;
  851. overflow:hidden;
  852. -webkit-border-radius: 56px 12px;
  853. font-family:penis;
  854. font-size:27px;
  855. padding-left:0px;
  856. line-height:14px;
  857. letter-spacing:4px;
  858. text-align:center;
  859. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  860. background:{color:bar2};
  861. transition: all 0.7s ease-out;
  862. -o-transition-transition: all 0.7s ease-out;
  863. -webkit-transition: all 0.7s ease-out;
  864. -moz-transition: all 0.7s ease-out;
  865. }
  866.  
  867. #sidebar:hover #link2{
  868. opacity:2;
  869. }
  870.  
  871.  
  872. #link2:hover{
  873. height:33px;
  874. padding-bottom:10px;
  875. }
  876. #link3 {
  877. z-index:3;
  878. position:absolute;
  879. top:280px;
  880. opacity:0;
  881. left:124px;
  882. width:50px;
  883. height:8px;
  884. color:#000;
  885. overflow:hidden;
  886. -webkit-border-radius: 56px 12px;
  887. font-family:penis;
  888. font-size:27px;
  889. padding-left:0px;
  890. line-height:14px;
  891. letter-spacing:4px;
  892. text-align:center;
  893. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  894. background:{color:bar1};
  895. transition: all 0.7s ease-out;
  896. -o-transition-transition: all 0.7s ease-out;
  897. -webkit-transition: all 0.7s ease-out;
  898. -moz-transition: all 0.7s ease-out;
  899. }
  900.  
  901.  
  902. #sidebar:hover #link3{
  903. opacity:2;
  904. }
  905.  
  906. #link3:hover{
  907. height:33px;
  908. padding-bottom:10px;
  909. }
  910.  
  911.  
  912. #link4 {
  913. z-index:3;
  914. position:absolute;
  915. top:280px;
  916. opacity:0;
  917. left:175px;
  918. width:50px;
  919. height:8px;
  920. color:#000;
  921. overflow:hidden;
  922. -webkit-border-radius: 56px 12px;
  923. font-family:penis;
  924. font-size:27px;
  925. padding-left:0px;
  926. line-height:14px;
  927. letter-spacing:4px;
  928. text-align:center;
  929. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  930. background:{color:bar2};
  931. transition: all 0.7s ease-out;
  932. -o-transition-transition: all 0.7s ease-out;
  933. -webkit-transition: all 0.7s ease-out;
  934. -moz-transition: all 0.7s ease-out;
  935. }
  936.  
  937. #sidebar:hover #link4{
  938. opacity:2;
  939. }
  940.  
  941.  
  942. #link4:hover{
  943. height:33px;
  944. padding-bottom:10px;
  945. }
  946.  
  947. #link5 {
  948. z-index:3;
  949. position:absolute;
  950. top:280px;
  951. opacity:0;
  952. left:226px;
  953. width:50px;
  954. height:8px;
  955. color:#000;
  956. overflow:hidden;
  957. -webkit-border-radius: 56px 12px;
  958. font-family:penis;
  959. font-size:27px;
  960. padding-left:0px;
  961. line-height:14px;
  962. letter-spacing:4px;
  963. text-align:center;
  964. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  965. background:{color:bar1};
  966. transition: all 0.7s ease-out;
  967. -o-transition-transition: all 0.7s ease-out;
  968. -webkit-transition: all 0.7s ease-out;
  969. -moz-transition: all 0.7s ease-out;
  970. }
  971.  
  972. #link5:hover{
  973. height:33px;
  974. padding-bottom:10px;
  975. }
  976.  
  977. #sidebar:hover #link5{
  978. opacity:2;
  979. }
  980.  
  981.  
  982. #link6 {
  983. z-index:3;
  984. position:absolute;
  985. top:348px;
  986. opacity:0;
  987. left:17px;
  988. width:44px;
  989. height:27px;
  990. color:#000;
  991. overflow:hidden;
  992. -webkit-border-radius: 56px 12px;
  993. font-family:penis;
  994. font-size:27px;
  995. padding-left:0px;
  996. line-height:14px;
  997. letter-spacing:4px;
  998. border:2px solid #fff;
  999. text-align:center;
  1000. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1001. background:{color:bar1};
  1002. transition: all 0.7s ease-out;
  1003. -o-transition-transition: all 0.7s ease-out;
  1004. -webkit-transition: all 0.7s ease-out;
  1005. -moz-transition: all 0.7s ease-out;
  1006. }
  1007.  
  1008. #sidebar:hover #link6{
  1009. opacity:2;
  1010. transform: rotateX(0deg);
  1011. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1012. }
  1013.  
  1014.  
  1015. #link7 {
  1016. z-index:3;
  1017. position:absolute;
  1018. top:392px;
  1019. opacity:0;
  1020. left:17px;
  1021. width:44px;
  1022. height:25px;
  1023. color:#000;
  1024. overflow:hidden;
  1025. -webkit-border-radius: 56px 12px;
  1026. font-family:penis;
  1027. font-size:27px;
  1028. padding-left:0px;
  1029. padding-top:2px;
  1030. line-height:14px;
  1031. letter-spacing:4px;
  1032. border:2px solid #fff;
  1033. text-align:center;
  1034. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1035. background:{color:bar2};
  1036. transition: all 0.7s ease-out;
  1037. -o-transition-transition: all 0.7s ease-out;
  1038. -webkit-transition: all 0.7s ease-out;
  1039. -moz-transition: all 0.7s ease-out;
  1040. }
  1041.  
  1042. #sidebar:hover #link7{
  1043. opacity:2;
  1044. transform: rotateX(0deg);
  1045. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1046. }
  1047.  
  1048. #link8 {
  1049. z-index:3;
  1050. position:absolute;
  1051. top:348px;
  1052. opacity:0;
  1053. left:90px;
  1054. width:194px;
  1055. height:27px;
  1056. color:#000;
  1057. overflow:hidden;
  1058. -webkit-border-radius: 19px 12px;
  1059. font-family:calibri;
  1060. font-size:13px;
  1061. padding-left:0px;
  1062. line-height:26px;
  1063. letter-spacing:0px;
  1064. border:2px solid #fff;
  1065. text-align:center;
  1066. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1067. background:{color:bar1};
  1068. transition: all 0.7s ease-out;
  1069. -o-transition-transition: all 0.7s ease-out;
  1070. -webkit-transition: all 0.7s ease-out;
  1071. -moz-transition: all 0.7s ease-out;
  1072. }
  1073.  
  1074. #sidebar:hover #link8{
  1075. opacity:2;
  1076. transform: rotateX(0deg);
  1077. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1078. }
  1079.  
  1080. #link88 {
  1081. z-index:3;
  1082. position:absolute;
  1083. top:392px;
  1084. opacity:0;
  1085. left:90px;
  1086. width:194px;
  1087. height:17px;
  1088. color:#000;
  1089. overflow:hidden;
  1090. -webkit-border-radius: 19px 12px;
  1091. font-family:calibri;
  1092. font-size:13px;
  1093. padding-left:0px;
  1094. padding-top:2px;
  1095. padding-bottom:8px;
  1096. line-height:20px;
  1097. letter-spacing:0px;
  1098. border:2px solid #fff;
  1099. text-align:center;
  1100. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1101. background:{color:bar2};
  1102. transition: all 0.7s ease-out;
  1103. -o-transition-transition: all 0.7s ease-out;
  1104. -webkit-transition: all 0.7s ease-out;
  1105. -moz-transition: all 0.7s ease-out;
  1106. }
  1107.  
  1108.  
  1109. #sidebar:hover #link88{
  1110. opacity:2;
  1111. transform: rotateX(0deg);
  1112. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1113. }
  1114.  
  1115. #link9 {
  1116. z-index:3;
  1117. position:absolute;
  1118. top:18px;
  1119. opacity:0;
  1120. left:10px;
  1121. width:110px;
  1122. height:133px;
  1123. color:#000;
  1124. overflow:hidden;
  1125. -webkit-border-radius: 19px 12px;
  1126. font-family:calibri;
  1127. font-size:13px;
  1128. padding-left:0px;
  1129. padding-top:3px;
  1130. letter-spacing:0px;
  1131. border:2px solid #fff;
  1132. text-align:center;
  1133. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  1134. background:{color:bar2};
  1135. transition: all 0.7s ease-out;
  1136. -o-transition-transition: all 0.7s ease-out;
  1137. -webkit-transition: all 0.7s ease-out;
  1138. -moz-transition: all 0.7s ease-out;
  1139. }
  1140.  
  1141. #sidebar:hover #link9{
  1142. opacity:6;
  1143. transform: rotateX(0deg);
  1144. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1145. }
  1146.  
  1147. #link10{
  1148. position:fixed !important;
  1149. width:249px;
  1150. height:30px;
  1151. font-family:penus;
  1152. font-size:46px;
  1153. color:{color:bar1};
  1154. margin-top:-210px;
  1155. margin-left:8px;
  1156. font-weight:800;
  1157. z-index: 999;
  1158. opacity:0;
  1159. background-image:dfg;
  1160. border-radius:10px;
  1161. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  1162. letter-spacing: 0px;
  1163. line-height:10px;
  1164. text-align:center;
  1165. }
  1166.  
  1167. #sidebar:hover #link10{
  1168. opacity:10;
  1169. transform: rotateX(0deg);
  1170. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1171. }
  1172.  
  1173.  
  1174. #link11{
  1175. position:fixed !important;
  1176. width:249px;
  1177. height:30px;
  1178. font-family:penus;
  1179. font-size:76px;
  1180. color:{color:slut1};
  1181. margin-top:-250px;
  1182. margin-left:6px;
  1183. font-weight:800;
  1184. z-index: 9;
  1185. opacity:0;
  1186. background-image:dfg;
  1187. border-radius:10px;
  1188. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  1189. letter-spacing: 0px;
  1190. line-height:0px;
  1191. text-align:center;
  1192. }
  1193.  
  1194. #sidebar:hover #link11{
  1195. opacity:10;
  1196. }
  1197.  
  1198. #link12{
  1199. position:fixed !important;
  1200. width:299px;
  1201. height:0px;
  1202. font-family:penus;
  1203. font-size:76px;
  1204. color:{color:slut1};
  1205. border-bottom:1px dotted #ccc;
  1206. margin-top:-90px;
  1207. margin-left:-16px;
  1208. font-weight:800;
  1209. z-index: 9;
  1210. opacity:0;
  1211. background-image:dfg;
  1212. border-radius:0px;
  1213. text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
  1214. letter-spacing: 0px;
  1215. line-height:0px;
  1216. text-align:center;
  1217. }
  1218.  
  1219. #sidebar:hover #link12{
  1220. opacity:10;
  1221. }
  1222.  
  1223.  
  1224. #desc {
  1225. position:absolute;
  1226. bottom:285px;
  1227. opacity:0;
  1228. left:140px;
  1229. width:135px;
  1230. height:120px;
  1231. z-index:999;
  1232. font-family:calibri;
  1233. font-size:14px;
  1234. line-height:18px;
  1235. text-align:center;
  1236. border:2px solid {color:bar2};
  1237. border-left:2px solid {color:bar1};
  1238. border-right:2px solid {color:bar1};
  1239. -webkit-border-radius: 46px 18px;
  1240. background:white;
  1241. padding:8px;
  1242. transition: all 1s ease-out;
  1243. -o-transition-transition: all 1s ease-out;
  1244. -webkit-transition: all 1s ease-out;
  1245.  
  1246. }
  1247.  
  1248. #sidebar:hover #desc{
  1249. opacity:4;
  1250. transform: rotateX(0deg);
  1251. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1252. }
  1253.  
  1254.  
  1255.  
  1256.  
  1257. ask{
  1258. font-family: 'calibri';
  1259. text-align: right;
  1260. margin-top: 10px;
  1261. margin-left: 5px;
  1262. font-size:14px;
  1263. color: #838383;
  1264. line-height: 5px;
  1265. }
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272. @font-face { font-family: penis; src: url('http://static.tumblr.com/vtg00tr/umkmr13ix/ellephont.ttf'); }
  1273.  
  1274. @font-face { font-family: penus; src: url('http://static.tumblr.com/vtg00tr/F5imr15mo/asimplelife.ttf'); }
  1275.  
  1276.  
  1277.  
  1278.  
  1279. @font-face {font-family: 'Before the Rain'; src: url('http://static.tumblr.com/npggxjg/ArGm910aw/before_the_rain.ttf');}
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1287.  
  1288. .title{
  1289. line-height: 28px;
  1290. color:#919191;
  1291. font-weight: normal;
  1292. font-family:penus;
  1293. letter-spacing:1px;
  1294. font-size:22px;
  1295. }
  1296.  
  1297.  
  1298. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1299.  
  1300. .permalink a { color:#000; }
  1301. .permalink a:hover { color:#000; }
  1302.  
  1303. .permalink{
  1304. text-transform: normal;
  1305. display: block;
  1306. text-align: center;
  1307. text-decoration: none;
  1308. opacity:0;
  1309. width:232px;
  1310. background-image:url("http://media.tumblr.com/tumblr_m9l3yzaw5I1qfhjqf.png");
  1311. font-family: calibri;
  1312. font-size:12px;
  1313. border:1px solid #d8d8d8;
  1314. border-radius: 1px;
  1315. padding:2px;
  1316. transform: rotateX(220deg);
  1317. -webkit-transform: rotateX(220deg); /* Safari and Chrome */
  1318. padding-right:20px;
  1319. -webkit-transition: all 0.5s linear;
  1320. -webkit-transition: all 0.5s linear;
  1321. -moz-transition: all 0.5s linear;
  1322. transition: all 0.5s linear;
  1323. margin-bottom:-0px;
  1324. margin-left: -12px;
  1325. }
  1326.  
  1327. .permalink:hover{
  1328. opacity:5;
  1329. margin-left: -12px;
  1330. transform: rotateX(0deg);
  1331. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  1332. }
  1333.  
  1334. .permalink1{
  1335. text-transform: normal;
  1336. display: block;
  1337. text-align: center;
  1338. text-decoration: none;
  1339. opacity:2;
  1340. width:218px;
  1341. background:#fff;
  1342. font-family: calibri;
  1343. font-size:12px;
  1344. border:1px dotted {color:bar2};
  1345. border-left:3px solid {color:bar2};
  1346. border-right:3px solid {color:bar2};
  1347. border-radius: 1px;
  1348. padding:2px;
  1349. padding-right:20px;
  1350. -webkit-transition: all 0.5s linear;
  1351. -webkit-transition: all 0.5s linear;
  1352. -moz-transition: all 0.5s linear;
  1353. transition: all 0.5s linear;
  1354. margin-bottom:-4px;
  1355. margin-left: -7px;
  1356. }
  1357.  
  1358. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1359. #infscr-loading{
  1360. bottom: -70px;
  1361. position: absolute;
  1362. left: 50%;
  1363. margin-left:-8px;
  1364. width:16px;
  1365. height:11px;
  1366. overflow:hidden;
  1367. margin-bottom: 50px;
  1368. }
  1369.  
  1370. #postnotes{
  1371. text-align: justify;}
  1372.  
  1373. #postnotes blockquote{
  1374. border: 0px;}
  1375.  
  1376. blockquote{
  1377. padding:0px 0px 2px 5px;
  1378. margin:0px 0px 2px 10px;
  1379. border-left: 1px solid #555555;
  1380. }
  1381.  
  1382. blockquote p, ul{
  1383. margin:0px;
  1384. padding:0px;
  1385. }
  1386.  
  1387. a img{border: 0px;}
  1388.  
  1389.  
  1390. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1391.  
  1392. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1393. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1394.  
  1395. .notes img{width:10px; position:relative; top:3px;}
  1396. <--ses-->
  1397. small{font-size: 90%;}
  1398.  
  1399. {CustomCSS}
  1400.  
  1401. @-moz-keyframes sonarEffect {
  1402. 0% {
  1403. opacity: 0.3;
  1404. }
  1405. 40% {
  1406. opacity: 0.5;
  1407. box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
  1408. }
  1409. 100% {
  1410. box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
  1411. -moz-transform: scale(1.5);
  1412. opacity: 0;
  1413. }
  1414. }
  1415. @keyframes sonarEffect {
  1416. 0% {
  1417. opacity: 0.3;
  1418. }
  1419. 40% {
  1420. opacity: 0.5;
  1421. box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
  1422. }
  1423. 100% {
  1424. box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
  1425. transform: scale(1.5);
  1426. opacity: 0;
  1427. }
  1428. }
  1429.  
  1430.  
  1431. @-webkit-keyframes wobble {
  1432. 0% { -webkit-transform: translateX(0%); }
  1433. 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  1434. 30% { -webkit-transform: translateX(20%) rotate(3deg); }
  1435. 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  1436. 60% { -webkit-transform: translateX(10%) rotate(2deg); }
  1437. 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  1438. 100% { -webkit-transform: translateX(0%); }
  1439. }
  1440. @-moz-keyframes wobble {
  1441. 0% { -moz-transform: translateX(0%); }
  1442. 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  1443. 30% { -moz-transform: translateX(20%) rotate(3deg); }
  1444. 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  1445. 60% { -moz-transform: translateX(10%) rotate(2deg); }
  1446. 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  1447. 100% { -moz-transform: translateX(0%); }
  1448. }
  1449. @-ms-keyframes wobble {
  1450. 0% { -ms-transform: translateX(0%); }
  1451. 15% { -ms-transform: translateX(-25%) rotate(-5deg); }
  1452. 30% { -ms-transform: translateX(20%) rotate(3deg); }
  1453. 45% { -ms-transform: translateX(-15%) rotate(-3deg); }
  1454. 60% { -ms-transform: translateX(10%) rotate(2deg); }
  1455. 75% { -ms-transform: translateX(-5%) rotate(-1deg); }
  1456. 100% { -ms-transform: translateX(0%); }
  1457. }
  1458. @-o-keyframes wobble {
  1459. 0% { -o-transform: translateX(0%); }
  1460. 15% { -o-transform: translateX(-25%) rotate(-5deg); }
  1461. 30% { -o-transform: translateX(20%) rotate(3deg); }
  1462. 45% { -o-transform: translateX(-15%) rotate(-3deg); }
  1463. 60% { -o-transform: translateX(10%) rotate(2deg); }
  1464. 75% { -o-transform: translateX(-5%) rotate(-1deg); }
  1465. 100% { -o-transform: translateX(0%); }
  1466. }
  1467. @keyframes wobble {
  1468. 0% { transform: translateX(0%); }
  1469. 15% { transform: translateX(-25%) rotate(-5deg); }
  1470. 30% { transform: translateX(20%) rotate(3deg); }
  1471. 45% { transform: translateX(-15%) rotate(-3deg); }
  1472. 60% { transform: translateX(10%) rotate(2deg); }
  1473. 75% { transform: translateX(-5%) rotate(-1deg); }
  1474. 100% { transform: translateX(0%); }
  1475. }
  1476. .wobble {
  1477. -webkit-animation-name: wobble;
  1478. -moz-animation-name: wobble;
  1479. -ms-animation-name: wobble;
  1480. -o-animation-name: wobble;
  1481. animation-name: wobble;
  1482. }
  1483.  
  1484. @-webkit-keyframes fadeInLeft {
  1485. 0% {
  1486. opacity: 0;
  1487. -webkit-transform: translateX(-20px);
  1488. }
  1489. 100% {
  1490. opacity: 1;
  1491. -webkit-transform: translateX(0);
  1492. }
  1493. }
  1494. @-moz-keyframes fadeInLeft {
  1495. 0% {
  1496. opacity: 0;
  1497. -moz-transform: translateX(-20px);
  1498. }
  1499. 100% {
  1500. opacity: 1;
  1501. -moz-transform: translateX(0);
  1502. }
  1503. }
  1504. @-ms-keyframes fadeInLeft {
  1505. 0% {
  1506. opacity: 0;
  1507. -ms-transform: translateX(-20px);
  1508. }
  1509. 100% {
  1510. opacity: 1;
  1511. -ms-transform: translateX(0);
  1512. }
  1513. }
  1514. @-o-keyframes fadeInLeft {
  1515. 0% {
  1516. opacity: 0;
  1517. -o-transform: translateX(-20px);
  1518. }
  1519. 100% {
  1520. opacity: 1;
  1521. -o-transform: translateX(0);
  1522. }
  1523. }
  1524. @keyframes fadeInLeft {
  1525. 0% {
  1526. opacity: 0;
  1527. transform: translateX(-20px);
  1528. }
  1529. 100% {
  1530. opacity: 1;
  1531. transform: translateX(0);
  1532. }
  1533. }
  1534. .fadeInLeft {
  1535. -webkit-animation-name: fadeInLeft;
  1536. -moz-animation-name: fadeInLeft;
  1537. -ms-animation-name: fadeInLeft;
  1538. -o-animation-name: fadeInLeft;
  1539. animation-name: fadeInLeft;
  1540. }
  1541.  
  1542. @-webkit-keyframes fadeInDown {
  1543. 0% {
  1544. opacity: 0;
  1545. -webkit-transform: translateY(-30px);
  1546. }
  1547. 100% {
  1548. opacity: 1;
  1549. -webkit-transform: translateY(0);
  1550. }
  1551. }
  1552. @-moz-keyframes fadeInDown {
  1553. 0% {
  1554. opacity: 0;
  1555. -moz-transform: translateY(-30px);
  1556. }
  1557. 100% {
  1558. opacity: 1;
  1559. -moz-transform: translateY(0);
  1560. }
  1561. }
  1562. @-ms-keyframes fadeInDown {
  1563. 0% {
  1564. opacity: 0;
  1565. -ms-transform: translateY(-30px);
  1566. }
  1567. 100% {
  1568. opacity: 1;
  1569. -ms-transform: translateY(0);
  1570. }
  1571. }
  1572. @-o-keyframes fadeInDown {
  1573. 0% {
  1574. opacity: 0;
  1575. -ms-transform: translateY(-60px);
  1576. }
  1577. 100% {
  1578. opacity: 1;
  1579. -ms-transform: translateY(0);
  1580. }
  1581. }
  1582. @keyframes fadeInDown {
  1583. 0% {
  1584. opacity: 0;
  1585. transform: translateY(-60px);
  1586. }
  1587. 100% {
  1588. opacity: 1;
  1589. transform: translateY(0);
  1590. }
  1591. }
  1592. .fadeInDown {
  1593. -webkit-animation-name: fadeInDown;
  1594. -moz-animation-name: fadeInDown;
  1595. -ms-animation-name: fadeInDown;
  1596. -o-animation-name: fadeInDown;
  1597. animation-name: fadeInDown;
  1598. }
  1599.  
  1600.  
  1601. @-webkit-keyframes fadeInUpBig {
  1602. 0% {
  1603. opacity: 0;
  1604. -webkit-transform: translateY(2000px);
  1605. }
  1606.  
  1607. 100% {
  1608. opacity: 1;
  1609. -webkit-transform: translateY(0);
  1610. }
  1611. }
  1612.  
  1613. @-moz-keyframes fadeInUpBig {
  1614. 0% {
  1615. opacity: 0;
  1616. -moz-transform: translateY(2000px);
  1617. }
  1618.  
  1619. 100% {
  1620. opacity: 1;
  1621. -moz-transform: translateY(0);
  1622. }
  1623. }
  1624.  
  1625. @-o-keyframes fadeInUpBig {
  1626. 0% {
  1627. opacity: 0;
  1628. -o-transform: translateY(2000px);
  1629. }
  1630.  
  1631. 100% {
  1632. opacity: 1;
  1633. -o-transform: translateY(0);
  1634. }
  1635. }
  1636.  
  1637. @keyframes fadeInUpBig {
  1638. 0% {
  1639. opacity: 0;
  1640. transform: translateY(2000px);
  1641. }
  1642.  
  1643. 100% {
  1644. opacity: 1;
  1645. transform: translateY(0);
  1646. }
  1647. }
  1648.  
  1649. .fadeInUpBig {
  1650. -webkit-animation-name: fadeInUpBig;
  1651. -moz-animation-name: fadeInUpBig;
  1652. -o-animation-name: fadeInUpBig;
  1653. animation-name: fadeInUpBig;
  1654. }
  1655.  
  1656. @-webkit-keyframes fadeInDownBig {
  1657. 0% {
  1658. opacity: 0;
  1659. -webkit-transform: translateY(-2000px);
  1660. }
  1661. 100% {
  1662. opacity: 1;
  1663. -webkit-transform: translateY(0);
  1664. }
  1665. }
  1666. @-moz-keyframes fadeInDownBig {
  1667. 0% {
  1668. opacity: 0;
  1669. -moz-transform: translateY(-2000px);
  1670. }
  1671. 100% {
  1672. opacity: 1;
  1673. -moz-transform: translateY(0);
  1674. }
  1675. }
  1676. @-ms-keyframes fadeInDownBig {
  1677. 0% {
  1678. opacity: 0;
  1679. -ms-transform: translateY(-2000px);
  1680. }
  1681. 100% {
  1682. opacity: 1;
  1683. -ms-transform: translateY(0);
  1684. }
  1685. }
  1686. @-o-keyframes fadeInDownBig {
  1687. 0% {
  1688. opacity: 0;
  1689. -o-transform: translateY(-2000px);
  1690. }
  1691. 100% {
  1692. opacity: 1;
  1693. -o-transform: translateY(0);
  1694. }
  1695. }
  1696. @keyframes fadeInDownBig {
  1697. 0% {
  1698. opacity: 0;
  1699. transform: translateY(-2000px);
  1700. }
  1701. 100% {
  1702. opacity: 1;
  1703. transform: translateY(0);
  1704. }
  1705. }
  1706. .fadeInDownBig {
  1707. -webkit-animation-name: fadeInDownBig;
  1708. -moz-animation-name: fadeInDownBig;
  1709. -ms-animation-name: fadeInDownBig;
  1710. -o-animation-name: fadeInDownBig;
  1711. animation-name: fadeInDownBig;
  1712. }
  1713.  
  1714.  
  1715. @-webkit-keyframes fadeInLeftBig {
  1716. 0% {
  1717. opacity: 0;
  1718. -webkit-transform: translateX(-2000px);
  1719. }
  1720. 100% {
  1721. opacity: 1;
  1722. -webkit-transform: translateX(0);
  1723. }
  1724. }
  1725. @-moz-keyframes fadeInLeftBig {
  1726. 0% {
  1727. opacity: 0;
  1728. -moz-transform: translateX(-2000px);
  1729. }
  1730. 100% {
  1731. opacity: 1;
  1732. -moz-transform: translateX(0);
  1733. }
  1734. }
  1735. @-ms-keyframes fadeInLeftBig {
  1736. 0% {
  1737. opacity: 0;
  1738. -ms-transform: translateX(-2000px);
  1739. }
  1740. 100% {
  1741. opacity: 1;
  1742. -ms-transform: translateX(0);
  1743. }
  1744. }
  1745. @-o-keyframes fadeInLeftBig {
  1746. 0% {
  1747. opacity: 0;
  1748. -o-transform: translateX(-2000px);
  1749. }
  1750. 100% {
  1751. opacity: 1;
  1752. -o-transform: translateX(0);
  1753. }
  1754. }
  1755. @keyframes fadeInLeftBig {
  1756. 0% {
  1757. opacity: 0;
  1758. transform: translateX(-2000px);
  1759. }
  1760. 100% {
  1761. opacity: 1;
  1762. transform: translateX(0);
  1763. }
  1764. }
  1765. .fadeInLeftBig {
  1766. -webkit-animation-name: fadeInLeftBig;
  1767. -moz-animation-name: fadeInLeftBig;
  1768. -ms-animation-name: fadeInLeftBig;
  1769. -o-animation-name: fadeInLeftBig;
  1770. animation-name: fadeInLeftBig;
  1771. }
  1772.  
  1773. @-webkit-keyframes swing {
  1774. 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
  1775. 20% { -webkit-transform: rotate(15deg); }
  1776. 40% { -webkit-transform: rotate(-10deg); }
  1777. 60% { -webkit-transform: rotate(5deg); }
  1778. 80% { -webkit-transform: rotate(-5deg); }
  1779. 100% { -webkit-transform: rotate(0deg); }
  1780. }
  1781. @-moz-keyframes swing {
  1782. 20% { -moz-transform: rotate(15deg); }
  1783. 40% { -moz-transform: rotate(-10deg); }
  1784. 60% { -moz-transform: rotate(5deg); }
  1785. 80% { -moz-transform: rotate(-5deg); }
  1786. 100% { -moz-transform: rotate(0deg); }
  1787. }
  1788. @-ms-keyframes swing {
  1789. 20% { -ms-transform: rotate(15deg); }
  1790. 40% { -ms-transform: rotate(-10deg); }
  1791. 60% { -ms-transform: rotate(5deg); }
  1792. 80% { -ms-transform: rotate(-5deg); }
  1793. 100% { -ms-transform: rotate(0deg); }
  1794. }
  1795. @-o-keyframes swing {
  1796. 20% { -o-transform: rotate(15deg); }
  1797. 40% { -o-transform: rotate(-10deg); }
  1798. 60% { -o-transform: rotate(5deg); }
  1799. 80% { -o-transform: rotate(-5deg); }
  1800. 100% { -o-transform: rotate(0deg); }
  1801. }
  1802. @keyframes swing {
  1803. 20% { transform: rotate(15deg); }
  1804. 40% { transform: rotate(-10deg); }
  1805. 60% { transform: rotate(5deg); }
  1806. 80% { transform: rotate(-5deg); }
  1807. 100% { transform: rotate(0deg); }
  1808. }
  1809. .swing {
  1810. -webkit-transform-origin: top center;
  1811. -moz-transform-origin: top center;
  1812. -ms-transform-origin: top center;
  1813. -o-transform-origin: top center;
  1814. transform-origin: top center;
  1815. -webkit-animation-name: swing;
  1816. -moz-animation-name: swing;
  1817. -ms-animation-name: swing;
  1818. -o-animation-name: swing;
  1819. animation-name: swing;
  1820. }
  1821.  
  1822. @-webkit-keyframes fadeInLeftBig {
  1823. 0% {
  1824. opacity: 0;
  1825. -webkit-transform: translateX(-2000px);
  1826. }
  1827. 100% {
  1828. opacity: 1;
  1829. -webkit-transform: translateX(0);
  1830. }
  1831. }
  1832. @-moz-keyframes fadeInLeftBig {
  1833. 0% {
  1834. opacity: 0;
  1835. -moz-transform: translateX(-2000px);
  1836. }
  1837. 100% {
  1838. opacity: 1;
  1839. -moz-transform: translateX(0);
  1840. }
  1841. }
  1842. @-ms-keyframes fadeInLeftBig {
  1843. 0% {
  1844. opacity: 0;
  1845. -ms-transform: translateX(-2000px);
  1846. }
  1847. 100% {
  1848. opacity: 1;
  1849. -ms-transform: translateX(0);
  1850. }
  1851. }
  1852. @-o-keyframes fadeInLeftBig {
  1853. 0% {
  1854. opacity: 0;
  1855. -o-transform: translateX(-2000px);
  1856. }
  1857. 100% {
  1858. opacity: 1;
  1859. -o-transform: translateX(0);
  1860. }
  1861. }
  1862. @keyframes fadeInLeftBig {
  1863. 0% {
  1864. opacity: 0;
  1865. transform: translateX(-2000px);
  1866. }
  1867. 100% {
  1868. opacity: 1;
  1869. transform: translateX(0);
  1870. }
  1871. }
  1872. .fadeInLeftBig {
  1873. -webkit-animation-name: fadeInLeftBig;
  1874. -moz-animation-name: fadeInLeftBig;
  1875. -ms-animation-name: fadeInLeftBig;
  1876. -o-animation-name: fadeInLeftBig;
  1877. animation-name: fadeInLeftBig;
  1878. }
  1879.  
  1880. @-webkit-keyframes bounce {
  1881. 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  1882. 40% {-webkit-transform: translateY(-30px);}
  1883. 60% {-webkit-transform: translateY(-15px);}
  1884. }
  1885. @-moz-keyframes bounce {
  1886. 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  1887. 40% {-moz-transform: translateY(-30px);}
  1888. 60% {-moz-transform: translateY(-15px);}
  1889. }
  1890. @-ms-keyframes bounce {
  1891. 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
  1892. 40% {-ms-transform: translateY(-30px);}
  1893. 60% {-ms-transform: translateY(-15px);}
  1894. }
  1895. @-o-keyframes bounce {
  1896. 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  1897. 40% {-o-transform: translateY(-30px);}
  1898. 60% {-o-transform: translateY(-15px);}
  1899. }
  1900. @keyframes bounce {
  1901. 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  1902. 40% {transform: translateY(-30px);}
  1903. 60% {transform: translateY(-15px);}
  1904. }
  1905. .bounce {
  1906. -webkit-animation-name: bounce;
  1907. -moz-animation-name: bounce;
  1908. -ms-animation-name: bounce;
  1909. -o-animation-name: bounce;
  1910. animation-name: bounce;
  1911. }
  1912.  
  1913. @-webkit-keyframes fadeInUpBig {
  1914. 0% {
  1915. opacity: 0;
  1916. -webkit-transform: translateY(2000px);
  1917. }
  1918.  
  1919. 100% {
  1920. opacity: 1;
  1921. -webkit-transform: translateY(0);
  1922. }
  1923. }
  1924.  
  1925. @-moz-keyframes fadeInUpBig {
  1926. 0% {
  1927. opacity: 0;
  1928. -moz-transform: translateY(2000px);
  1929. }
  1930.  
  1931. 100% {
  1932. opacity: 1;
  1933. -moz-transform: translateY(0);
  1934. }
  1935. }
  1936.  
  1937. @-o-keyframes fadeInUpBig {
  1938. 0% {
  1939. opacity: 0;
  1940. -o-transform: translateY(2000px);
  1941. }
  1942.  
  1943. 100% {
  1944. opacity: 1;
  1945. -o-transform: translateY(0);
  1946. }
  1947. }
  1948.  
  1949. @keyframes fadeInUpBig {
  1950. 0% {
  1951. opacity: 0;
  1952. transform: translateY(2000px);
  1953. }
  1954.  
  1955. 100% {
  1956. opacity: 1;
  1957. transform: translateY(0);
  1958. }
  1959. }
  1960.  
  1961. .fadeInUpBig {
  1962. -webkit-animation-name: fadeInUpBig;
  1963. -moz-animation-name: fadeInUpBig;
  1964. -o-animation-name: fadeInUpBig;
  1965. animation-name: fadeInUpBig;
  1966. }
  1967.  
  1968. @-webkit-keyframes fadeInDownBig {
  1969. 0% {
  1970. opacity: 0;
  1971. -webkit-transform: translateY(-2000px);
  1972. }
  1973.  
  1974. 100% {
  1975. opacity: 1;
  1976. -webkit-transform: translateY(0);
  1977. }
  1978. }
  1979.  
  1980. @-moz-keyframes fadeInDownBig {
  1981. 0% {
  1982. opacity: 0;
  1983. -moz-transform: translateY(-2000px);
  1984. }
  1985.  
  1986. 100% {
  1987. opacity: 1;
  1988. -moz-transform: translateY(0);
  1989. }
  1990. }
  1991.  
  1992. @-ms-keyframes fadeInDownBig {
  1993. 0% {
  1994. opacity: 0;
  1995. -ms-transform: translateY(-2000px);
  1996. }
  1997.  
  1998. 100% {
  1999. opacity: 1;
  2000. -ms-transform: translateY(0);
  2001. }
  2002. }
  2003.  
  2004. @-o-keyframes fadeInDownBig {
  2005. 0% {
  2006. opacity: 0;
  2007. -o-transform: translateY(-2000px);
  2008. }
  2009.  
  2010. 100% {
  2011. opacity: 1;
  2012. -o-transform: translateY(0);
  2013. }
  2014. }
  2015.  
  2016. @keyframes fadeInDownBig {
  2017. 0% {
  2018. opacity: 0;
  2019. transform: translateY(-2000px);
  2020. }
  2021.  
  2022. 100% {
  2023. opacity: 1;
  2024. transform: translateY(0);
  2025. }
  2026. }
  2027.  
  2028. @mixin fadeInDownBig($duration, $delay, $function, $fill, $visibility) {
  2029. -webkit-animation-name: fadeInDownBig;
  2030. -moz-animation-name: fadeInDownBig;
  2031. -ms-animation-name: fadeInDownBig;
  2032. -o-animation-name: fadeInDownBig;
  2033. animation-name: fadeInDownBig;
  2034. @include duration($duration);
  2035. @include delay($delay);
  2036. @include function($function);
  2037. @include fill-mode($fill);
  2038. @include visibility($visibility);
  2039. }
  2040.  
  2041. @-webkit-keyframes fadeInLeftBig {
  2042. 0% {
  2043. opacity: 0;
  2044. -webkit-transform: translateX(-2000px);
  2045. }
  2046.  
  2047. 100% {
  2048. opacity: 1;
  2049. -webkit-transform: translateX(0);
  2050. }
  2051. }
  2052. @-moz-keyframes fadeInLeftBig {
  2053. 0% {
  2054. opacity: 0;
  2055. -moz-transform: translateX(-2000px);
  2056. }
  2057.  
  2058. 100% {
  2059. opacity: 1;
  2060. -moz-transform: translateX(0);
  2061. }
  2062. }
  2063. @-o-keyframes fadeInLeftBig {
  2064. 0% {
  2065. opacity: 0;
  2066. -o-transform: translateX(-2000px);
  2067. }
  2068.  
  2069. 100% {
  2070. opacity: 1;
  2071. -o-transform: translateX(0);
  2072. }
  2073. }
  2074. @keyframes fadeInLeftBig {
  2075. 0% {
  2076. opacity: 0;
  2077. transform: translateX(-2000px);
  2078. }
  2079.  
  2080. 100% {
  2081. opacity: 1;
  2082. transform: translateX(0);
  2083. }
  2084. }
  2085.  
  2086. .fadeInLeftBig {
  2087. -webkit-animation-name: fadeInLeftBig;
  2088. -moz-animation-name: fadeInLeftBig;
  2089. -o-animation-name: fadeInLeftBig;
  2090. animation-name: fadeInLeftBig;
  2091. }
  2092.  
  2093. #credit a {color:#000;}
  2094.  
  2095. #credit {
  2096. position:fixed;
  2097. font-family: trash;
  2098. font-size: 10px;
  2099. bottom:5px;
  2100. right:0px;
  2101. padding: 5px;
  2102. font-style:italic;
  2103. background: #fff;
  2104. border: 1px solid #eee;
  2105. z-index:9999;
  2106. color:#000;
  2107. }
  2108.  
  2109. @-webkit-keyframes fadeInRightBig {
  2110. 0% {
  2111. opacity: 0;
  2112. -webkit-transform: translateX(2000px);
  2113. }
  2114.  
  2115. 100% {
  2116. opacity: 1;
  2117. -webkit-transform: translateX(0);
  2118. }
  2119. }
  2120.  
  2121. @-moz-keyframes fadeInRightBig {
  2122. 0% {
  2123. opacity: 0;
  2124. -moz-transform: translateX(2000px);
  2125. }
  2126.  
  2127. 100% {
  2128. opacity: 1;
  2129. -moz-transform: translateX(0);
  2130. }
  2131. }
  2132.  
  2133. @-o-keyframes fadeInRightBig {
  2134. 0% {
  2135. opacity: 0;
  2136. -o-transform: translateX(2000px);
  2137. }
  2138.  
  2139. 100% {
  2140. opacity: 1;
  2141. -o-transform: translateX(0);
  2142. }
  2143. }
  2144.  
  2145. @keyframes fadeInRightBig {
  2146. 0% {
  2147. opacity: 0;
  2148. transform: translateX(2000px);
  2149. }
  2150.  
  2151. 100% {
  2152. opacity: 1;
  2153. transform: translateX(0);
  2154. }
  2155. }
  2156.  
  2157. .fadeInRightBig {
  2158. -webkit-animation-name: fadeInRightBig;
  2159. -moz-animation-name: fadeInRightBig;
  2160. -o-animation-name: fadeInRightBig;
  2161. animation-name: fadeInRightBig;
  2162. }
  2163.  
  2164. @-webkit-keyframes bounceIn {
  2165. 0% {
  2166. opacity: 0;
  2167. -webkit-transform: scale(.3);
  2168. }
  2169. 50% {
  2170. opacity: 1;
  2171. -webkit-transform: scale(1.05);
  2172. }
  2173. 70% {
  2174. -webkit-transform: scale(.9);
  2175. }
  2176. 100% {
  2177. -webkit-transform: scale(1);
  2178. }
  2179. }
  2180. @-moz-keyframes bounceIn {
  2181. 0% {
  2182. opacity: 0;
  2183. -moz-transform: scale(.3);
  2184. }
  2185. 50% {
  2186. opacity: 1;
  2187. -moz-transform: scale(1.05);
  2188. }
  2189. 70% {
  2190. -moz-transform: scale(.9);
  2191. }
  2192. 100% {
  2193. -moz-transform: scale(1);
  2194. }
  2195. }
  2196. @-ms-keyframes bounceIn {
  2197. 0% {
  2198. opacity: 0;
  2199. -ms-transform: scale(.3);
  2200. }
  2201. 50% {
  2202. opacity: 1;
  2203. -ms-transform: scale(1.05);
  2204. }
  2205. 70% {
  2206. -ms-transform: scale(.9);
  2207. }
  2208. 100% {
  2209. -ms-transform: scale(1);
  2210. }
  2211. }
  2212. @-o-keyframes bounceIn {
  2213. 0% {
  2214. opacity: 0;
  2215. -o-transform: scale(.3);
  2216. }
  2217. 50% {
  2218. opacity: 1;
  2219. -o-transform: scale(1.05);
  2220. }
  2221. 70% {
  2222. -o-transform: scale(.9);
  2223. }
  2224. 100% {
  2225. -o-transform: scale(1);
  2226. }
  2227. }
  2228. @keyframes bounceIn {
  2229. 0% {
  2230. opacity: 0;
  2231. transform: scale(.3);
  2232. }
  2233. 50% {
  2234. opacity: 1;
  2235. transform: scale(1.05);
  2236. }
  2237. 70% {
  2238. transform: scale(.9);
  2239. }
  2240. 100% {
  2241. transform: scale(1);
  2242. }
  2243. }
  2244. .bounceIn {
  2245. -webkit-animation-name: bounceIn;
  2246. -moz-animation-name: bounceIn;
  2247. -ms-animation-name: bounceIn;
  2248. -o-animation-name: bounceIn;
  2249. animation-name: bounceIn;
  2250. }
  2251.  
  2252. #credit a {color:#000;}
  2253.  
  2254. #credit {
  2255. position:fixed;
  2256. font-family: trash;
  2257. font-size: 10px;
  2258. bottom:5px;
  2259. right:0px;
  2260. padding: 5px;
  2261. font-style:italic;
  2262. background: #fff;
  2263. border: 1px solid #eee;
  2264. z-index:9999;
  2265. color:#000;
  2266. }
  2267.  
  2268. </style>
  2269.  
  2270.  
  2271. {block:IndexPage}
  2272. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  2273. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  2274.  
  2275. <script type="text/javascript">
  2276. $(window).load(function(){
  2277. var $wall = $('#posts');
  2278. $wall.imagesLoaded(function(){
  2279. $wall.masonry({
  2280. itemSelector: '.entry, .entry_photo',
  2281. isAnimated : false
  2282. });
  2283. });
  2284.  
  2285. $wall.infinitescroll({
  2286. navSelector : '#pagination',
  2287. nextSelector : '#pagination a',
  2288. itemSelector : '.entry, .entry_photo',
  2289. bufferPx : 200,
  2290. debug : false,
  2291. errorCallback: function() {
  2292. $('#infscr-loading').fadeOut('normal');
  2293. }},
  2294. function( newElements ) {
  2295. var $newElems = $( newElements );
  2296. $newElems.hide();
  2297. $newElems.imagesLoaded(function(){
  2298. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  2299. });
  2300. }); $('#posts').show(500);
  2301. });
  2302. </script>
  2303.  
  2304.  
  2305. {/block:IndexPage}
  2306.  
  2307.  
  2308. <title>{title}</title>
  2309.  
  2310. <link rel="shortcut icon" href="{Favicon}" />
  2311. <meta name="viewport" content="width=820" />
  2312. </head>
  2313.  
  2314. <body>
  2315.  
  2316. <body onkeydown="return false">
  2317.  
  2318.  
  2319.  
  2320. <div class="wrapper">
  2321.  
  2322. <div class="header">
  2323.  
  2324. </div>
  2325.  
  2326.  
  2327.  
  2328. <div id="blogtitle">
  2329. {text:title1}
  2330. </div>
  2331.  
  2332. <div id="box">
  2333.  
  2334. </div>
  2335.  
  2336. <div id="topbar">
  2337. </div>
  2338.  
  2339. <div id="topbar2">
  2340.  
  2341. </div>
  2342.  
  2343. <div id="topbar3">
  2344. </div>
  2345.  
  2346. <div id="thingy">
  2347.  
  2348. </div>
  2349.  
  2350. <div id="thingy2">
  2351.  
  2352. </div>
  2353.  
  2354. <div id="thingy3">
  2355.  
  2356. </div>
  2357.  
  2358. <div id="thingy4">
  2359.  
  2360. </div>
  2361.  
  2362.  
  2363.  
  2364. <div id="johnathan">
  2365. <img src="http://i1301.photobucket.com/albums/ag102/nancy_miserywishes/whitesplat_zpsba878f5b.png" style="width:430px; height:570px;"></div>
  2366.  
  2367.  
  2368.  
  2369.  
  2370. </div>
  2371.  
  2372.  
  2373.  
  2374.  
  2375. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  2376.  
  2377.  
  2378.  
  2379. <div id="sidebar">
  2380. <center>
  2381. <a href="/"><div style=" border: 4px solid #fff;padding:0px; padding-bottom: 0px; border-radius:1px;">
  2382. <script language="JavaScript">
  2383. <!--
  2384.  
  2385. /*
  2386. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  2387. Over 400+ free JavaScripts here!
  2388. Keep this notice intact please
  2389. */
  2390.  
  2391. function random_imglink(){
  2392. var myimages=new Array()
  2393. //specify random images below. You can have as many as you wish
  2394. myimages[1]="{image:sidebar1}"
  2395. myimages[2]="{image:sidebar2}"
  2396. myimages[3]="{image:sidebar3}"
  2397. myimages[4]="{image:sidebar4}"
  2398. myimages[5]="{image:sidebar5}"
  2399. myimages[6]="{image:sidebar6}"
  2400.  
  2401. var ry=Math.floor(Math.random()*myimages.length)
  2402. if (ry==0)
  2403. ry=1
  2404. document.write('<img src="'+myimages[ry]+'"width=100% height="400" border=0>')
  2405. }
  2406. random_imglink()
  2407. //-->
  2408. </script></a></div>
  2409.  
  2410. <div id="sidebarback"></div>
  2411.  
  2412. <div id="link1"><a href="{text:link one}" title="{text:link 1 msg}"><Br><img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/home.png">
  2413. </a> </div>
  2414. <div id="link2"><a href="{text:link two}"title="{text:link 2 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/mail.png">
  2415. </a> </div>
  2416. <div id="link3"><a href="{text:link three}"title="{text:link 3 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/add.png">
  2417. </a> </div>
  2418. <div id="link4"><a href="{text:link four}"title="{text:link 4 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/users.png">
  2419. </a> </div>
  2420. <div id="link5"><a href="http://spaqhetti-tacos.tumblr.com"title="Theme credit"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/computer.png">
  2421. </a> </div>
  2422.  
  2423. <div id="link6"><a href='#?w=270' rel='05' class='poplight'title=" My updates and stats"><img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/32x32/favourites.png" style="width:24px; height:26px;"></div>
  2424.  
  2425. <div id="link7"><a href='#?w=300' rel='06' class='poplight'title="musica"><img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/32x32/hint.png" style="width:24px; height:22px;"></div>
  2426.  
  2427. <div id="link8"><a href="/">
  2428. {text:stats}</div>
  2429.  
  2430. </a>
  2431.  
  2432. <div id="link88">
  2433.  
  2434. <a href="/">
  2435. {text:music}
  2436.  
  2437. </div>
  2438.  
  2439. <div id="link9">
  2440. <img src="https://si0.twimg.com/profile_images/3734619354/e14a0d6de27cc1c237ed38c7786a4296.jpeg" style="width:100px; height:125px;border:2px solid #fff;"></div>
  2441.  
  2442. <div id="link10">Navigate
  2443. </div>
  2444.  
  2445. <div id="link11"><img src="http://25.media.tumblr.com/347749e8c2da3fa91f9216a7cd01906f/tumblr_mhh8lwFjEs1rctfm3o1_400.png" style="width:250px;">
  2446. </div>
  2447.  
  2448. <div id="link12">
  2449. </div>
  2450.  
  2451.  
  2452. <div id="desc">{description}</div>
  2453.  
  2454.  
  2455. </div></div>
  2456.  
  2457.  
  2458. <!------------------------------------->
  2459.  
  2460.  
  2461. <div class="left">
  2462. <div class="sideback"></div>
  2463. <div class="sideback2"></div>
  2464. <div class="sideback22"></div>
  2465. <div class="sideback3"></div>
  2466. <div class="sideback4"></div>
  2467. <div class="sideback5"></div>
  2468.  
  2469. <div id="posts">
  2470.  
  2471. {block:Posts}
  2472.  
  2473. <div class="entry">
  2474.  
  2475. {block:Answer}
  2476. <div style="margin-left:5px; margin-top:16px; min-height:auto; border: 1px dotted {color:bar2};
  2477. border-right: 3px solid {color:bar2};
  2478. border-left: 3px solid {color:bar2}; padding: 10px; background-color:#f1f1f1; {block:IndexPage} width: 200px; {/block:IndexPage}{block:PermalinkPage} width:410px; {/block:PermalinkPage} ;">
  2479. <img src="{AskerPortraitURL-30}" width="25" height="25" align="left" style="margin-left: -11px; margin-top: -6px ;padding: 2px; background: white; border:1px solid #ccc; border-left:3px solid {color:bar2}}; z-index:1;opacity:1; border-radius:40px;"/>
  2480. <ask>{Asker}</ask>: {Question}</div> </p> <br>
  2481. <img src="{PostAuthorPortraitURL-30}" width="25" align="right" style="margin-right: 4px; margin-top: 13px ;padding: 2px; background: white; border:1px solid #ccc; border-right:3px solid {color:bar2}}; z-index:1;opacity:1; border-radius:40px;"/>
  2482. <div style="margin-left:5px; margin-top:9px; min-height:auto; border: 1px dotted {color:bar2}};
  2483. border-right: 3px solid {color:bar2};
  2484. border-left: 3px solid {color:bar2}; padding: 10px; background-color:#f1f1f1; {block:IndexPage} width: 200px; {/block:IndexPage}{block:PermalinkPage} width:410px; {/block:PermalinkPage} ;"><center>{Answer}</center></div><br><br>
  2485.  
  2486. {block:indexpage}
  2487. <span class="permalink1"><a href="{Permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a> </span>
  2488. {/block:indexpage}
  2489.  
  2490.  
  2491. {/block:Answer}
  2492.  
  2493.  
  2494. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  2495.  
  2496. {block:IndexPage}
  2497.  
  2498. <div class="permalink">
  2499. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  2500. </div>
  2501.  
  2502. {/block:IndexPage}
  2503.  
  2504. {/block:Text}
  2505.  
  2506. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  2507.  
  2508. {block:IndexPage}
  2509.  
  2510. <div class="permalink">
  2511. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  2512. </div>
  2513.  
  2514. {/block:IndexPage}
  2515.  
  2516. {block:Link}
  2517.  
  2518. {block:Photo}
  2519. {block:IndexPage}
  2520. <center>
  2521.  
  2522. <div class="perma">
  2523. <a href="{ReblogURL}" target="_blank"> Buy - </a> <a href="{Permalink}" target="_blank">${notecount}</a>
  2524. </div>
  2525.  
  2526. <div class="perma2">
  2527. <a href="{permalink}">bought {timeago}</a>
  2528. </div>
  2529.  
  2530. <div class="photo"><div style="padding:2px; padding-bottom:0px;"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></div>
  2531. {/block:IndexPage}
  2532. {block:PermalinkPage}
  2533. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  2534.  
  2535. {LinkCloseTag}
  2536. {/block:PermalinkPage}
  2537. {/block:Photo}
  2538.  
  2539. {block:Photoset}
  2540. {block:IndexPage}
  2541. <center>
  2542.  
  2543. <div class="perma">
  2544. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  2545.  
  2546. {Photoset-250}</center>
  2547. {/block:IndexPage}
  2548. {block:PermalinkPage}
  2549. <center>
  2550. {Photoset-500}</center>
  2551. {/block:PermalinkPage}
  2552. {/block:Photoset}
  2553.  
  2554. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  2555.  
  2556. {block:IndexPage}
  2557.  
  2558. <div class="permalink">
  2559. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  2560. </div>
  2561.  
  2562. {/block:IndexPage}
  2563.  
  2564. {/block:Quote}
  2565.  
  2566. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  2567. <ul class="chat">
  2568. {block:Lines}
  2569. <li class="user_{UserNumber}">
  2570. {block:Label}
  2571. <span class="label">{Label}</span>
  2572. {/block:Label}
  2573.  
  2574. {Line}
  2575. </li>
  2576. {/block:Lines}
  2577.  
  2578. {block:IndexPage}
  2579.  
  2580. <div class="permalink">
  2581. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  2582. </div>
  2583.  
  2584. {/block:IndexPage}
  2585.  
  2586. {/block:Chat}
  2587.  
  2588. {block:Audio}
  2589. <div style="width:200px; height:30px;">
  2590. {AudioPlayerBlack}
  2591. </div>
  2592. {block:IndexPage}
  2593.  
  2594. {block:IndexPage}
  2595.  
  2596. <div class="permalink">
  2597. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  2598. </div>
  2599.  
  2600. {/block:IndexPage}
  2601.  
  2602. </span>{/block:IndexPage}
  2603. {/block:Audio}
  2604.  
  2605. {block:Video}
  2606. {block:IndexPage}
  2607. <center>
  2608. <div class="perma">
  2609. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  2610. {Video-250}</center>
  2611. {/block:IndexPage}
  2612. {block:PermalinkPage}
  2613. <center>
  2614. {Video-400}</center>
  2615. {/block:PermalinkPage}
  2616. {block:Video}
  2617.  
  2618.  
  2619. {block:PostNotes}<div align="middle">{caption}</div>
  2620. <center>
  2621.  
  2622. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  2623.  
  2624. {block:HasTags}
  2625. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  2626. {block:RebloggedFrom}
  2627. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  2628. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2629.  
  2630. {/block:RebloggedFrom}
  2631. </center></span>
  2632. <br>
  2633. <div id="postnotes">{PostNotes}</div><br>
  2634.  
  2635. <center>{block:ContentSource}
  2636. <br><a href="{SourceURL}">
  2637. {lang:Source}:
  2638. {block:SourceLogo}
  2639. <img src="{BlackLogoURL}" width="{LogoWidth}"
  2640. height="{LogoHeight}" alt="{SourceTitle}" />
  2641. {/block:SourceLogo}
  2642. {block:NoSourceLogo}
  2643. {SourceLink}
  2644. {/block:NoSourceLogo}
  2645. </a>
  2646. {/block:ContentSource}</center>
  2647.  
  2648. {/block:PostNotes}
  2649. </div>
  2650. {/block:Posts}
  2651. </div></div>
  2652.  
  2653. {block:IndexPage}
  2654. {block:Pagination}
  2655. <div id="pagination">
  2656. {block:NextPage}
  2657. <a id="nextPage" href="{NextPage}"></a>
  2658. {/block:NextPage}
  2659. {block:PreviousPage}
  2660. <a href="{PreviousPage}"></a>
  2661. {/block:PreviousPage}
  2662. </div>
  2663. {/block:Pagination}
  2664. {/block:IndexPage}
  2665. </body>
  2666.  
  2667.  
  2668.  
  2669.  
  2670. <div id="05" class="popup_block">
  2671.  
  2672. <center><div style="font-family:penus; color: #fff; font-size: 55px; letter-spacing: 0px; background: dfg; margin-left:-20px; ;width:320px;height: 30px; line-height: 50px;;border-radius:0px; border-top: 0px solid {color:slut};text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;">Updates<br></center><br><br>
  2673.  
  2674. <div style="font-family: calibri; font-size: 14px; line-height: 15px;"
  2675. <Br>
  2676. hiiiii
  2677. put your updates here
  2678. like this: <br>
  2679. - musica <br>
  2680. put an <br> after every line to make a new paragraph
  2681. </center>
  2682.  
  2683. </div></div></div></div></div></div></div></div></div></div>
  2684.  
  2685.  
  2686. <div id="06" class="popup_block">
  2687.  
  2688. <center><div style="font-family:penus; color: #fff; font-size: 55px; letter-spacing: 0px; background: dfg; margin-left:-20px; ;width:340px;height: 30px; line-height: 50px;;border-radius:0px; border-top: 0px solid {color:slut};text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;">Playlist<br></center><br><br>
  2689.  
  2690. <div style="font-family: calibri; font-size: 14px; line-height: 15px;"
  2691. <Br>
  2692. hiiiii
  2693. put your playlist songs here
  2694. like this: <br>
  2695. - musica <br>
  2696. put an <br> after every song to make a new paragraph
  2697. </center>
  2698.  
  2699. </div></div></div></div></div></div></div></div></div></div>
  2700.  
  2701.  
  2702. <Script Language='Javascript'>
  2703. document.write(unescape('%20%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%20%74%6F%70%3A%33%35%70%78%3B%20%72%69%67%68%74%3A%35%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%77%68%69%74%65%3B%20%62%6F%72%64%65%72%3A%20%31%70%78%20%73%6F%6C%69%64%20%23%63%63%63%3B%20%70%61%64%64%69%6E%67%3A%20%33%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%33%70%78%3B%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%63%61%6C%69%62%72%69%3B%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%20%31%30%70%78%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%70%61%71%68%65%74%74%69%2D%74%61%63%6F%73%2E%74%75%6D%62%6C%72%2E%63%6F%6D%22%3E%49%6E%73%74%61%6C%6C%20%54%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
  2704. //-->
  2705. </Script>
  2706.  
  2707.  
  2708.  
  2709. </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!