API tools faq
paste
Advertisement
themesby-two

IOS7 PHONE THEME

themesby-two
Nov 30th, 2013
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 77.76 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  3. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  4. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  5. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  6. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  7. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  8. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  9.  
  10. So this is a really cute theme, it took my ages to make so don't remove the credit, any issues with the theme please contact us ASAP!
  11. -->
  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. <!--------------- TYPING/MOVING TITLE ----------------------->
  18.  
  19. <script type="text/javascript">
  20. var rev = "fwd";
  21. function titlebar(val)
  22. {
  23. var msg = "I came in like a wrecking ball";
  24. var res = " ";
  25. var speed = 100;
  26. var pos = val;
  27. msg = "I came in like a wrecking ball";
  28. var le = msg.length;
  29. if(rev == "fwd"){
  30. if(pos < le){
  31. pos = pos+1;
  32. scroll = msg.substr(0,pos);
  33. document.title = scroll;
  34. timer = window.setTimeout("titlebar("+pos+")",speed);}
  35. else{
  36. rev = "bwd";
  37. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  38. else{
  39. if(pos > 0){
  40. pos = pos-1;
  41. var ale = le-pos;
  42. scrol = msg.substr(ale,le);
  43. document.title = scrol;
  44. timer = window.setTimeout("titlebar("+pos+")",speed);}
  45. else{
  46. rev = "fwd";
  47. timer = window.setTimeout("titlebar("+pos+")",speed);
  48. }}}
  49. titlebar(0);
  50. </script>
  51. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script>
  53. $(document).ready(function() {
  54. //
  55. $('a.poplight[href^=#]').click(function() {
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57. var popURL = $(this).attr('href'); //Get Popup href to define size
  58. var query= popURL.split('?');
  59. var dim= query[1].split('&');
  60. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  61. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_m3z724ymbl1qf1dgt.png" class="btn_close" title="Close" alt="Close"/></a>');
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. $('body').append('<div id="fade"></div>');
  70. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  71. return false;
  72. });
  73. $('a.close, #fade').live('click', function() {
  74. $('#fade , .popup_block').fadeOut(function() {
  75. $('#fade, a.close').remove(); //fade them both out
  76. });
  77. return false;
  78. });
  79. });
  80. </script>
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:600,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96.  
  97.  
  98.  
  99. <script>
  100.  
  101.  
  102. // Disable Right Click Script
  103.  
  104. function IE(e)
  105. {
  106. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  107. {
  108. return false;
  109. }
  110. }
  111. function NS(e)
  112. {
  113. if (document.layers || (document.getElementById && !document.all))
  114. {
  115. if (e.which == "2" || e.which == "3")
  116. {
  117. return false;
  118. }
  119. }
  120. }
  121. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  122.  
  123. //-->
  124. </script>
  125. <script type="text/javascript"
  126. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135. <!--DEFAULT VARIABLES-->
  136. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  137. <meta name="color:background" content="#fff"/>
  138. <meta name="color:link" content="#777"/>
  139. <meta name="color:text" content="#777"/>
  140. <meta name="color:title" content="#333"/>
  141. <meta name="color:hover" content="#fff"/>
  142. <meta name="image:sidebar" content="1"/>
  143. <meta name="image:background" content="1"/>
  144. <meta name="text:title1" content="title"/>
  145. <meta name="text:link one" content="link one"/>
  146. <meta name="text:link one msg" content="link one msg"/>
  147. <meta name="text:link two" content="link two"/>
  148. <meta name="text:link two msg" content="link two msg"/>
  149. <meta name="text:link three" content="link three"/>
  150. <meta name="text:link three msg" content="link three msg"/>
  151. <meta name="text:link four" content="link four"/>
  152. <meta name="text:link four msg" content="link four msg"/>
  153. <meta name="text:link five msg" content="link five msg "/>
  154. <meta name="text:link five" content="link five"/>
  155.  
  156. <meta name="text:your name" content="your name here"/>
  157.  
  158. <style type="text/css">
  159.  
  160.  
  161. #fade { /*--Transparent background layer--*/
  162. background-image:url();
  163. opacity: 0.2;
  164. display: none; /*--hidden by default--*/
  165. position: fixed; left: 0; top: 0;
  166. width: 100%; height: 100%;
  167. z-index: 999999999;
  168. }
  169. .popup_block{
  170. display: none; /*--hidden by default--*/
  171. background:#fff;
  172. color:{color:text};
  173. float: left;
  174. font-size: 10;
  175. position: fixed;
  176. padding:20px;
  177. opacity: 1;
  178. border-top:8px double #cac;
  179. border-bottom:8px double #cac;
  180. border-right:8px double #cac;
  181. border-left:8px double#cac;
  182. top: 50%; left: 50%;
  183. z-index: 999999999999999999999999999999999999999999999;
  184. -webkit-transition: all .7s ease;
  185. -moz-transition: all .7s ease;
  186. -o-transition: all .7s ease;
  187. transition: all .7s ease;
  188. /*--CSS3 Box Shadows--*/
  189. /*--CSS3 Rounded Corners--*/
  190. -webkit-border-radius: 5px;
  191. border-radius: 20px 20px / 20px 20px;
  192. }
  193.  
  194.  
  195.  
  196.  
  197. /*--Making IE6 Understand Fixed Positioning--*/
  198. *html #fade {
  199. position: absolute;
  200. }
  201. img.btn_close {
  202. float: right;
  203. width:20px;
  204. height:20px;
  205. margin-bottom: 15px;
  206. margin-right: 10px;
  207. margin-top: -13px;
  208. }
  209. *html .popup_block03 {
  210. position: absolute;
  211. }
  212.  
  213.  
  214.  
  215.  
  216. #s-m-t-tooltip {
  217. width:auto;
  218. padding:6px 6px 6px 6px;
  219. margin:20px 0px 0px 20px;
  220. background: #fff; /* change the background color */
  221. border-left:5px solid #cac; /* change the border color */
  222. border-right:5px solid #cac;
  223. font-family:pewp; /* change the font */
  224. font-size:10px; /* change the font size */
  225. letter-spacing:1px; /* change the letter spacing */
  226. text-transform:none; /* can be uppercase, lowercase, none*/
  227. color:{color:text}; /* change the text color */
  228. z-index:999999999999999999999999999999999999;
  229. transform: rotate(3deg);
  230. -ms-transform: rotate(3deg); /* IE 9 */
  231. -webkit-transform: rotate(3deg); /* Safari and Chrome */
  232. border-radius:3px;
  233. }
  234.  
  235.  
  236. ::-webkit-scrollbar-thumb{
  237. background-color: {color:scrollbar};
  238. border: 2px solid white;
  239. height:auto;
  240. -moz-border-radius: 10px;
  241. border-radius: 10px;
  242. }
  243.  
  244. ::-webkit-scrollbar {
  245. height:3px;
  246. width:3px;
  247. background-color:#aaa;
  248. }
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256. love{
  257. font-family: "learningcurve" ;
  258. font-size:50px;
  259. color: #cac;
  260. letter-spacing: 2px;
  261. text-shadow: -1px 0 , 0 1px #fff, 1px 0 #fff , 0 -1px #fff;
  262. }
  263.  
  264.  
  265. love1{
  266. font-family: "learningcurve" ;
  267. font-size:30px;
  268. color: #cac;
  269. letter-spacing: 2px;
  270. text-shadow: -1px 0 , 0 1px #fff, 1px 0 #fff , 0 -1px #fff;
  271. }
  272.  
  273.  
  274.  
  275.  
  276.  
  277. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  278.  
  279. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  280.  
  281. 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;}
  282.  
  283. p {
  284. margin:0px;
  285. margin-top:0px;
  286. }
  287.  
  288.  
  289. body {
  290. padding: 0px;
  291. margin: 0px;
  292. color:{color:text};
  293. font-family: dixel;
  294. line-height:7px;
  295. font-size:8px;
  296. background-color: {color:Background};
  297. background-image:url({image:Background});
  298. background-attachment: fixed;
  299. background-repeat: repeat;
  300. }
  301.  
  302.  
  303. a:link, a:active, a:visited{
  304. text-decoration: none;
  305.  
  306. -webkit-transition: color 0.3s ease-out;
  307. -moz-transition: color 0.3s ease-out;
  308. transition: color 0.3s ease-out;
  309. color:{color:link};
  310. }
  311.  
  312. a:hover {
  313. text-decoration: none;
  314. font-style:;
  315. color: {color:Hover};
  316. }
  317.  
  318. div#center{
  319. margin:auto;
  320. position:relative;
  321. width:1000px;
  322. background-color:;
  323. overflow:auto;
  324. overflow-y:hidden;
  325. overflow-x:hidden;
  326. }
  327.  
  328.  
  329. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  330. .entry {
  331. float:left;
  332. display: block;
  333. margin:10px;
  334. overflow:hidden;
  335. width:260px;
  336. {block:PermalinkPage}
  337. width:450px;
  338. text-align:left;
  339. line-height:10px;
  340. {/block:PermalinkPage}
  341. background:white;
  342. background-image:URL();
  343. padding-top:10px;
  344. padding-bottom:10px;
  345. padding-left:10px;;
  346. padding-right:10px;;
  347. border-top:1px solid #ccc;
  348. border-bottom:1px solid #ccc;
  349. border-left:1px solid #ccc;
  350. border-right:1px solid #ccc;
  351. border-top-right-radius:5px;
  352. border-top-left-radius:5px;
  353. border-bottom-left-radius:5px;
  354. border-bottom-right-radius:5px;
  355. }
  356.  
  357.  
  358. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  359. .entry .perma{
  360.  
  361. width:220px;
  362. height:35px;
  363. margin-left:15px;
  364. position: absolute;
  365. line-height: 16px;
  366. overflow:hidden;
  367. text-align:center;
  368. top:30px;
  369. background:white;
  370. word-spacing:2px;
  371. letter-spacing:1px;
  372. opacity: 0.0;
  373. font-family:pewp;
  374. font-size:12px;
  375. border-left:solid 8px #f6e3fa;
  376. border-right:solid 8px #f6e3fa;
  377. border-top-left-radius:5px;
  378. border-top-right-radius:5px;
  379. border-bottom-left-radius:5px;
  380. border-bottom-right-radius:5px;
  381.  
  382.  
  383. }
  384.  
  385.  
  386. .entry:hover .perma{
  387. -webkit-animation: fadeInLeft 1s;
  388. -moz-animation: fadeInLeft 1s;
  389. -o-animation: fadeInLeft 1s;
  390. overflow:visible;
  391. opacity:1;
  392. }
  393.  
  394. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  395. #posts {
  396. -webkit-animation: fadeInLeft 2s;
  397. -moz-animation: fadeInLeft 2s;
  398. -o-animation: fadeInLeft 2s;
  399. font-family:pewp;
  400. font-size:12px;
  401. line-height:10px;
  402.  
  403. width:610px;
  404. margin-top:50px;
  405. z-index:99;
  406. margin-left:380px;
  407. right:auto;
  408. background:transparent;
  409. margin-right:auto;
  410. position:relative;
  411. overflow-y: hidden;
  412. -o-transition-transition: all 0.3s ease-in-out;
  413. -webkit-transition: all 0.3s ease-in-out;
  414. -moz-transition: all 0.3s ease-in-out;
  415.  
  416. }
  417.  
  418.  
  419. askk {
  420. font-family: learningcurve;
  421. text-align: right;
  422. font-size:30px;
  423. letter-spacing: 1px;
  424. text-shadow:1px 1px 4px #cacaca;
  425. color: #cac;
  426. line-height: 10px;
  427. }
  428.  
  429.  
  430. /*CUSTOMIZE SIDEBAR HERE*/
  431. #sidebar{
  432. -webkit-animation:fadeInDown ease-in-out 3s;
  433. -moz-animation:fadeInDown ease-in-out 3s;
  434. -ms-animation:fadeInDown ease-in-out 3s;
  435. position:fixed !important;
  436. z-index:1;
  437. width:295px;
  438. background:white;
  439. height:auto;
  440. margin-top:115px;
  441. margin-left:-100px;
  442. text-align:center;
  443. padding-top:5px;
  444. padding-left:5px;
  445. padding-right:35px;
  446. padding-bottom:5px;
  447. border:1px solid #f6e3fa;
  448. -o-transition-transition: all 0.6s ease-in-out;
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451.  
  452.  
  453. }
  454.  
  455.  
  456.  
  457. #yah{
  458. position:fixed;
  459. z-index:999999999999999;
  460. width:1762px;
  461. height:14px;
  462. opacity: 3;
  463. padding: 3px;
  464. border:3px double #fff;
  465. margin-left:-400px;
  466. margin-top: -5px;
  467. background: #f6e3fa;
  468. border-left:0px;
  469. border-right:0px;
  470. line-height:36px;
  471. text-align:center;
  472. font-size: 15px;
  473. -webkit-transition: opacity .4s linear;
  474. -webkit-transition: all .4s ease-in-out;
  475. -moz-transition: all .4s ease-in-out;
  476. -o-transition: all .4s ease-in-out;
  477.  
  478. }
  479.  
  480.  
  481. #sidebarpicture {
  482. position: fixed;
  483. z-index:9999;
  484. margin-left:70px;
  485.  
  486.  
  487. }
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. #desc{
  496. z-index:2;
  497. position:fixed !important;
  498. opacity: 0;
  499. width:180px;
  500. height:50px;
  501. padding:4px;
  502. margin-left:110px;
  503. margin-top:-335px;
  504. padding-bottom: 12px;
  505. color:black;
  506. border-top: 4px double #cac;
  507. border-bottom:4px double #cac;
  508. border-top-left-radius: 0px;
  509. border-top-right-radius: 0px;
  510. border-bottom-left-radius: 0px;
  511. border-bottom-right-radius: 0px;
  512. background:#fff;
  513. letter-spacing:1px;
  514. font-family: pewp;
  515. font-size:11px;
  516. line-height:18px;
  517. transition: all 0.6s ease-out;
  518. -o-transition-transition: all 0.6s ease-out;
  519. -webkit-transition: all 0.6s ease-out;
  520. -moz-transition: all 0.6s ease-out;
  521. }
  522.  
  523. #sidebar:hover #desc{
  524. opacity:3;
  525.  
  526. height: 50px;
  527. }
  528.  
  529. #statsbar{
  530. z-index:2;
  531. position:fixed !important;
  532. opacity: 0;
  533. width:270px;
  534. height:10px;
  535. text-align:left;
  536. padding:4px;
  537. margin-left:10px;
  538. margin-top:-215px;
  539. padding-bottom: 12px;
  540. color:black;
  541. border-top: 1px solid #cac;
  542. border-bottom:1px solid #cac;
  543. border-right:1px solid #cac;
  544. border-left:1px solid #cac;
  545. border-top-left-radius: 5px;
  546. border-top-right-radius:5px;
  547. border-bottom-left-radius: 5px;
  548. border-bottom-right-radius: 5px;
  549. background:#fff;
  550. letter-spacing:1px;
  551. font-family: pewp;
  552. font-size:11px;
  553. line-height:18px;
  554. transition: all 0.6s ease-out;
  555. -o-transition-transition: all 0.6s ease-out;
  556. -webkit-transition: all 0.6s ease-out;
  557. -moz-transition: all 0.6s ease-out;
  558. }
  559.  
  560. #sidebar:hover #statsbar{
  561. opacity:3;
  562.  
  563. height: 10px;
  564. }
  565.  
  566.  
  567. #musicbar{
  568. z-index:2;
  569. position:fixed !important;
  570. opacity: 0;
  571. width:100px;
  572. height:10px;
  573. text-align:left;
  574. padding:4px;
  575. margin-left:85px;
  576. margin-top:-167px;
  577. padding-bottom: 12px;
  578. color:black;
  579. border-top:1px #cac solid;
  580. border-bottom:1px #cac solid;
  581. border-top-left-radius: 5px;
  582. border-top-right-radius:5px;
  583. border-bottom-left-radius: 5px;
  584. border-bottom-right-radius: 5px;
  585. background:#fff;
  586. letter-spacing:1px;
  587. font-family: pewp;
  588. font-size:11px;
  589. line-height:18px;
  590. transition: all 0.6s ease-out;
  591. -o-transition-transition: all 0.6s ease-out;
  592. -webkit-transition: all 0.6s ease-out;
  593. -moz-transition: all 0.6s ease-out;
  594. }
  595.  
  596. #sidebar:hover #musicbar{
  597. opacity:3;
  598.  
  599. height: 10px;
  600. }
  601.  
  602.  
  603.  
  604.  
  605. #sidebarimgg{
  606.  
  607. position:fixed !important;
  608. margin-left: 15px;
  609. margin-top: 15px;
  610. padding: 4px;
  611. width: 287px;
  612. opacity:0;
  613. background-image:url("http://i47.tinypic.com/28qpxmg.png");
  614. height: 418px;
  615. box-shadow: 0px 0px 1px #888;
  616. font-family: cambria;
  617. font-size: 11px;
  618. line-height: 12px;
  619. z-index: 0;
  620. border-top-right-radius: 0px;
  621. border-top-left-radius: 0px;
  622. border-bottom-right-radius: 0px;
  623. border-bottom-left-radius: 0px;
  624. opacity: 0;
  625. }
  626.  
  627. #sidebar:hover #sidebarimgg {
  628.  
  629. -webkit-backface-
  630.  
  631. visibility: visible !important;
  632. -webkit-animation: flipInX 0.3s;
  633.  
  634.  
  635. -moz-backface-visibility: visible !important;
  636. -moz-animation: flipInX 0.3s;
  637. -o-backface-visibility: visible !important;
  638. -o-animation: flipInX 0.3s;
  639. backface-visibility: visible !important;
  640.  
  641.  
  642.  
  643. opacity: 1;
  644.  
  645. }
  646.  
  647.  
  648. #sidebar .playlist{
  649. position:fixed;
  650. z-index:999999999999999;
  651. margin-top:-170px;
  652. margin-left:215px;
  653. padding:5px;
  654. border-top:#cac solid 1px;
  655. border-bottom:1px #cac solid;
  656. border-left:1px #cac solid;
  657. border-right:1px #cac solid;
  658. border-top-right-radius: 100px;
  659. border-top-left-radius: 100px;
  660. border-bottom-right-radius: 100px;
  661. border-bottom-left-radius: 100px;
  662.  
  663. padding-top:5px;
  664. font-family:pewp;
  665. font-size:12px;
  666. background:white;
  667. opacity:0;
  668. transition: all 0.4s ease-out;
  669. -o-transition-transition: all 0.4s ease-out;
  670. -webkit-transition: all 0.4s ease-out;
  671. -moz-transition: all 0.4s ease-out;
  672. }
  673.  
  674. #sidebar:hover .playlist{
  675. opacity:1;
  676. }
  677.  
  678. #sidebar .shiz{
  679. position:fixed;
  680. margin-top:-170px;
  681. margin-left:30px;
  682. padding:5px;
  683. opacity:0;
  684. border-top-right-radius: 100px;
  685. border-top-left-radius: 100px;
  686. border-bottom-right-radius: 100px;
  687. border-bottom-left-radius: 100px;
  688. border-top:#cac solid 1px;
  689. border-bottom:1px #cac solid;
  690. border-left:1px #cac solid;
  691. border-right:1px #cac solid;
  692. background:#fff;
  693.  
  694. transition: all 0.4s ease-out;
  695. -o-transition-transition: all 0.4s ease-out;
  696. -webkit-transition: all 0.4s ease-out;
  697. -moz-transition: all 0.4s ease-out;
  698. }
  699.  
  700.  
  701. #sidebar:hover .shiz{
  702. opacity:1;
  703. transition: all 0.4s ease-out;
  704. -o-transition-transition: all 0.4s ease-out;
  705. -webkit-transition: all 0.4s ease-out;
  706. -moz-transition: all 0.4s ease-out;
  707. }
  708.  
  709.  
  710.  
  711.  
  712.  
  713. #sidebar .dock{
  714. position:fixed;
  715. z-index:999999999999999;
  716. margin-top:-50px;
  717. margin-left:5px;
  718. width:40px;
  719. height:25px;
  720. padding-right:3px;
  721. padding-bottom:20px;
  722. background:transparent;
  723. transition: all 0.4s ease-out;
  724. -o-transition-transition: all 0.4s ease-out;
  725. -webkit-transition: all 0.4s ease-out;
  726. -moz-transition: all 0.4s ease-out;
  727. opacity:0;
  728. }
  729.  
  730. #sidebar:hover .dock{
  731. opacity:1;
  732. }
  733.  
  734. #sidebar .updates{
  735. position:fixed;
  736. z-index:999999999999999;
  737. margin-top:-425px;
  738. margin-left:2px;
  739. width:293px;
  740. height:20px;
  741. padding-top:5px;
  742. font-family:pewp;
  743. font-size:12px;
  744. background:white;
  745. opacity:0;
  746. transition: all 0.4s ease-out;
  747. -o-transition-transition: all 0.4s ease-out;
  748. -webkit-transition: all 0.4s ease-out;
  749. -moz-transition: all 0.4s ease-out;
  750. }
  751.  
  752. #sidebar:hover .updates{
  753. opacity:1;
  754. }
  755.  
  756.  
  757. #sidebar .updatestext{
  758. position:fixed;
  759. z-index:999999999999999;
  760. margin-top:-422px;
  761. margin-left:240px;
  762. padding:5px;
  763. width:37px;
  764. height:auto;
  765. border:solid 1px #cac;
  766. border-top-left-radius:5px;
  767. border-top-right-radius:5px;
  768. border-bottom-right-radius:5px;
  769. border-bottom-left-radius:5px;
  770. padding-top:5px;
  771. font-family:pewp;
  772. font-size:10px;
  773. background:transparent;
  774. opacity:0;
  775. transition: all 0.4s ease-out;
  776. -o-transition-transition: all 0.4s ease-out;
  777. -webkit-transition: all 0.4s ease-out;
  778. -moz-transition: all 0.4s ease-out;
  779. }
  780.  
  781. #sidebar:hover .updatestext{
  782. opacity:1;
  783. }
  784.  
  785. #sidebar .data{
  786. position:fixed;
  787. z-index:999999999999999;
  788. margin-top:-427px;
  789. margin-left:-2px;
  790. padding:5px;
  791. width:10px;
  792. height:auto;
  793. border-top-left-radius:5px;
  794. border-top-right-radius:5px;
  795. border-bottom-right-radius:5px;
  796. border-bottom-left-radius:5px;
  797. padding-top:5px;
  798. font-family:pewp;
  799. font-size:10px;
  800. background:transparent;
  801. opacity:0;
  802. transition: all 0.4s ease-out;
  803. -o-transition-transition: all 0.4s ease-out;
  804. -webkit-transition: all 0.4s ease-out;
  805. -moz-transition: all 0.4s ease-out;
  806. }
  807.  
  808. #sidebar:hover .data{
  809. opacity:1;
  810. }
  811.  
  812. #sidebar .battery{
  813. position:fixed;
  814. z-index:999999999999999;
  815. margin-top:-427px;
  816. margin-left:30px;
  817. padding:5px;
  818. width:10px;
  819. height:auto;
  820. border-top-left-radius:5px;
  821. border-top-right-radius:5px;
  822. border-bottom-right-radius:5px;
  823. border-bottom-left-radius:5px;
  824. padding-top:5px;
  825. font-family:pewp;
  826. font-size:10px;
  827. background:transparent;
  828. opacity:0;
  829. transition: all 0.4s ease-out;
  830. -o-transition-transition: all 0.4s ease-out;
  831. -webkit-transition: all 0.4s ease-out;
  832. -moz-transition: all 0.4s ease-out;
  833. }
  834.  
  835. #sidebar:hover .battery{
  836. opacity:1;
  837. }
  838.  
  839. #sidebar .him{
  840. position:fixed;
  841. z-index:999999999999999;
  842. margin-top:-427px;
  843. margin-left:210px;
  844. padding:5px;
  845. width:10px;
  846. height:auto;
  847. border-top-left-radius:5px;
  848. border-top-right-radius:5px;
  849. border-bottom-right-radius:5px;
  850. border-bottom-left-radius:5px;
  851. padding-top:5px;
  852. font-family:pewp;
  853. font-size:10px;
  854. background:transparent;
  855. opacity:0;
  856. transition: all 0.4s ease-out;
  857. -o-transition-transition: all 0.4s ease-out;
  858. -webkit-transition: all 0.4s ease-out;
  859. -moz-transition: all 0.4s ease-out;
  860. }
  861.  
  862. #sidebar:hover .him{
  863. opacity:1;
  864. }
  865.  
  866.  
  867. #sidebar .clock{
  868. position:fixed;
  869. z-index:999999999999999;
  870. margin-top:-422px;
  871. margin-left:100px;
  872. padding:5px
  873.  
  874. padding-top:5px;
  875. font-family:pewp;
  876. font-size:10px;
  877. background:transparent;
  878. opacity:0;
  879. transition: all 0.4s ease-out;
  880. -o-transition-transition: all 0.4s ease-out;
  881. -webkit-transition: all 0.4s ease-out;
  882. -moz-transition: all 0.4s ease-out;
  883. }
  884.  
  885. #sidebar:hover .clock{
  886. opacity:1;
  887. }
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900. .yay{
  901. -webkit-animation:fadeInDownBig 2s ease;
  902. -moz-animation:fadeInDownBig 2s ease;
  903. -ms-animation:fadeInDownBig 2s ease;
  904.  
  905.  
  906. position:fixed;
  907. z-index:1;
  908. margin-left:281px;
  909. margin-top:-13px;
  910. top: 0px;
  911. opacity:1;
  912. background-position: left;
  913. background: #;
  914. background: #f6d3fa;
  915. border: 2px solid #fff;
  916. height:500px;
  917. -moz-box-shadow:0px 0px 2px #888;
  918. -webkit-box-shadow:5px 5px 5px #ccc;
  919. box-shadow:0px 0px 6px #888;
  920. border-bottom-left-radius: 20px;
  921. opacity:1;
  922. width:7px;
  923. -webkit-transition: opacity .4s linear;
  924. -webkit-transition: all .4s ease-in-out;
  925. -moz-transition: all .4s ease-in-out;
  926. -o-transition: all .4s ease-in-out;
  927. -webkit-background-size: cover;
  928. -moz-background-size: cover;
  929. -o-background-size: cover;
  930. background-size: cover;
  931.  
  932. }
  933.  
  934. .sideeyyy{
  935. -webkit-animation:fadeInDownBig 2s ease;
  936. -moz-animation:fadeInDownBig 2s ease;
  937. -ms-animation:fadeInDownBig 2s ease;
  938.  
  939.  
  940. position:fixed;
  941. z-index:1;
  942. margin-left:320px;
  943. margin-top:-13px;
  944. top: 0px;
  945. opacity:1;
  946. background-position: left;
  947. background: #;
  948. background: #f6d3fa;
  949. border: 2px solid #fff;
  950. height:500px;
  951. -moz-box-shadow:0px 0px 2px #888;
  952. -webkit-box-shadow:5px 5px 5px #ccc;
  953. box-shadow:0px 0px 6px #888;
  954. border-bottom-right-radius: 20px;
  955.  
  956. opacity:1;
  957. width:7px;
  958. -webkit-transition: opacity .4s linear;
  959. -webkit-transition: all .4s ease-in-out;
  960. -moz-transition: all .4s ease-in-out;
  961. -o-transition: all .4s ease-in-out;
  962. -webkit-background-size: cover;
  963. -moz-background-size: cover;
  964. -o-background-size: cover;
  965. background-size: cover;
  966.  
  967. }
  968.  
  969. .lolol{
  970. -webkit-animation:fadeInDownBig 2s ease;
  971. -moz-animation:fadeInDownBig 2s ease;
  972. -ms-animation:fadeInDownBig 2s ease;
  973.  
  974.  
  975. position:fixed;
  976. z-index:1;
  977. margin-left:294px;
  978. margin-top:-13px;
  979. top: 0px;
  980. opacity:1;
  981. background-position: left;
  982. background-image:url(http://static.tumblr.com/oct6d4x/pRFm1evw0/tumblr_lp515e3ege1r0cthmo1_250.png);
  983. border: 2px solid #fff;
  984. height:500px;
  985. -moz-box-shadow:0px 0px 2px #888;
  986. -webkit-box-shadow:5px 5px 5px #ccc;
  987. box-shadow:0px 0px 6px #888;
  988. border-bottom-left-radius:5px;
  989. border-bottom-right-radius:5px;
  990.  
  991. opacity:1;
  992. width:20px;
  993. -webkit-transition: opacity .4s linear;
  994. -webkit-transition: all .4s ease-in-out;
  995. -moz-transition: all .4s ease-in-out;
  996. -o-transition: all .4s ease-in-out;
  997. -webkit-background-size: cover;
  998. -moz-background-size: cover;
  999. -o-background-size: cover;
  1000. background-size: cover;
  1001.  
  1002. }
  1003.  
  1004.  
  1005.  
  1006. .side{
  1007. -webkit-animation:fadeInDownBig 2s ease;
  1008. -moz-animation:fadeInDownBig 2s ease;
  1009. -ms-animation:fadeInDownBig 2s ease;
  1010.  
  1011.  
  1012. position:fixed;
  1013. z-index:1;
  1014. margin-left:1040px;
  1015. margin-top:-13px;
  1016. top: 0px;
  1017. opacity:1;
  1018. background-position: left;
  1019. background: #;
  1020. background: #f6d3fa;
  1021. border: 2px solid #fff;
  1022. height:600px;
  1023. -moz-box-shadow:0px 0px 2px #888;
  1024. -webkit-box-shadow:5px 5px 5px #ccc;
  1025. box-shadow:0px 0px 6px #888;
  1026. border-bottom-left-radius: 20px;
  1027. opacity:1;
  1028. width:7px;
  1029. -webkit-transition: opacity .4s linear;
  1030. -webkit-transition: all .4s ease-in-out;
  1031. -moz-transition: all .4s ease-in-out;
  1032. -o-transition: all .4s ease-in-out;
  1033. -webkit-background-size: cover;
  1034. -moz-background-size: cover;
  1035. -o-background-size: cover;
  1036. background-size: cover;
  1037.  
  1038. }
  1039.  
  1040. .side1{
  1041. -webkit-animation:fadeInDownBig 2s ease;
  1042. -moz-animation:fadeInDownBig 2s ease;
  1043. -ms-animation:fadeInDownBig 2s ease;
  1044.  
  1045.  
  1046. position:fixed;
  1047. z-index:1;
  1048. margin-left:1078px;
  1049. margin-top:-13px;
  1050. top: 0px;
  1051. opacity:1;
  1052. background-position: left;
  1053. background: #;
  1054. background: #f6d3fa;
  1055. border: 2px solid #fff;
  1056. height:600px;
  1057. -moz-box-shadow:0px 0px 2px #888;
  1058. -webkit-box-shadow:5px 5px 5px #ccc;
  1059. box-shadow:0px 0px 6px #888;
  1060. border-bottom-right-radius: 20px;
  1061.  
  1062. opacity:1;
  1063. width:7px;
  1064. -webkit-transition: opacity .4s linear;
  1065. -webkit-transition: all .4s ease-in-out;
  1066. -moz-transition: all .4s ease-in-out;
  1067. -o-transition: all .4s ease-in-out;
  1068. -webkit-background-size: cover;
  1069. -moz-background-size: cover;
  1070. -o-background-size: cover;
  1071. background-size: cover;
  1072.  
  1073. }
  1074.  
  1075. .side3{
  1076. -webkit-animation:fadeInDownBig 2s ease;
  1077. -moz-animation:fadeInDownBig 2s ease;
  1078. -ms-animation:fadeInDownBig 2s ease;
  1079.  
  1080.  
  1081. position:fixed;
  1082. z-index:1;
  1083. margin-left:1053px;
  1084. margin-top:-13px;
  1085. top: 0px;
  1086. opacity:1;
  1087. background-position: left;
  1088. background-image:url(http://static.tumblr.com/oct6d4x/pRFm1evw0/tumblr_lp515e3ege1r0cthmo1_250.png);
  1089. border: 2px solid #fff;
  1090. height:600px;
  1091. -moz-box-shadow:0px 0px 2px #888;
  1092. -webkit-box-shadow:5px 5px 5px #ccc;
  1093. box-shadow:0px 0px 6px #888;
  1094. border-bottom-left-radius:5px;
  1095. border-bottom-right-radius:5px;
  1096.  
  1097. opacity:1;
  1098. width:20px;
  1099. -webkit-transition: opacity .4s linear;
  1100. -webkit-transition: all .4s ease-in-out;
  1101. -moz-transition: all .4s ease-in-out;
  1102. -o-transition: all .4s ease-in-out;
  1103. -webkit-background-size: cover;
  1104. -moz-background-size: cover;
  1105. -o-background-size: cover;
  1106. background-size: cover;
  1107.  
  1108. }
  1109.  
  1110. #title1{
  1111. -webkit-animation:bounceIn 2s;
  1112. -moz-animation:bounceIn 2s;
  1113. -ms-animation:bounceIn 2s;
  1114. position:fixed !important;
  1115. z-index:999;
  1116. width:260px;
  1117. height:30px;
  1118. opacity: 1;
  1119. padding:3px;
  1120. margin-top:385px;
  1121. margin-left:65px;
  1122. background:transperant;
  1123. line-height:40px;
  1124. text-align:center;
  1125. color: #cac;
  1126. text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  1127. letter-spacing:0px;
  1128. font-size: 80px;
  1129. font-family: 'selfish';
  1130. -o-transition-transition: all 0.4s ease-out;
  1131. -webkit-transition: all 0.4s ease-out;
  1132. -moz-transition: all 0.4s ease-out;
  1133. }
  1134.  
  1135. #sidebar:hover #title1{
  1136. -webkit-animation:fadeInUp 0s ease;
  1137. -moz-animation:fadeInUp 2s ease;
  1138. -ms-animation:fadeInUp 2s ease;
  1139. margin-left:65px;
  1140. margin-top:-60px;
  1141. opacity:1;
  1142. }
  1143.  
  1144.  
  1145.  
  1146. #sidebar .link1{
  1147. position:fixed;
  1148. z-index:999999999999999;
  1149. margin-top: -80px;
  1150. margin-left:65px;
  1151. width:40px;
  1152. height:25px;
  1153. padding-right:3px;
  1154. padding-bottom:20px;
  1155. background:transparent;
  1156. transition: all 0.6s ease-out;
  1157. -o-transition-transition: all 0.6s ease-out;
  1158. -webkit-transition: all 0.6s ease-out;
  1159. -moz-transition: all 0.6s ease-out;
  1160. opacity:0;
  1161. -webkit-filter: grayscale(100%);
  1162. transform: skew(-5deg,-10deg);
  1163. -ms-transform: skew(-5deg,-10deg); /* IE 9 */
  1164. -webkit-transform: skew(-5deg,-10deg); /* Safari and Chrome */
  1165.  
  1166. }
  1167.  
  1168. #sidebar .link1:hover{
  1169. -webkit-animation: wobble 1s;
  1170. -moz-animation: wobble 1s;
  1171. -o-animation: wobble 1s;
  1172. }
  1173.  
  1174. #sidebar:hover .link1{
  1175. opacity:1;
  1176. }
  1177.  
  1178.  
  1179. #sidebar .link2{
  1180. position:fixed;
  1181. z-index:999999999999999;
  1182. margin-top: -80px;
  1183. margin-left:175px;
  1184. width:40px;
  1185. height:25px;
  1186. padding-right:3px;
  1187. padding-bottom:20px;
  1188. background:transparent;
  1189. transition: all 0.6s ease-out;
  1190. -o-transition-transition: all 0.6s ease-out;
  1191. -webkit-transition: all 0.6s ease-out;
  1192. -moz-transition: all 0.6s ease-out;
  1193. opacity:0;
  1194. -webkit-filter: grayscale(100%);
  1195. transform: skew(5deg,10deg);
  1196. -ms-transform: skew(5deg,10deg); /* IE 9 */
  1197. -webkit-transform: skew(5deg,10deg); /* Safari and Chrome */
  1198. }
  1199.  
  1200. #sidebar:hover .link2{
  1201. opacity:1;
  1202. }
  1203.  
  1204. #sidebar .link2:hover{
  1205. -webkit-animation: wobble 1s;
  1206. -moz-animation: wobble 1s;
  1207. -o-animation: wobble 1s;
  1208. }
  1209.  
  1210. #sidebar .link3{
  1211. position:fixed;
  1212. z-index:999999999999999;
  1213. margin-top: -80px;
  1214. margin-left:230px;
  1215. width:40px;
  1216. height:25px;
  1217. padding-right:3px;
  1218. padding-bottom:20px;
  1219. background:transparent;
  1220. transition: all 0.6s ease-out;
  1221. -o-transition-transition: all 0.6s ease-out;
  1222. -webkit-transition: all 0.6s ease-out;
  1223. -moz-transition: all 0.6s ease-out;
  1224. opacity:0;
  1225. -webkit-filter: grayscale(100%);
  1226. transform: skew(5deg,10deg);
  1227. -ms-transform: skew(5deg,10deg); /* IE 9 */
  1228. -webkit-transform: skew(5deg,10deg); /* Safari and Chrome */
  1229. }
  1230.  
  1231. #sidebar:hover .link3{
  1232. opacity:1;
  1233.  
  1234. }
  1235.  
  1236. #sidebar .link3:hover{
  1237. -webkit-animation: wobble 1s;
  1238. -moz-animation: wobble 1s;
  1239. -o-animation: wobble 1s;
  1240. }
  1241.  
  1242.  
  1243. #sidebar .link4{
  1244. position:fixed;
  1245. z-index:999999999999999;
  1246. margin-top: -80px;
  1247. margin-left:120px;
  1248. width:40px;
  1249. height:25px;
  1250. padding-right:3px;
  1251. padding-bottom:20px;
  1252. background:transparent;
  1253. transition: all 0.6s ease-out;
  1254. -o-transition-transition: all 0.6s ease-out;
  1255. -webkit-transition: all 0.6s ease-out;
  1256. -moz-transition: all 0.6s ease-out;
  1257. opacity:0;
  1258. -webkit-filter: grayscale(100%);
  1259.  
  1260. }
  1261.  
  1262.  
  1263. #sidebar:hover .link4{
  1264. opacity:1;
  1265.  
  1266. }
  1267.  
  1268. #sidebar .link4:hover{
  1269. transform: skew(5deg,10deg);
  1270. -ms-transform: skew(5deg,10deg); /* IE 9 */
  1271. -webkit-transform: skew(5deg,10deg); /* Safari and Chrome */
  1272. -webkit-animation: wobble 1s;
  1273. -moz-animation: wobble 1s;
  1274. -o-animation: wobble 1s;
  1275. }
  1276.  
  1277. #sidebar .link5{
  1278. position:fixed;
  1279. z-index:999999999999999;
  1280. margin-top: -80px;
  1281. margin-left:16px;
  1282. width:40px;
  1283. height:25px;
  1284. padding-right:3px;
  1285. padding-bottom:20px;
  1286. background:transparent;
  1287. transition: all 0.6s ease-out;
  1288. -o-transition-transition: all 0.6s ease-out;
  1289. -webkit-transition: all 0.6s ease-out;
  1290. -moz-transition: all 0.6s ease-out;
  1291. opacity:0;
  1292. -webkit-filter: grayscale(100%);
  1293. transform: skew(-5deg,-10deg);
  1294. -ms-transform: skew(-5deg,-10deg); /* IE 9 */
  1295. -webkit-transform: skew(-5deg,-10deg); /* Safari and Chrome */
  1296.  
  1297.  
  1298. }
  1299.  
  1300.  
  1301. #sidebar:hover .link5{
  1302. opacity:1;
  1303.  
  1304. }
  1305.  
  1306. #sidebar .link5:hover{
  1307. -webkit-animation: wobble 1s;
  1308. -moz-animation: wobble 1s;
  1309. -o-animation: wobble 1s;
  1310. }
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  1333.  
  1334. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  1335.  
  1336.  
  1337. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  1338.  
  1339. @font-face { font-family: "selfish"; src: url('http://static.tumblr.com/7m35dga/6sRmt0q5z/selfish_.ttf'); }
  1340.  
  1341. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  1342.  
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1350. .title{
  1351. line-height: 12px;
  1352. color:{color:Title};
  1353. font-weight: normal;
  1354. }
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  
  1367.  
  1368. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1369. .permalink{
  1370. text-transform: normal;
  1371. display: block;
  1372. text-align: right;
  1373. text-decoration: none;
  1374. }
  1375.  
  1376.  
  1377.  
  1378. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1379.  
  1380.  
  1381. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-
  1382.  
  1383. mode:both;-ms-animation-fill-mode:both;-o-animation-fill-
  1384.  
  1385. mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-
  1386.  
  1387. moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-
  1388.  
  1389. duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-
  1390.  
  1391. duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-
  1392.  
  1393. animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash
  1394.  
  1395. {
  1396. 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}
  1397. }
  1398.  
  1399. @-
  1400.  
  1401. moz-keyframes flash {
  1402. 0%, 50%, 100% {opacity: 1;}
  1403.  
  1404.  
  1405. 25%, 75% {opacity: 0;}
  1406. }
  1407.  
  1408. @-o-keyframes flash {
  1409. 0%, 50%, 100%
  1410.  
  1411. {opacity: 1;}
  1412. 25%, 75% {opacity: 0;}
  1413. }
  1414.  
  1415. @keyframes
  1416.  
  1417. flash {
  1418. 0%, 50%, 100% {opacity: 1;}
  1419. 25%, 75% {opacity:
  1420.  
  1421. 0;}
  1422. }
  1423.  
  1424. .flash {
  1425. -webkit-animation-name: flash;
  1426. -moz-
  1427.  
  1428. animation-name: flash;
  1429. -o-animation-name: flash;
  1430.  
  1431.  
  1432. animation-name: flash;
  1433. }
  1434. @-webkit-keyframes flipInX {
  1435. 0% {
  1436. -
  1437.  
  1438. webkit-transform: perspective(400px) rotateX(90deg);
  1439. opacity: 0;
  1440.  
  1441.  
  1442. }
  1443.  
  1444. 40% {
  1445. -webkit-transform: perspective(400px) rotateX(-
  1446.  
  1447. 10deg);
  1448. }
  1449.  
  1450. 70% {
  1451. -webkit-transform: perspective(400px)
  1452.  
  1453. rotateX(10deg);
  1454. }
  1455.  
  1456. 100% {
  1457. -webkit-transform: perspective
  1458.  
  1459. (400px) rotateX(0deg);
  1460. opacity: 1;
  1461. }
  1462. }
  1463. @-moz-keyframes flipInX {
  1464.  
  1465.  
  1466. 0% {
  1467. -moz-transform: perspective(400px) rotateX(90deg);
  1468.  
  1469.  
  1470. opacity: 0;
  1471. }
  1472.  
  1473. 40% {
  1474. -moz-transform: perspective(400px)
  1475.  
  1476. rotateX(-10deg);
  1477. }
  1478.  
  1479. 70% {
  1480. -moz-transform: perspective
  1481.  
  1482. (400px) rotateX(10deg);
  1483. }
  1484.  
  1485. 100% {
  1486. -moz-transform:
  1487.  
  1488. perspective(400px) rotateX(0deg);
  1489. opacity: 1;
  1490. }
  1491. }
  1492. @-o-keyframes
  1493.  
  1494. flipInX {
  1495. 0% {
  1496. -o-transform: perspective(400px) rotateX
  1497.  
  1498. (90deg);
  1499. opacity: 0;
  1500. }
  1501.  
  1502. 40% {
  1503. -o-transform:
  1504.  
  1505. perspective(400px) rotateX(-10deg);
  1506. }
  1507.  
  1508. 70% {
  1509. -o-transform:
  1510.  
  1511. perspective(400px) rotateX(10deg);
  1512. }
  1513.  
  1514. 100% {
  1515. -o-transform:
  1516.  
  1517. perspective(400px) rotateX(0deg);
  1518. opacity: 1;
  1519. }
  1520. }
  1521. @keyframes
  1522.  
  1523. flipInX {
  1524. 0% {
  1525. transform: perspective(400px) rotateX(90deg);
  1526.  
  1527.  
  1528. opacity: 0;
  1529. }
  1530.  
  1531. 40% {
  1532. transform: perspective(400px)
  1533.  
  1534. rotateX(-10deg);
  1535. }
  1536.  
  1537. 70% {
  1538. transform: perspective(400px)
  1539.  
  1540. rotateX(10deg);
  1541. }
  1542.  
  1543. 100% {
  1544. transform: perspective(400px)
  1545.  
  1546. rotateX(0deg);
  1547. opacity: 1;
  1548. }
  1549. }
  1550.  
  1551. .flipInX {
  1552. -webkit-backface-
  1553.  
  1554. visibility: visible !important;
  1555. -webkit-animation-name: flipInX;
  1556.  
  1557.  
  1558. -moz-backface-visibility: visible !important;
  1559. -moz-animation-
  1560.  
  1561. name: flipInX;
  1562. -o-backface-visibility: visible !important;
  1563. -o-
  1564.  
  1565. animation-name: flipInX;
  1566. backface-visibility: visible !important;
  1567.  
  1568.  
  1569. animation-name: flipInX;
  1570. }
  1571. @-webkit-keyframes fadeOut {
  1572. 0%
  1573.  
  1574. {opacity: 1;}
  1575. 100% {opacity: 0;}
  1576. }
  1577.  
  1578. @-moz-keyframes fadeOut {
  1579.  
  1580.  
  1581. 0% {opacity: 1;}
  1582. 100% {opacity: 0;}
  1583. }
  1584.  
  1585. @-o-keyframes fadeOut {
  1586.  
  1587.  
  1588. 0% {opacity: 1;}
  1589. 100% {opacity: 0;}
  1590. }
  1591.  
  1592. @keyframes fadeOut {
  1593.  
  1594.  
  1595. 0% {opacity: 1;}
  1596. 100% {opacity: 0;}
  1597. }
  1598.  
  1599. .fadeOut {
  1600. -webkit-
  1601.  
  1602. animation-name: fadeOut;
  1603. -moz-animation-name: fadeOut;
  1604.  
  1605.  
  1606. -o-animation-name: fadeOut;
  1607. animation-name: fadeOut;
  1608. }
  1609. @-webkit-
  1610.  
  1611. keyframes fadeOutUp {
  1612. 0% {
  1613. opacity: 1;
  1614.  
  1615.  
  1616. -webkit-transform: translateY(0);
  1617. }
  1618.  
  1619. 100% {
  1620.  
  1621.  
  1622. opacity: 0;
  1623. -webkit-transform: translateY(-20px);
  1624.  
  1625.  
  1626. }
  1627. }
  1628. @-moz-keyframes fadeOutUp {
  1629. 0% {
  1630. opacity: 1;
  1631.  
  1632.  
  1633. -moz-transform: translateY(0);
  1634. }
  1635.  
  1636. 100% {
  1637.  
  1638.  
  1639. opacity: 0;
  1640. -moz-transform: translateY(-20px);
  1641.  
  1642.  
  1643. }
  1644. }
  1645. @-o-keyframes fadeOutUp {
  1646. 0% {
  1647. opacity: 1;
  1648.  
  1649.  
  1650. -o-transform: translateY(0);
  1651. }
  1652.  
  1653. 100% {
  1654.  
  1655.  
  1656. opacity: 0;
  1657. -o-transform: translateY(-20px);
  1658.  
  1659.  
  1660. }
  1661. }
  1662. @keyframes fadeOutUp {
  1663. 0% {
  1664. opacity: 1;
  1665.  
  1666.  
  1667. transform: translateY(0);
  1668. }
  1669.  
  1670. 100% {
  1671.  
  1672.  
  1673. opacity: 0;
  1674. transform: translateY(-20px);
  1675. }
  1676. }
  1677.  
  1678. .fadeOutUp {
  1679. -webkit-animation-name: fadeOutUp;
  1680. -moz-
  1681.  
  1682. animation-name: fadeOutUp;
  1683. -o-animation-name: fadeOutUp;
  1684.  
  1685.  
  1686. animation-name: fadeOutUp;
  1687. }
  1688. @-webkit-keyframes fadeOutDown {
  1689.  
  1690.  
  1691. 0% {
  1692. opacity: 1;
  1693. -webkit-transform: translateY
  1694.  
  1695. (0);
  1696. }
  1697.  
  1698. 100% {
  1699. opacity: 0;
  1700.  
  1701.  
  1702. -webkit-transform: translateY(20px);
  1703. }
  1704. }
  1705.  
  1706. @-moz-keyframes
  1707.  
  1708. fadeOutDown {
  1709. 0% {
  1710. opacity: 1;
  1711. -moz-
  1712.  
  1713. transform: translateY(0);
  1714. }
  1715.  
  1716. 100% {
  1717.  
  1718.  
  1719. opacity: 0;
  1720. -moz-transform: translateY(20px);
  1721.  
  1722.  
  1723. }
  1724. }
  1725.  
  1726. @-o-keyframes fadeOutDown {
  1727. 0% {
  1728. opacity: 1;
  1729.  
  1730.  
  1731. -o-transform: translateY(0);
  1732. }
  1733.  
  1734. 100% {
  1735.  
  1736.  
  1737. opacity: 0;
  1738. -o-transform: translateY(20px);
  1739.  
  1740.  
  1741. }
  1742. }
  1743.  
  1744. @keyframes fadeOutDown {
  1745. 0% {
  1746. opacity: 1;
  1747.  
  1748.  
  1749. transform: translateY(0);
  1750. }
  1751.  
  1752. 100% {
  1753.  
  1754.  
  1755. opacity: 0;
  1756. transform: translateY(20px);
  1757. }
  1758. }
  1759.  
  1760. .fadeOutDown {
  1761. -webkit-animation-name: fadeOutDown;
  1762. -moz-
  1763.  
  1764. animation-name: fadeOutDown;
  1765. -o-animation-name:
  1766.  
  1767. fadeOutDown;
  1768. animation-name: fadeOutDown;
  1769. }
  1770.  
  1771.  
  1772.  
  1773.  
  1774. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash {
  1775. 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}
  1776. }
  1777.  
  1778. @-moz-keyframes flash {
  1779. 0%, 50%, 100% {opacity: 1;}
  1780. 25%, 75% {opacity: 0;}
  1781. }
  1782.  
  1783. @-o-keyframes flash {
  1784. 0%, 50%, 100% {opacity: 1;}
  1785. 25%, 75% {opacity: 0;}
  1786. }
  1787.  
  1788. @keyframes flash {
  1789. 0%, 50%, 100% {opacity: 1;}
  1790. 25%, 75% {opacity: 0;}
  1791. }
  1792.  
  1793. .flash {
  1794. -webkit-animation-name: flash;
  1795. -moz-animation-name: flash;
  1796. -o-animation-name: flash;
  1797. animation-name: flash;
  1798. }
  1799. @-webkit-keyframes fadeOut {
  1800. 0% {opacity: 1;}
  1801. 100% {opacity: 0;}
  1802. }
  1803.  
  1804. @-moz-keyframes fadeOut {
  1805. 0% {opacity: 1;}
  1806. 100% {opacity: 0;}
  1807. }
  1808.  
  1809. @-o-keyframes fadeOut {
  1810. 0% {opacity: 1;}
  1811. 100% {opacity: 0;}
  1812. }
  1813.  
  1814. @keyframes fadeOut {
  1815. 0% {opacity: 1;}
  1816. 100% {opacity: 0;}
  1817. }
  1818.  
  1819. .fadeOut {
  1820. -webkit-animation-name: fadeOut;
  1821. -moz-animation-name: fadeOut;
  1822. -o-animation-name: fadeOut;
  1823. animation-name: fadeOut;
  1824. }
  1825. @-webkit-keyframes fadeOutUp {
  1826. 0% {
  1827. opacity: 1;
  1828. -webkit-transform: translateY(0);
  1829. }
  1830.  
  1831. 100% {
  1832. opacity: 0;
  1833. -webkit-transform: translateY(-20px);
  1834. }
  1835. }
  1836. @-moz-keyframes fadeOutUp {
  1837. 0% {
  1838. opacity: 1;
  1839. -moz-transform: translateY(0);
  1840. }
  1841.  
  1842. 100% {
  1843. opacity: 0;
  1844. -moz-transform: translateY(-20px);
  1845. }
  1846. }
  1847. @-o-keyframes fadeOutUp {
  1848. 0% {
  1849. opacity: 1;
  1850. -o-transform: translateY(0);
  1851. }
  1852.  
  1853. 100% {
  1854. opacity: 0;
  1855. -o-transform: translateY(-20px);
  1856. }
  1857. }
  1858. @keyframes fadeOutUp {
  1859. 0% {
  1860. opacity: 1;
  1861. transform: translateY(0);
  1862. }
  1863.  
  1864. 100% {
  1865. opacity: 0;
  1866. transform: translateY(-20px);
  1867. }
  1868. }
  1869.  
  1870. .fadeOutUp {
  1871. -webkit-animation-name: fadeOutUp;
  1872. -moz-animation-name: fadeOutUp;
  1873. -o-animation-name: fadeOutUp;
  1874. animation-name: fadeOutUp;
  1875. }
  1876. @-webkit-keyframes fadeOutDown {
  1877. 0% {
  1878. opacity: 1;
  1879. -webkit-transform: translateY(0);
  1880. }
  1881.  
  1882. 100% {
  1883. opacity: 0;
  1884. -webkit-transform: translateY(20px);
  1885. }
  1886. }
  1887.  
  1888. @-moz-keyframes fadeOutDown {
  1889. 0% {
  1890. opacity: 1;
  1891. -moz-transform: translateY(0);
  1892. }
  1893.  
  1894. 100% {
  1895. opacity: 0;
  1896. -moz-transform: translateY(20px);
  1897. }
  1898. }
  1899.  
  1900. @-o-keyframes fadeOutDown {
  1901. 0% {
  1902. opacity: 1;
  1903. -o-transform: translateY(0);
  1904. }
  1905.  
  1906. 100% {
  1907. opacity: 0;
  1908. -o-transform: translateY(20px);
  1909. }
  1910. }
  1911.  
  1912. @keyframes fadeOutDown {
  1913. 0% {
  1914. opacity: 1;
  1915. transform: translateY(0);
  1916. }
  1917.  
  1918. 100% {
  1919. opacity: 0;
  1920. transform: translateY(20px);
  1921. }
  1922. }
  1923.  
  1924. .fadeOutDown {
  1925. -webkit-animation-name: fadeOutDown;
  1926. -moz-animation-name: fadeOutDown;
  1927. -o-animation-name: fadeOutDown;
  1928. animation-name: fadeOutDown;
  1929. }
  1930.  
  1931.  
  1932. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash {
  1933. 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}
  1934. }
  1935.  
  1936. @-moz-keyframes flash {
  1937. 0%, 50%, 100% {opacity: 1;}
  1938. 25%, 75% {opacity: 0;}
  1939. }
  1940.  
  1941. @-o-keyframes flash {
  1942. 0%, 50%, 100% {opacity: 1;}
  1943. 25%, 75% {opacity: 0;}
  1944. }
  1945.  
  1946. @keyframes flash {
  1947. 0%, 50%, 100% {opacity: 1;}
  1948. 25%, 75% {opacity: 0;}
  1949. }
  1950.  
  1951. .flash {
  1952. -webkit-animation-name: flash;
  1953. -moz-animation-name: flash;
  1954. -o-animation-name: flash;
  1955. animation-name: flash;
  1956. }
  1957.  
  1958.  
  1959.  
  1960.  
  1961. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes tada {
  1962. 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  1963. 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  1964. 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  1965. 100% {-webkit-transform: scale(1) rotate(0);}
  1966. }
  1967.  
  1968. @-moz-keyframes tada {
  1969. 0% {-moz-transform: scale(1);}
  1970. 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  1971. 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  1972. 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  1973. 100% {-moz-transform: scale(1) rotate(0);}
  1974. }
  1975.  
  1976. @-o-keyframes tada {
  1977. 0% {-o-transform: scale(1);}
  1978. 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  1979. 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  1980. 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  1981. 100% {-o-transform: scale(1) rotate(0);}
  1982. }
  1983.  
  1984. @keyframes tada {
  1985. 0% {transform: scale(1);}
  1986. 10%, 20% {transform: scale(0.9) rotate(-3deg);}
  1987. 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  1988. 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  1989. 100% {transform: scale(1) rotate(0);}
  1990. }
  1991.  
  1992. .tada {
  1993. -webkit-animation-name: tada;
  1994. -moz-animation-name: tada;
  1995. -o-animation-name: tada;
  1996. animation-name: tada;
  1997. }
  1998.  
  1999.  
  2000.  
  2001. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes hinge {
  2002. 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2003. 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2004. 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2005. 100% { -webkit-transform: translateY(700px); opacity: 0; }
  2006. }
  2007.  
  2008. @-moz-keyframes hinge {
  2009. 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2010. 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2011. 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2012. 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2013. 100% { -moz-transform: translateY(700px); opacity: 0; }
  2014. }
  2015.  
  2016. @-o-keyframes hinge {
  2017. 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2018. 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2019. 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2020. 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2021. 100% { -o-transform: translateY(700px); opacity: 0; }
  2022. }
  2023.  
  2024. @keyframes hinge {
  2025. 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
  2026. 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  2027. 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  2028. 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
  2029. 100% { transform: translateY(700px); opacity: 0; }
  2030. }
  2031.  
  2032. .hinge {
  2033. -webkit-animation-name: hinge;
  2034. -moz-animation-name: hinge;
  2035. -o-animation-name: hinge;
  2036. animation-name: hinge;
  2037. }
  2038. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  2039.  
  2040. @-webkit-keyframes rollIn {
  2041. 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
  2042. 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
  2043. }
  2044.  
  2045. @-moz-keyframes rollIn {
  2046. 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
  2047. 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
  2048. }
  2049.  
  2050. @-o-keyframes rollIn {
  2051. 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
  2052. 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
  2053. }
  2054.  
  2055. @keyframes rollIn {
  2056. 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
  2057. 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
  2058. }
  2059.  
  2060. .rollIn {
  2061. -webkit-animation-name: rollIn;
  2062. -moz-animation-name: rollIn;
  2063. -o-animation-name: rollIn;
  2064. animation-name: rollIn;
  2065. }
  2066.  
  2067.  
  2068. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes hinge {
  2069. 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2070. 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2071. 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  2072. 100% { -webkit-transform: translateY(700px); opacity: 0; }
  2073. }
  2074.  
  2075. @-moz-keyframes hinge {
  2076. 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2077. 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2078. 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2079. 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  2080. 100% { -moz-transform: translateY(700px); opacity: 0; }
  2081. }
  2082.  
  2083. @-o-keyframes hinge {
  2084. 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2085. 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2086. 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2087. 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
  2088. 100% { -o-transform: translateY(700px); opacity: 0; }
  2089. }
  2090.  
  2091. @keyframes hinge {
  2092. 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
  2093. 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  2094. 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  2095. 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
  2096. 100% { transform: translateY(700px); opacity: 0; }
  2097. }
  2098.  
  2099. .hinge {
  2100. -webkit-animation-name: hinge;
  2101. -moz-animation-name: hinge;
  2102. -o-animation-name: hinge;
  2103. animation-name: hinge;
  2104. }
  2105.  
  2106.  
  2107. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes slideInDown {
  2108. 0% {
  2109. opacity: 0;
  2110. -webkit-transform: translateY(-2000px);
  2111. } 100% {
  2112. -webkit-transform: translateY(0);
  2113. }
  2114. }
  2115.  
  2116. @-moz-keyframes slideInDown {
  2117. 0% {
  2118. opacity: 0;
  2119. -moz-transform: translateY(-2000px);
  2120. }
  2121.  
  2122. 100% {
  2123. -moz-transform: translateY(0);
  2124. }
  2125. }
  2126.  
  2127. @-o-keyframes slideInDown {
  2128. 0% {
  2129. opacity: 0;
  2130. -o-transform: translateY(-2000px);
  2131. }
  2132.  
  2133. 100% {
  2134. -o-transform: translateY(0);
  2135. }
  2136. }
  2137.  
  2138. @keyframes slideInDown {
  2139. 0% {
  2140. opacity: 0;
  2141. transform: translateY(-2000px);
  2142. }
  2143.  
  2144. 100% {
  2145. transform: translateY(0);
  2146. }
  2147. }
  2148.  
  2149. .slideInDown {
  2150. -webkit-animation-name: slideInDown;
  2151. -moz-animation-name: slideInDown;
  2152. -o-animation-name: slideInDown;
  2153. animation-name: slideInDown;
  2154. }
  2155.  
  2156.  
  2157. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes wobble {
  2158. 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  2159. 30% { -webkit-transform: translateX(20%) rotate(3deg); }
  2160. 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  2161. 60% { -webkit-transform: translateX(10%) rotate(2deg); }
  2162. 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  2163. 100% { -webkit-transform: translateX(0%); }
  2164. }
  2165.  
  2166. @-moz-keyframes wobble {
  2167. 0% { -moz-transform: translateX(0%); }
  2168. 15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  2169. 30% { -moz-transform: translateX(20%) rotate(3deg); }
  2170. 45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  2171. 60% { -moz-transform: translateX(10%) rotate(2deg); }
  2172. 75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  2173. 100% { -moz-transform: translateX(0%); }
  2174. }
  2175.  
  2176. @-o-keyframes wobble {
  2177. 0% { -o-transform: translateX(0%); }
  2178. 15% { -o-transform: translateX(-25%) rotate(-5deg); }
  2179. 30% { -o-transform: translateX(20%) rotate(3deg); }
  2180. 45% { -o-transform: translateX(-15%) rotate(-3deg); }
  2181. 60% { -o-transform: translateX(10%) rotate(2deg); }
  2182. 75% { -o-transform: translateX(-5%) rotate(-1deg); }
  2183. 100% { -o-transform: translateX(0%); }
  2184. }
  2185.  
  2186. @keyframes wobble {
  2187. 0% { transform: translateX(0%); }
  2188. 15% { transform: translateX(-25%) rotate(-5deg); }
  2189. 30% { transform: translateX(20%) rotate(3deg); }
  2190. 45% { transform: translateX(-15%) rotate(-3deg); }
  2191. 60% { transform: translateX(10%) rotate(2deg); }
  2192. 75% { transform: translateX(-5%) rotate(-1deg); }
  2193. 100% { transform: translateX(0%); }
  2194. }
  2195.  
  2196. .wobble {
  2197. -webkit-animation-name: wobble;
  2198. -moz-animation-name: wobble;
  2199. -o-animation-name: wobble;
  2200. animation-name: wobble;
  2201. }
  2202. @-webkit-keyframes fadeOut {
  2203. 0% {opacity: 1;}
  2204. 100% {opacity: 0;}
  2205. }
  2206.  
  2207. @-moz-keyframes fadeOut {
  2208. 0% {opacity: 1;}
  2209. 100% {opacity: 0;}
  2210. }
  2211.  
  2212. @-o-keyframes fadeOut {
  2213. 0% {opacity: 1;}
  2214. 100% {opacity: 0;}
  2215. }
  2216.  
  2217. @keyframes fadeOut {
  2218. 0% {opacity: 1;}
  2219. 100% {opacity: 0;}
  2220. }
  2221.  
  2222. .fadeOut {
  2223. -webkit-animation-name: fadeOut;
  2224. -moz-animation-name: fadeOut;
  2225. -o-animation-name: fadeOut;
  2226. animation-name: fadeOut;
  2227. }
  2228.  
  2229.  
  2230.  
  2231. @-webkit-keyframes barbie {
  2232. 0% {
  2233. -webkit-transform: scale(3)
  2234. opacity: 1 perspective(400px) rotateX(-360deg);
  2235. }
  2236.  
  2237. 25% {
  2238. -webkit-transform: scale (2.5) opacity 1 perspective(400px) rotateX(-180deg) ;
  2239. }
  2240.  
  2241. 50% {
  2242. -webkit-transform: scale(2) perspective(400px) rotateX(180deg);
  2243. }
  2244.  
  2245. 75% {
  2246. -webkit-transform: scale(1.5) perspective(400px) rotateX(360deg) ;
  2247. }
  2248.  
  2249. 100% {
  2250. -webkit-transform: scale (1);
  2251. opacity: 1;
  2252. }
  2253. }
  2254. @-moz-keyframes barbie {
  2255. 0% {
  2256. -moz-transform: scale(3)
  2257. opacity: 1 perspective(400px) rotateX(-360deg);
  2258. }
  2259.  
  2260. 25% {
  2261. -moz-transform: scale (2.5) opacity 1 perspective(400px) rotateX(-180deg) ;
  2262. }
  2263.  
  2264. 50% {
  2265. -moz-transform: scale(2) perspective(400px) rotateX(180deg);
  2266. }
  2267.  
  2268. 75% {
  2269. -moz-transform: scale(1.5) perspective(400px) rotateX(360deg) ;
  2270. }
  2271.  
  2272. 100% {
  2273. -moz-transform: scale (1);
  2274. opacity: 1;
  2275. }
  2276. }
  2277.  
  2278. @-ms-keyframes barbie {
  2279. 0% {
  2280. -ms-transform: scale(3)
  2281. opacity: 1 perspective(400px) rotateX(-360deg);
  2282. }
  2283.  
  2284. 25% {
  2285. -ms-transform: scale (2.5) opacity 1 perspective(400px) rotateX(-180deg) ;
  2286. }
  2287.  
  2288. 50% {
  2289. -ms-transform: scale(2) perspective(400px) rotateX(180deg);
  2290. }
  2291.  
  2292. 75% {
  2293. -ms-transform: scale(1.5) perspective(400px) rotateX(360deg) ;
  2294. }
  2295.  
  2296. 100% {
  2297. -ms-transform: scale (1);
  2298. opacity: 1;
  2299. }
  2300. }
  2301. @-o-keyframes Barbie{
  2302. 0% {
  2303. -o-transform: scale(3)
  2304. opacity: 1 perspective(400px) rotateX(-360deg);
  2305. }
  2306.  
  2307. 25% {
  2308. -o-transform: scale (2.5) opacity 1 perspective(400px) rotateX(-180deg) ;
  2309. }
  2310.  
  2311. 50% {
  2312. -o-transform: scale(2) perspective(400px) rotateX(180deg);
  2313. }
  2314.  
  2315. 75% {
  2316. -o-transform: scale(1.5) perspective(400px) rotateX(360deg) ;
  2317. }
  2318.  
  2319. 100% {
  2320. -o-transform: scale (1);
  2321. opacity: 1;
  2322. }
  2323. }
  2324. @keyframes Barbie {
  2325. 0% {
  2326. transform: scale(3)
  2327. opacity: 1 perspective(400px) rotateX(-360deg);
  2328. }
  2329.  
  2330. 25% {
  2331. transform: scale (2.5) opacity 1 perspective(400px) rotateX(-180deg) ;
  2332. }
  2333.  
  2334. 50% {
  2335. transform: scale(2) perspective(400px) rotateX(180deg);
  2336. }
  2337.  
  2338. 75% {
  2339. transform: scale(1.5) perspective(400px) rotateX(360deg) ;
  2340. }
  2341.  
  2342. 100% {
  2343. transform: scale (1);
  2344. opacity: 1;
  2345. }
  2346. }
  2347.  
  2348. @-webkit-keyframes rotate {
  2349. from {
  2350. -webkit-transform: rotate(0deg);
  2351. }
  2352. to {
  2353. -webkit-transform: rotate(360deg);
  2354. }
  2355. }
  2356. #loading img
  2357. {
  2358. -webkit-animation-name: rotate;
  2359. -webkit-animation-duration: 0.5s;
  2360. -webkit-animation-iteration-count: infinite;
  2361. -webkit-transition-timing-function: linear;
  2362. }
  2363.  
  2364. @-webkit-keyframes fadeInUpBig {
  2365. 0% {
  2366. opacity: 0;
  2367. -webkit-transform: translateY(2000px);
  2368. }
  2369.  
  2370. 100% {
  2371. opacity: 1;
  2372. -webkit-transform: translateY(0);
  2373. }
  2374. }
  2375.  
  2376. @-moz-keyframes fadeInUpBig {
  2377. 0% {
  2378. opacity: 0;
  2379. -moz-transform: translateY(2000px);
  2380. }
  2381.  
  2382. 100% {
  2383. opacity: 1;
  2384. -moz-transform: translateY(0);
  2385. }
  2386. }
  2387.  
  2388. @-o-keyframes fadeInUpBig {
  2389. 0% {
  2390. opacity: 0;
  2391. -o-transform: translateY(2000px);
  2392. }
  2393.  
  2394. 100% {
  2395. opacity: 1;
  2396. -o-transform: translateY(0);
  2397. }
  2398. }
  2399.  
  2400. @keyframes fadeInUpBig {
  2401. 0% {
  2402. opacity: 0;
  2403. transform: translateY(2000px);
  2404. }
  2405.  
  2406. 100% {
  2407. opacity: 1;
  2408. transform: translateY(0);
  2409. }
  2410. }
  2411.  
  2412. .fadeInUpBig {
  2413. -webkit-animation-name: fadeInUpBig;
  2414. -moz-animation-name: fadeInUpBig;
  2415. -o-animation-name: fadeInUpBig;
  2416. animation-name: fadeInUpBig;
  2417. }
  2418.  
  2419. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeInLeft {
  2420. 0% {
  2421. opacity: 0;
  2422. -webkit-transform: translateX(-20px);
  2423. } 100% {
  2424. opacity: 1;
  2425. -webkit-transform: translateX(0);
  2426. }
  2427. }
  2428.  
  2429. @-moz-keyframes fadeInLeft {
  2430. 0% {
  2431. opacity: 0;
  2432. -moz-transform: translateX(-20px);
  2433. }
  2434.  
  2435. 100% {
  2436. opacity: 1;
  2437. -moz-transform: translateX(0);
  2438. }
  2439. }
  2440.  
  2441. @-o-keyframes fadeInLeft {
  2442. 0% {
  2443. opacity: 0;
  2444. -o-transform: translateX(-20px);
  2445. }
  2446.  
  2447. 100% {
  2448. opacity: 1;
  2449. -o-transform: translateX(0);
  2450. }
  2451. }
  2452.  
  2453. @keyframes fadeInLeft {
  2454. 0% {
  2455. opacity: 0;
  2456. transform: translateX(-20px);
  2457. }
  2458.  
  2459. 100% {
  2460. opacity: 1;
  2461. transform: translateX(0);
  2462. }
  2463. }
  2464.  
  2465. .fadeInLeft {
  2466. -webkit-animation-name: fadeInLeft;
  2467. -moz-animation-name: fadeInLeft;
  2468. -o-animation-name: fadeInLeft;
  2469. animation-name: fadeInLeft;
  2470. }
  2471.  
  2472.  
  2473.  
  2474.  
  2475.  
  2476.  
  2477. @-webkit-keyframes fadeInRightBig {
  2478. 0% {
  2479. opacity: 0;
  2480. -webkit-transform: translateX(2000px);
  2481. }
  2482.  
  2483. 100% {
  2484. opacity: 1;
  2485. -webkit-transform: translateX(0);
  2486. }
  2487. }
  2488.  
  2489. @-moz-keyframes fadeInRightBig {
  2490. 0% {
  2491. opacity: 0;
  2492. -moz-transform: translateX(2000px);
  2493. }
  2494.  
  2495. 100% {
  2496. opacity: 1;
  2497. -moz-transform: translateX(0);
  2498. }
  2499. }
  2500.  
  2501. @-o-keyframes fadeInRightBig {
  2502. 0% {
  2503. opacity: 0;
  2504. -o-transform: translateX(2000px);
  2505. }
  2506.  
  2507. 100% {
  2508. opacity: 1;
  2509. -o-transform: translateX(0);
  2510. }
  2511. }
  2512.  
  2513. @keyframes fadeInRightBig {
  2514. 0% {
  2515. opacity: 0;
  2516. transform: translateX(2000px);
  2517. }
  2518.  
  2519. 100% {
  2520. opacity: 1;
  2521. transform: translateX(0);
  2522. }
  2523. }
  2524.  
  2525. .fadeInRightBig {
  2526. -webkit-animation-name: fadeInRightBig;
  2527. -moz-animation-name: fadeInRightBig;
  2528. -o-animation-name: fadeInRightBig;
  2529. animation-name: fadeInRightBig;
  2530. }
  2531.  
  2532.  
  2533.  
  2534.  
  2535.  
  2536. @-webkit-keyframes fadeInDownBig {
  2537. 0% {
  2538. opacity: 0;
  2539. -webkit-transform: translateY(-2000px);
  2540. }
  2541. 100% {
  2542. opacity: 1;
  2543. -webkit-transform: translateY(0);
  2544. }
  2545. }
  2546. @-moz-keyframes fadeInDownBig {
  2547. 0% {
  2548. opacity: 0;
  2549. -moz-transform: translateY(-2000px);
  2550. }
  2551. 100% {
  2552. opacity: 1;
  2553. -moz-transform: translateY(0);
  2554. }
  2555. }
  2556. @-ms-keyframes fadeInDownBig {
  2557. 0% {
  2558. opacity: 0;
  2559. -ms-transform: translateY(-2000px);
  2560. }
  2561. 100% {
  2562. opacity: 1;
  2563. -ms-transform: translateY(0);
  2564. }
  2565. }
  2566. @-o-keyframes fadeInDownBig {
  2567. 0% {
  2568. opacity: 0;
  2569. -o-transform: translateY(-2000px);
  2570. }
  2571. 100% {
  2572. opacity: 1;
  2573. -o-transform: translateY(0);
  2574. }
  2575. }
  2576. @keyframes fadeInDownBig {
  2577. 0% {
  2578. opacity: 0;
  2579. transform: translateY(-2000px);
  2580. }
  2581. 100% {
  2582. opacity: 1;
  2583. transform: translateY(0);
  2584. }
  2585. }
  2586. .fadeInDownBig {
  2587. -webkit-animation-name: fadeInDownBig;
  2588. -moz-animation-name: fadeInDownBig;
  2589. -ms-animation-name: fadeInDownBig;
  2590. -o-animation-name: fadeInDownBig;
  2591. animation-name: fadeInDownBig;
  2592. }
  2593.  
  2594.  
  2595.  
  2596. @-webkit-keyframes fadeInDown {
  2597. 0% {
  2598. opacity: 0;
  2599. -webkit-transform: translateY(-20px);
  2600. }
  2601. 100% {
  2602. opacity: 1;
  2603. -webkit-transform: translateY(0);
  2604. }
  2605. }
  2606. @-moz-keyframes fadeInDown {
  2607. 0% {
  2608. opacity: 0;
  2609. -moz-transform: translateY(-20px);
  2610. }
  2611. 100% {
  2612. opacity: 1;
  2613. -moz-transform: translateY(0);
  2614. }
  2615. }
  2616. @-ms-keyframes fadeInDown {
  2617. 0% {
  2618. opacity: 0;
  2619. -ms-transform: translateY(-20px);
  2620. }
  2621. 100% {
  2622. opacity: 1;
  2623. -ms-transform: translateY(0);
  2624. }
  2625. }
  2626. @-o-keyframes fadeInDown {
  2627. 0% {
  2628. opacity: 0;
  2629. -ms-transform: translateY(-20px);
  2630. }
  2631. 100% {
  2632. opacity: 1;
  2633. -ms-transform: translateY(0);
  2634. }
  2635. }
  2636. @keyframes fadeInDown {
  2637. 0% {
  2638. opacity: 0;
  2639. transform: translateY(-20px);
  2640. }
  2641. 100% {
  2642. opacity: 1;
  2643. transform: translateY(0);
  2644. }
  2645. }
  2646. .fadeInDown {
  2647. -webkit-animation-name: fadeInDown;
  2648. -moz-animation-name: fadeInDown;
  2649. -ms-animation-name: fadeInDown;
  2650. -o-animation-name: fadeInDown;
  2651. animation-name: fadeInDown;
  2652. }
  2653. @-webkit-keyframes bounceIn {
  2654. 0% {
  2655. opacity: 0;
  2656. -webkit-transform: scale(.3);
  2657. }
  2658. 50% {
  2659. opacity: 1;
  2660. -webkit-transform: scale(1.05);
  2661. }
  2662. 70% {
  2663. -webkit-transform: scale(.9);
  2664. }
  2665. 100% {
  2666. -webkit-transform: scale(1);
  2667. }
  2668. }
  2669. @-moz-keyframes bounceIn {
  2670. 0% {
  2671. opacity: 0;
  2672. -moz-transform: scale(.3);
  2673. }
  2674. 50% {
  2675. opacity: 1;
  2676. -moz-transform: scale(1.05);
  2677. }
  2678. 70% {
  2679. -moz-transform: scale(.9);
  2680. }
  2681. 100% {
  2682. -moz-transform: scale(1);
  2683. }
  2684. }
  2685. @-ms-keyframes bounceIn {
  2686. 0% {
  2687. opacity: 0;
  2688. -ms-transform: scale(.3);
  2689. }
  2690. 50% {
  2691. opacity: 1;
  2692. -ms-transform: scale(1.05);
  2693. }
  2694. 70% {
  2695. -ms-transform: scale(.9);
  2696. }
  2697. 100% {
  2698. -ms-transform: scale(1);
  2699. }
  2700. }
  2701. @-o-keyframes bounceIn {
  2702. 0% {
  2703. opacity: 0;
  2704. -o-transform: scale(.3);
  2705. }
  2706. 50% {
  2707. opacity: 1;
  2708. -o-transform: scale(1.05);
  2709. }
  2710. 70% {
  2711. -o-transform: scale(.9);
  2712. }
  2713. 100% {
  2714. -o-transform: scale(1);
  2715. }
  2716. }
  2717. @keyframes bounceIn {
  2718. 0% {
  2719. opacity: 0;
  2720. transform: scale(.3);
  2721. }
  2722. 50% {
  2723. opacity: 1;
  2724. transform: scale(1.05);
  2725. }
  2726. 70% {
  2727. transform: scale(.9);
  2728. }
  2729. 100% {
  2730. transform: scale(1);
  2731. }
  2732. }
  2733. .bounceIn {
  2734. -webkit-animation-name: bounceIn;
  2735. -moz-animation-name: bounceIn;
  2736. -ms-animation-name: bounceIn;
  2737. -o-animation-name: bounceIn;
  2738. animation-name: bounceIn;
  2739. }
  2740. #infscr-loading{
  2741. bottom: -70px;
  2742. position: absolute;
  2743. left: 50%;
  2744. margin-left:-8px;
  2745. width:16px;
  2746. height:11px;
  2747. overflow:hidden;
  2748. margin-bottom: 50px;
  2749. }
  2750.  
  2751. #postnotes{
  2752. text-align: justify;}
  2753.  
  2754. #postnotes blockquote{
  2755. border: 0px;}
  2756.  
  2757. blockquote{
  2758. padding:0px 0px 2px 5px;
  2759. margin:0px 0px 2px 10px;
  2760. border-left: 1px dotted #555555;
  2761. }
  2762.  
  2763. blockquote p, ul{
  2764. margin:0px;
  2765. padding:0px;
  2766. }
  2767.  
  2768. a img{border: 0px;}
  2769.  
  2770.  
  2771. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  2772.  
  2773. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  2774. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  2775.  
  2776. .notes img{width:10px; position:relative; top:3px;}
  2777. <--ses-->
  2778. small{font-size: 90%;}
  2779.  
  2780. {CustomCSS}
  2781.  
  2782. </style>
  2783.  
  2784. {block:IndexPage}
  2785. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  2786. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  2787.  
  2788. <script type="text/javascript">
  2789. $(window).load(function(){
  2790. var $wall = $('#posts');
  2791. $wall.imagesLoaded(function(){
  2792. $wall.masonry({
  2793. itemSelector: '.entry, .entry_photo',
  2794. isAnimated : false
  2795. });
  2796. });
  2797.  
  2798. $wall.infinitescroll({
  2799. navSelector : '#pagination',
  2800. nextSelector : '#pagination a',
  2801. itemSelector : '.entry, .entry_photo',
  2802. bufferPx : 2000,
  2803. debug : false,
  2804. errorCallback: function() {
  2805. $('#infscr-loading').fadeOut('normal');
  2806. }},
  2807. function( newElements ) {
  2808. var $newElems = $( newElements );
  2809. $newElems.hide();
  2810. $newElems.imagesLoaded(function(){
  2811. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  2812. });
  2813. }); $('#posts').show(500);
  2814. });
  2815. </script>
  2816.  
  2817.  
  2818.  
  2819.  
  2820.  
  2821. {/block:IndexPage}
  2822.  
  2823.  
  2824. <title>{title}</title>
  2825.  
  2826. <link rel="shortcut icon" href="{Favicon}" />
  2827. <meta name="viewport" content="width=820" />
  2828. </head>
  2829.  
  2830.  
  2831. <body onkeydown="return false">
  2832. <BODY onselectstart="return false;" ondragstart="return false;">
  2833. <div class="wrapper">
  2834. <div class="header">
  2835. </div>
  2836.  
  2837.  
  2838.  
  2839.  
  2840. <div id="yah"></div>
  2841. <div id="cage">
  2842.  
  2843.  
  2844.  
  2845. <div id="center">
  2846. <div class="yay"></div>
  2847. <div class="sideeyyy"></div>
  2848. <div class="lolol"></div>
  2849. <div class="side"></div>
  2850. <div class="side1"></div>
  2851. <div class="side3"></div>
  2852.  
  2853.  
  2854.  
  2855.  
  2856.  
  2857.  
  2858.  
  2859.  
  2860. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  2861. <div id="sidebar">
  2862.  
  2863. <div id="title1">{text:title1}</center></div>
  2864. <center>
  2865.  
  2866.  
  2867. <div id="sidebarimgg"></div>
  2868.  
  2869.  
  2870.  
  2871.  
  2872.  
  2873. <div style="width:100%; border: 10px solid #f6e3fa; padding:5px;">
  2874. <script language="JavaScript">
  2875. <!--
  2876.  
  2877.  
  2878. /*
  2879. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  2880. Over 400+ free JavaScripts here!
  2881. Keep this notice intact please
  2882. */
  2883.  
  2884. function random_imglink(){
  2885. var myimages=new Array()
  2886. //specify random images below. You can have as many as you wish
  2887. myimages[1]="http://i40.tinypic.com/207lxqt.jpg"
  2888. myimages[2]="http://i44.tinypic.com/2mzy6tk.jpg"
  2889. myimages[3]="http://i42.tinypic.com/16a18gw.jpg"
  2890. myimages[4]="http://i41.tinypic.com/255p0lc.jpg"
  2891. myimages[5]="http://i42.tinypic.com/2qm4294.jpg"
  2892.  
  2893.  
  2894.  
  2895.  
  2896.  
  2897. var ry=Math.floor(Math.random()*myimages.length)
  2898. if (ry==0)
  2899. ry=1
  2900. document.write('<img src="'+myimages[ry]+'" border=0>')
  2901. }
  2902. random_imglink()
  2903. //-->
  2904. </script>
  2905.  
  2906.  
  2907.  
  2908.  
  2909. <div id="desc">{description}</div>
  2910.  
  2911.  
  2912. <div id="musicbar"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  2913. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  2914. <param name="bgcolor" value="#ffffffff" />
  2915. <param name="FlashVars" value="mp3=http%3A//a.tumblr.com/tumblr_m7feycnx1E1r9yzgjo1.mp3%20%7C%20http%3A//dl32.musload.com/loads/dlhash1/m09/d07/42f71320b08ced30f57c3219fe7852c3.mp3%20%7C%20http%3A//i.perezhilton.com/wp-content/uploads/2013/08/01-roar-1.mp3http://dl.ttbax.org/Hamid/Music/1392/06/Katy%20Perry%20Ft%20Juicy%20J%20-%20Dark%20Horse[128].mp3&amp;width=105&amp;height=25&amp;showslider=0&amp;showloading=never&amp;sliderwidth=0&amp;sliderheight=0&amp;volumewidth=0&amp;volumeheight=0&amp;loadingcolor=ffffff&amp;bgcolor=ffffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=000000&amp;slidercolor2=000000&amp;sliderovercolor=000000&amp;buttoncolor=000000&amp;buttonovercolor=000000" />
  2916. </object></div>
  2917.  
  2918. <div id="statsbar"><img src="https://cdn1.iconfinder.com/data/icons/customicondesign-mini-deepcolour-png/48/Telephone.png" style="width:12px; height:12px;"> <script language="JavaScript">
  2919. var ref = (''+document.referrer+'');
  2920. var w_h = window.screen.width + " x " + window.screen.height;
  2921. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3582207&e1=caller&e2=callers&r=' + ref + '&wh=' + w_h + '"><\/script>');
  2922. </script> and <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2220040&name=missed calls"></script>
  2923. </div>
  2924.  
  2925.  
  2926.  
  2927. <div class="dock"><center><img src="http://i44.tinypic.com/2qwln4g.jpg" style="height:auto; width:285px;"></center></a></div>
  2928.  
  2929.  
  2930.  
  2931.  
  2932.  
  2933. <div class="link1"><a href="{text:link one}" title="{text:link one msg}"><center><img src="http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Messages-icon.png" style="height: 40px; width: 40px;"></center></a></div>
  2934.  
  2935. <div class="link2"><a href="{text:link two}" title="{text:link two msg}"><center><img src="http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Safari-icon.png" style="height: 40px; width: 40px;"></center></a></div>
  2936.  
  2937.  
  2938. <div class="link3"><a href="{text:link three}" title="{text:link three msg}"><center><img src="https://cdn1.iconfinder.com/data/icons/apple-ios7-icons/118/notes_ios7_ios_7.png" style="height: 40px; width: 40px;"></center></a></div>
  2939.  
  2940. <div class="link4"><a href="{text:link four}" title="{text:link four msg}"><center><img src="http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Pictures-icon.png" style="height: 40px; width: 40px;"></center></a></div>
  2941.  
  2942. <div class="link5"><a href="{text:link five}" title="{text:link five msg}"><center><img src="http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Appstore-icon.png" style="height: 40px; width: 40px;"></center></a></div>
  2943.  
  2944.  
  2945.  
  2946. <div class="updates"></div>
  2947.  
  2948.  
  2949. <div class="shiz">
  2950. <a href="#?w=400" rel="05" class="poplight" title="Shiz" style="text-decoration: none;">
  2951. <img src="http://icons.iconarchive.com/icons/visualpharm/ios7v2/256/Buzz-Like-icon.png" style="width:20px; height:20px;"></a></div>
  2952.  
  2953.  
  2954. <div class="playlist">
  2955. <a href="#?w=400" rel="04" class="poplight" title="Playlist"><img src="http://icons.iconarchive.com/icons/visualpharm/ios7v2/256/Buzz-Star-icon.png" style="width:20px; height:20px;"></a></div>
  2956.  
  2957.  
  2958.  
  2959. <div class="updatestext"><a href="#?w=400" rel="02" class="poplight" title="Updates" style="text-decoration: none;">Updates</a></div>
  2960.  
  2961.  
  2962. <div class="battery"><a href="http://fetchinqnachos.tumblr.com/" title="sister!"><img src="http://i41.tinypic.com/hu3lsh.gif" style="height: 20px; width: 20px;"></div>
  2963.  
  2964.  
  2965. <div class="him"><a href="http://g1bby.tumblr.com/" title="Bestiee!"><img src="http://icons.iconarchive.com/icons/handdrawngoods/busy/128/gears-icon.png" style="height: 20px; width: 20px;"></div>
  2966.  
  2967.  
  2968. <div class="data"><a href="#?w=400" rel="03" class="poplight" title="Wifi:c" style="text-decoration: none;"><img src="https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/128/wifi.png" style="height: 20px; width: 20px;"></div>
  2969.  
  2970.  
  2971.  
  2972. <div class="clock"><div style="margin: -5px 0px 0px; display: inline-block; text-align: center; width: 64px;"><div style="display: inline-block; padding: 2px 4px; margin: 0px 0px 5px; text-align: center; background-color: transparent;"><a href="" style="text-decoration: none; font-size: 13px; color: rgb(0, 0, 0);"> </a></div><script type="text/javascript" src="http://localtimes.info/clock.php?&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=64&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=1000"></script></div>
  2973.  
  2974. <div id="sidebarpicture">
  2975. <img src="http://25.media.tumblr.com/8881619e6ab09f5da41ca9dc033bdc87/tumblr_mt3vxkrNqd1sfwvego1_400.gif" style="background:white; -webkit-filter: grayscale(100%); border-radius:8px; margin-left:-220px; margin-top:40px;width:110px; padding:0px; border:3px double #fff;height:110px;z-index:99999999999;"></a></div>
  2976.  
  2977.  
  2978.  
  2979.  
  2980.  
  2981. </center>
  2982. </div>
  2983. <!------------------------------------->
  2984.  
  2985. <div class="left">
  2986.  
  2987. <div id="posts">
  2988. {block:Posts}
  2989. <div class="entry">
  2990.  
  2991.  
  2992.  
  2993.  
  2994. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  2995.  
  2996. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  2997. {/block:Text}
  2998.  
  2999. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  3000.  
  3001. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  3002.  
  3003. {block:Photo}
  3004. {block:IndexPage}
  3005. <center>
  3006. <div class="perma">
  3007. <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{permalink}">{notecountwithlabel}<br><a href="{permalink}">{TimeAgo}</div>
  3008.  
  3009. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  3010. {/block:IndexPage}
  3011. {block:PermalinkPage}
  3012. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  3013.  
  3014. {LinkCloseTag}
  3015. {/block:PermalinkPage}
  3016. {/block:Photo}
  3017.  
  3018. {block:Photoset}
  3019. {block:IndexPage}
  3020. <center>
  3021.  
  3022. <div class="perma">
  3023. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  3024.  
  3025. {Photoset-250}</center>
  3026. {/block:IndexPage}
  3027. {block:PermalinkPage}
  3028. <center>
  3029. {Photoset-500}</center>
  3030. {/block:PermalinkPage}
  3031. {/block:Photoset}
  3032.  
  3033. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  3034.  
  3035. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  3036.  
  3037. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  3038. <ul class="chat">
  3039. {block:Lines}
  3040. <li class="user_{UserNumber}">
  3041. {block:Label}
  3042. <span class="label">{Label}</span>
  3043. {/block:Label}
  3044.  
  3045. {Line}
  3046. </li>
  3047. {/block:Lines}
  3048. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  3049. {/block:Chat}
  3050.  
  3051. {block:Audio}
  3052. <div style="width:200px; height:30px;">
  3053. {AudioPlayerBlack}
  3054. </div>
  3055. {block:IndexPage}<span class="permalink">
  3056. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  3057. </span>{/block:IndexPage}
  3058. {/block:Audio}
  3059.  
  3060. {block:Video}
  3061. {block:IndexPage}
  3062. <center>
  3063. <div class="perma">
  3064. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  3065. {Video-250}</center>
  3066. {/block:IndexPage}
  3067. {block:PermalinkPage}
  3068. <center>
  3069. {Video-400}</center>
  3070. {/block:PermalinkPage}
  3071. {block:Video}
  3072.  
  3073. {block:Answer}
  3074. <div style="margin: 1px 2px 1px 2px; min-height:40px; border: 1px solid #c1c1c1; padding: 3px; background-color: white;
  3075. ">
  3076. <img src="{AskerPortraitURL-30}" width="30" align=left style="margin-right:2px; border:4px double #cac;"/>
  3077. <askk>{Asker}</askk>: {Question}</div><br>
  3078. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div><br>
  3079. <askk> love from {text:your name}</askk>
  3080. <small><P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a></small>
  3081. {/block:Answer}
  3082.  
  3083.  
  3084. {block:PostNotes}<div align="middle">{caption}</div>
  3085. <center>
  3086.  
  3087. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  3088.  
  3089. {block:HasTags}
  3090. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  3091. {block:RebloggedFrom}
  3092. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  3093. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  3094.  
  3095. {/block:RebloggedFrom}
  3096. </center></span>
  3097. <br>
  3098. <div id="postnotes">{PostNotes}</div><br>
  3099.  
  3100. <center>{block:ContentSource}
  3101. <br><a href="{SourceURL}">
  3102. {lang:Source}:
  3103. {block:SourceLogo}
  3104. <img src="{BlackLogoURL}" width="{LogoWidth}"
  3105. height="{LogoHeight}" alt="{SourceTitle}" />
  3106. {/block:SourceLogo}
  3107. {block:NoSourceLogo}
  3108. {SourceLink}
  3109. {/block:NoSourceLogo}
  3110. </a>
  3111. {/block:ContentSource}</center>
  3112.  
  3113. {/block:PostNotes}
  3114. </div>
  3115. {/block:Posts}
  3116. </div></div>
  3117.  
  3118. {block:IndexPage}
  3119. {block:Pagination}
  3120. <div id="pagination">
  3121. {block:NextPage}
  3122. <a id="nextPage" href="{NextPage}"></a>
  3123. {/block:NextPage}
  3124. {block:PreviousPage}
  3125. <a href="{PreviousPage}"></a>
  3126. {/block:PreviousPage}
  3127. </div>
  3128. {/block:Pagination}
  3129. {/block:IndexPage}
  3130. </body>
  3131.  
  3132.  
  3133. <div id="02" class="popup_block">
  3134.  
  3135. <br><center><love>Status;</love></center>
  3136.  
  3137. <br><div style="border-top:1px solid #cac";>
  3138.  
  3139.  
  3140. <div style="font-family:pewp; font-size:12px; line-height:10px;"><br>
  3141.  
  3142. <center>I am Online(X) Offline() Queue(X) Post Limit()</center><br><br>
  3143.  
  3144.  
  3145.  
  3146. <br><center><love>Updates;</love></center>
  3147.  
  3148. <br><div style="border-top:1px solid #cac";>
  3149.  
  3150.  
  3151. <div style="font-family:pewp; font-size:12px; line-height:12px;">
  3152.  
  3153. <center><br>- I went back to school 9/5/13
  3154. <br>- Queue is on 12am-12am weekdays bc school. :(
  3155. <br>-Updated theme: 9/17/13
  3156. <br>-Hit counter started 9/17/13<br><br></center>
  3157.  
  3158. <br><center><love>Other;</love></center>
  3159.  
  3160. <br><div style="border-top:1px solid #cac";>
  3161.  
  3162.  
  3163. <div style="font-family:pewp; font-size:12px; line-height:12px;"><br>
  3164.  
  3165. <center>- you are using <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script><br>
  3166. - your IP address is <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script> so think twice before you send hate.
  3167. <br>- It is <script language="JavaScript" src="http://freehostedscripts.net/date.php"></script> <rb><br>
  3168.  
  3169. </center>
  3170. <br>
  3171.  
  3172. <br><center><love>Networks;</love></center>
  3173.  
  3174. <br><div style="border-top:1px solid #cac";>
  3175. <div style="font-family:pewp; font-size:12px; line-height:12px;">
  3176.  
  3177. <center>
  3178.  
  3179. <a href="http://kawaiiqualitynetwork.tumblr.com" title="Kawaii Network!"> <img src="http://i11.photobucket.com/albums/a168/evelynregly/th_myAvatar_17001558_1.gif" height="40" ></a>
  3180.  
  3181. <a href="http://thetumblurnetwork.tumblr.com/" title="The Tumblr Network!"/><img src="http://i792.photobucket.com/albums/yy210/imlovestruck1/tumblricon_zps1354ba08.gif" /></a> <br>
  3182.  
  3183.  
  3184.  
  3185.  
  3186. </div></div></div></div></div></div></div></div></div></div>
  3187.  
  3188. <div id="03" class="popup_block">
  3189.  
  3190.  
  3191. <center><love>Credits</love></center><br>
  3192.  
  3193. <br><div style="border-top:1px solid #cac";>
  3194. <div style="font-family:pewp; font-size:12px; line-height:12px;">
  3195.  
  3196. <center><br>- I found the clock on my sidebar from google.
  3197. <br>- Sidebacks inspired by <a href="http://www.wifivibes.tumblr.com" title="wifivibes">Anna</a>
  3198. <br>-I found all my icons on IconArchive or Iconfinder.
  3199. <br>-Theme idea was my own.
  3200. <br>-The double descirption and picture are inspired by <a href="http://mkbye.tk/" title="mkbye">Celina</a>
  3201. </center>
  3202.  
  3203. </div></div></div></div></div></div></div></div></div></div>
  3204.  
  3205.  
  3206.  
  3207. <div id="04" class="popup_block">
  3208.  
  3209. <center><love>Playlist;</love></center>
  3210. <br><div style="border-top:1px solid #cac";>
  3211. <div style="font-family:pewp; font-size:12px; line-height:12px;">
  3212.  
  3213.  
  3214. <br>Same Love - Macklemore ft Mary Lambert
  3215. <br>Roar - Katy Perry
  3216. <br>Wrecking Ball - Miley Cyrus
  3217.  
  3218.  
  3219.  
  3220. </div></div></div></div></div></div></div></div></div></div>
  3221.  
  3222. <div id="05" class="popup_block">
  3223.  
  3224. <center><love>Social;</love></center>
  3225. <br><div style="border-top:1px solid #cac";>
  3226. <div style="font-family:pewp; font-size:12px; line-height:12px;">
  3227.  
  3228. <br> <center><a href="http://www.facebook.com" title="Message me off anon!"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/512/social-facebook-button-blue-icon.png" style="width:50px; height:50px;"></a>
  3229.  
  3230. <a href="http://instagram.com/fetchinqtacoos" title="Click here to go to my instagram"><img src="http://icons.iconarchive.com/icons/designbolts/free-instagram/256/Active-Instagram-4-icon.png" style="width:50px; height:50px;"></a>
  3231.  
  3232.  
  3233. <a href="http://www.skype.com" title="Message me off anon!"> <img src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/256/social_skype_button_blue.png" style="width:50px; height:50px;"></a>
  3234.  
  3235.  
  3236. <a href="http://www.youtube.com" title="Coming soon!"> <img src="https://cdn1.iconfinder.com/data/icons/circular/128/youtube.png" style="width:50px; height:50px;"></a></center>
  3237.  
  3238.  
  3239.  
  3240.  
  3241.  
  3242.  
  3243.  
  3244. </div></div></div></div></div></div></div></div></div></div>
  3245.  
  3246.  
  3247.  
  3248.  
  3249.  
  3250.  
  3251.  
  3252.  
  3253.  
  3254.  
  3255.  
  3256.  
  3257.  
  3258.  
  3259. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  3260. <div style="position:fixed; bottom:3px; right:3px; background:white; border: 1px solid {color:sidebar border}; padding: 2px; font-size: 15px; line-height: 10px;"><a href="http://themesby-two.tumblr.com" title="ThemesByTwo!">≈</a>
  3261. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  3262.  
  3263.  
  3264.  
  3265.  
  3266. </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!