API tools faq
paste
Fucking_Aj

Year Theme by Bruhthemes

Fucking_Aj
Nov 22nd, 2014
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ╭╮╱╱╱╱╱╱╭╮╱╱╱╭╮╭╮
  3. ┃┃╱╱╱╱╱╱┃┃╱╱╭╯╰┫┃
  4. ┃╰━┳━┳╮╭┫╰━╮╰╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃╭╮┃╭┫┃┃┃╭╮┃╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰╯┃┃┃╰╯┃┃┃┃╱┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━┻╯╰━━┻╯╰╯╱╰━┻╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. -->
  10.  
  11. <HTML lang="en">
  12. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function() {
  23. //
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  31. var popMargTop = ($('#' + popID).height() + 80) / 2;
  32. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  33. //Apply Margin to Popup
  34. $('#' + popID).css({
  35. 'margin-top' : -popMargTop,
  36. 'margin-left' : -popMargLeft
  37. });
  38. $('body').append('<div id="fade"></div>');
  39. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  40. return false;
  41. });
  42. $('a.close, #fade').live('click', function() {
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Comfortaa:400,300' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("a[title]").style_my_tooltips({
  59. tip_follows_cursor:true,
  60. tip_delay_time:90,
  61. tip_fade_speed:600,
  62. attribute:"title"
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  68. <script type="text/javascript">
  69. <!--
  70.  
  71. // DISABLE RIGHT Click Script
  72.  
  73. function IE(e)
  74. {
  75. if (navigator.appName == "MICROSOFT Internet Explorer" && (event.button == "2" || event.button == "3"))
  76. {
  77. return false;
  78. }
  79. }
  80. function NS(e)
  81. {
  82. if (document.layers || (document.getElementById && !document.all))
  83. {
  84. if (e.which == "2" || e.which == "3")
  85. {
  86. return false;
  87. }
  88. }
  89. }
  90. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  91.  
  92. //-->
  93. </script>
  94.  
  95.  
  96. <script type="text/javascript"
  97. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  98.  
  99. <!--DEFAULT VARIABLES-->
  100. <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8">
  101. <meta name="color:background" content="#fff"/>
  102. <meta name="color:link" content="#777"/>
  103. <meta name="color:text" content="#777"/>
  104. <meta name="color:title" content="#333"/>
  105. <meta name="color:sidebar borders" content="#fff"/>
  106. <meta name="color:blogtitle" content="#fff"/>
  107. <meta name="color:hover" content="#fff"/>
  108. <meta name="image:sidebar" content="1"/>
  109. <meta name="image:background" content="1"/>
  110. <meta name="text:blogtitle" content="Merry Christmas"/>
  111. <meta name="text:name" content="Name"/>
  112. <meta name="text:stats" content="stats"/>
  113. <meta name="text:music" content="music"/>
  114. <meta name="text:link one" content="/"/>
  115. <meta name="text:link two" content="/"/>
  116. <meta name="text:link three" content="/"/>
  117. <meta name="text:link four" content="/"/>
  118. <meta name="text:link five" content="/"/>
  119. <meta name="text:link one msg" content="Refresh"/>
  120. <meta name="text:link two msg" content="Inbox"/>
  121. <meta name="text:link three msg" content="My uploads"/>
  122. <meta name="text:link four msg" content="Submit"/>
  123. <meta name="text:link five msg" content="Navigation"/>
  124. <style type="text/css">
  125.  
  126. #ak{
  127. color:{color:blogtitle};
  128. font-size:17px;
  129. line-height:21px;
  130. font-family: 'Poiret One', cursive;
  131. }
  132. #fade { /*--Transparent background layer--*/
  133. display: none; /*--hidden by default--*/
  134. background:white;
  135. position: fixed; left: 0; top: 0;
  136. width: 150px; height: 150px;
  137. opacity: .50;
  138. z-index: 999999999;
  139. }
  140. .popup_block{
  141. display: none; /*--hidden by default--*/
  142. background:white;
  143. padding: 20px;
  144. border: 6px solid {color:sidebar borders};
  145. float: left;
  146. font-size:11px;
  147. font-family:calibri;
  148. position: fixed;
  149. text-transform:none;
  150. top: 50%; left: 50%;
  151. z-index: 9999999999999999;
  152. /*--CSS3 Rounded Corners--*/
  153. border-radius:10px;
  154. line-height:11px;
  155. -webkit-animation:pulse 2s;
  156. -moz-animation:pulse 2s;
  157. -ms-animation:pulse 2s;
  158. -webkit-transition: all .7s ease;
  159. -moz-transition: all .7s ease;
  160. -o-transition: all .7s ease;
  161. transition: all .7s ease;
  162. }
  163. .popup_block:hover{
  164. border-radius:0px;
  165. -webkit-transition: all .7s ease;
  166. -moz-transition: all .7s ease;
  167. -o-transition: all .7s ease;
  168. transition: all .7s ease;
  169. }
  170. img.btn_close {
  171. float: right;
  172. margin: 5px 5px 0 0;
  173. }
  174. /*--Making IE6 Understand Fixed Positioning--*/
  175. *html #fade {
  176. position: absolute;
  177. }
  178. *html .popup_block {
  179. position: absolute;
  180. }
  181. 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-
  182.  
  183. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  184.  
  185. 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;}
  186.  
  187. p {
  188. margin:0px;
  189. margin-top:0px;
  190. }
  191.  
  192.  
  193. body {
  194. padding: 0px;
  195. margin: 0px;
  196. color:{color:text};
  197. font-family: calibri;
  198. line-height:13px;
  199. font-size:11px;
  200. background-color: {color:Background};
  201. background-image:url({image:Background});
  202. background-attachment: fixed;
  203. background-repeat: repeat;
  204. }
  205.  
  206.  
  207. a:link, a:active, a:visited{
  208. text-decoration: none;
  209. -webkit-transition: color 0.3s ease-out;
  210. -moz-transition: color 0.3s ease-out;
  211. transition: color 0.3s ease-out;
  212. color:{color:link};
  213. }
  214.  
  215. a:hover {
  216. text-decoration: none;
  217. font-style:;
  218. color: {color:Hover};
  219. }
  220.  
  221. div#center{
  222. margin:auto;
  223. position:relative;
  224. width:1000px;
  225. background-color:;
  226. overflow:auto;
  227. overflow-y:hidden;
  228. }
  229. #s-m-t-tooltip {
  230. max-width:500px;
  231. padding:5px;
  232. border-radius:3px;
  233. margin:20px 0px 0px 20px;
  234. background: {color:blogtitle};
  235. border:1px solid {color:blogtitle};
  236. letter-spacing: 1px;
  237. color: white;
  238. font-size:11px;
  239. font-family:calibri;
  240.  
  241. z-index:999999999999999999999999999999999999;
  242. }
  243.  
  244. #s-m-t-tooltip:before{
  245. position: absolute;
  246. left: -11px;
  247. top: -7px;
  248. width: 0px;
  249. content:"";
  250. transform: scale(1.7, .3);
  251. -webkit-transform: scale(1.7, .3);
  252. -moz-transform: scale(1.7, .3);
  253. -o-transform: scale(1.7, .3);
  254. -ms-transform: scale(1.7, .3);
  255. height: 0px;
  256. border-right: 4px solid {color:blogtitle};
  257. border-bottom: 17px solid transparent;
  258. border-left: 4px solid transparent;
  259. border-top: 17px solid transparent;
  260. }
  261.  
  262. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  263. .entry {
  264. float:left;
  265. display: block;
  266. margin:7px;
  267. overflow:hidden;
  268. width:270px;
  269. padding:13px;
  270. border:1px solid #e1e1e1;
  271. outline:3px double #e1e1e1;
  272. outline-offset:-7px;
  273. {block:PermalinkPage}
  274. width:450px;
  275. text-align:left;
  276. line-height:10px;
  277. {/block:PermalinkPage}
  278. background:white;
  279. background-image:URL();
  280. }
  281.  
  282.  
  283. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  284. .entry .perma{
  285. width:275px;
  286. height:20px;
  287. margin-left:-3px;
  288. position: absolute;
  289. line-height: 16px;
  290. border-bottom:1px solid {color:blogtitle};
  291. border-bottom-right-radius:7px;
  292. border-bottom-left-radius:7px;
  293. overflow:hidden;
  294. text-align:center;
  295. z-index:9;
  296. top:0px;
  297. background:white;
  298. word-spacing:2px;
  299. letter-spacing:1px;
  300. opacity: 0.0;
  301. -webkit-transition: all .7s ease;
  302. -moz-transition: all .7s ease;
  303. -o-transition: all .7s ease;
  304. transition: all .7s ease;
  305.  
  306. }
  307.  
  308. .entry:hover .perma{
  309. overflow:visible;
  310. opacity:1;
  311. margin-top:10px;
  312. }
  313.  
  314. .perma2{
  315. width:45px;
  316. height:45px;
  317. margin-left:65px;
  318. position: absolute;
  319. line-height: 16px;
  320. border:1px solid {color:blogtitle};
  321. border-radius:5px;
  322. overflow:hidden;
  323. text-align:center;
  324. top:0px;
  325. background:white;
  326. word-spacing:2px;
  327. letter-spacing:1px;
  328. opacity: 0.0;
  329. -webkit-transition: all .7s ease;
  330. -moz-transition: all .7s ease;
  331. -o-transition: all .7s ease;
  332. transition: all .7s ease;
  333. }
  334.  
  335. .entry:hover .perma2{
  336. overflow:visible;
  337. opacity:1;
  338. margin-top:45px;
  339. }
  340. .perma3{
  341. width:45px;
  342. height:45px;
  343. margin-left:145px;
  344. position: absolute;
  345. line-height: 16px;
  346. border:1px solid {color:blogtitle};
  347. border-radius:5px;
  348. overflow:hidden;
  349. text-align:center;
  350. top:0px;
  351. background:white;
  352. word-spacing:2px;
  353. letter-spacing:1px;
  354. opacity: 0.0;
  355. -webkit-transition: all .7s ease;
  356. -moz-transition: all .7s ease;
  357. -o-transition: all .7s ease;
  358. transition: all .7s ease;
  359. }
  360.  
  361. .entry:hover .perma3{
  362. overflow:visible;
  363. opacity:1;
  364. margin-top:45px;
  365. }
  366.  
  367.  
  368. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  369. #posts {
  370. width:700px;
  371. margin-top:36px;
  372. z-index:99;
  373. margin-left:369px;
  374. right:auto;
  375. background:transparent;
  376. margin-right:auto;
  377. position:relative;
  378. overflow-y: hidden;
  379. }
  380.  
  381.  
  382. /*CUSTOMIZE SIDEBAR HERE*/
  383. #sidebar{
  384. position:fixed !important;
  385. width:340px;
  386. background:white;
  387. height:410px;
  388. padding:10px;
  389. border:3px double {color:sidebar borders};
  390. margin-top:150px;
  391. margin-left:-35px;
  392. text-align:center;
  393. box-shadow:4px 4px #e1e1e1;
  394. -webkit-transition: all .6s ease;
  395. -moz-transition: all .6s ease;
  396. -o-transition: all .6s ease;
  397. transition: all .6s ease;
  398. }
  399. #pic{
  400. width:340px;
  401. height:410px;
  402. opacity:1;
  403. box-shadow:4px 4px 3px#e1e1e1;
  404. -webkit-transition: all .6s ease;
  405. -moz-transition: all .6s ease;
  406. -o-transition: all .6s ease;
  407. transition: all .6s ease;
  408.  
  409.  
  410. }
  411. #sidebar:hover #pic{
  412. opacity:0;
  413. -webkit-transition: all .6s ease;
  414. -moz-transition: all .6s ease;
  415. -o-transition: all .6s ease;
  416. transition: all .6s ease;
  417.  
  418.  
  419. }
  420. #pic img{
  421. width:340px;
  422. height:410px;
  423. -webkit-transition: all .6s ease;
  424. -moz-transition: all .6s ease;
  425. -o-transition: all .6s ease;
  426. transition: all .6s ease;
  427.  
  428. }
  429. #blogtitle{
  430. position:fixed;
  431. color:#fff;
  432. margin-top:126px;
  433. margin-left:-20px;
  434. z-index:9;
  435. text-shadow:-1px 1px {color:blogtitle}, 0px 1px {color:blogtitle}, 1px 1px {color:blogtitle}, 2px 1px {color:blogtitle};
  436. font-size:54px;
  437. font-family:mistral;
  438. }
  439. #blogtitle2{
  440. position:fixed;
  441. color:#fff;
  442. opacity:0;
  443. margin-top:-16px;
  444. margin-left:-22px;
  445. z-index:9;
  446. text-shadow:-1px 1px {color:blogtitle}, 0px 1px {color:blogtitle}, 1px 1px {color:blogtitle}, 2px 1px {color:blogtitle};
  447. font-size:40px;
  448. font-family: 'Pacifico', cursive;
  449. -webkit-transition: all .7s ease;
  450. -moz-transition: all .7s ease;
  451. -o-transition: all .7s ease;
  452. transition: all .7s ease;
  453. }
  454. #sidebar:hover #blogtitle2{
  455. margin-left:-5px;
  456. opacity:1;
  457. -webkit-transition: all .7s ease;
  458. -moz-transition: all .7s ease;
  459. -o-transition: all .7s ease;
  460. transition: all .7s ease;
  461. }#p{
  462. position:fixed;
  463. opacity:0;
  464. margin-top:-400px;
  465. margin-left:10px;
  466. -webkit-transition: all .7s ease;
  467. -moz-transition: all .7s ease;
  468. -o-transition: all .7s ease;
  469. transition: all .7s ease;
  470. }
  471. #p img{
  472. width:320px;
  473. }
  474. #sidebar:hover #p{
  475. opacity:1;
  476. -webkit-transition: all .7s ease;
  477. -moz-transition: all .7s ease;
  478. -o-transition: all .7s ease;
  479. transition: all .7s ease;
  480. }
  481. #p2{
  482. position:fixed;
  483. opacity:0;
  484. margin-top:-150px;
  485. margin-left:219px;
  486. -webkit-transition: all .7s ease;
  487. -moz-transition: all .7s ease;
  488. -o-transition: all .7s ease;
  489. transition: all .7s ease;
  490. }
  491. #p2 img{
  492. width:300px;
  493. }
  494. #sidebar:hover #p2{
  495. opacity:1;
  496. -webkit-transition: all .7s ease;
  497. -moz-transition: all .7s ease;
  498. -o-transition: all .7s ease;
  499. transition: all .7s ease;
  500. }
  501. #na{
  502. position:fixed;
  503. color:#fff;
  504. text-shadow:-1px 0 {color:sidebar borders}, 0 1px {color:sidebar borders}, 1px 0 {color:sidebar borders}, 0 -1px {color:sidebar borders};
  505. font-family:Vivaldi;
  506. opacity:0;
  507. margin-top:-306px;
  508. margin-left:140px;
  509. font-size:30px;
  510. -webkit-transition: all .7s ease;
  511. -moz-transition: all .7s ease;
  512. -o-transition: all .7s ease;
  513. transition: all .7s ease;
  514. }
  515. #sidebar:hover #na{
  516. opacity:1;
  517. -webkit-transition: all .7s ease;
  518. -moz-transition: all .7s ease;
  519. -o-transition: all .7s ease;
  520. transition: all .7s ease;
  521. }
  522. ::-webkit-scrollbar-thumb{ background-color:{color:blogtitle}; border:2px solid {color:blogtitle}; height:auto; -moz-border-radius:10px; border-radius:10px; height:2px;}
  523.  
  524. ::-webkit-scrollbar{ height:2px; width:5px; background-color:{color:blogtitle}; border:2px solid #fff;}
  525. #desc{
  526. position:fixed;
  527. background:white;
  528. border-radius:3px;
  529. width:190px;
  530. padding:10px;
  531. border:1px solid #e1e1e1;
  532. height:50px;
  533. margin-top:-290px;
  534. margin-left:120px;
  535. overflow-y:scroll;
  536. opacity:0;
  537. -webkit-transition: all .7s ease;
  538. -moz-transition: all .7s ease;
  539. -o-transition: all .7s ease;
  540. transition: all .7s ease;
  541. }
  542. #sidebar:hover #desc{
  543. opacity:1;
  544. -webkit-transition: all .7s ease;
  545. -moz-transition: all .7s ease;
  546. -o-transition: all .7s ease;
  547. transition: all .7s ease;
  548. }
  549. #topbar{
  550. position:fixed;
  551. border-bottom:3px double white;
  552. background:{color:blogtitle};
  553. width:1000%;
  554. height:30px;
  555. opacity:.9;
  556. margin-left:-1000px;
  557. z-index:99999999;
  558.  
  559. }
  560. #topbar2{
  561. position:fixed;
  562. width:3333000px;
  563. height:25px;
  564. margin-top:2px;
  565. background-image:url(http://media.tumblr.com/b1bb6a1c44b2ba2b1935daee87ca79e0/tumblr_inline_mw96xg8mPi1r63cto.gif);
  566. opacity:1;
  567. margin-left:-1100px;
  568. z-index:99999999999;
  569.  
  570. }
  571. #topbar2 img{
  572. width:auto;
  573. height:auto;
  574. }
  575.  
  576. #link1{
  577. position:fixed;
  578. overflow:visible;
  579. opacity:0;
  580. z-index:999999999999999999;
  581. margin-top:-200px;
  582. margin-left:40px;
  583. -webkit-transition: all .3s ease;
  584. -moz-transition: all .3s ease;
  585. -o-transition: all .3s ease;
  586. transition: all .3s ease;
  587. -webkit-transform: rotate(180deg);
  588. }
  589.  
  590. #sidebar:hover #link1{
  591. opacity:1;
  592. -webkit-transform: rotate(180deg);
  593. -webkit-transition: all .7s ease;
  594. -moz-transition: all .7s ease;
  595. -o-transition: all .7s ease;
  596. transition: all .7s ease;
  597. }
  598. #link1 a{
  599. -webkit-transform: rotate(180deg);
  600. transform: scale(0, 1.11);
  601. border-left:13px double transparent;
  602. border-right:13px double transparent;
  603. border-top:30px solid {color:blogtitle};
  604. -webkit-transition: all .8s ease;
  605. -moz-transition: all .8s ease;
  606. -o-transition: all .8s ease;
  607. transition: all .8s ease;
  608. }
  609. #link2{
  610. position:fixed;
  611. overflow:visible;
  612. opacity:0;
  613. z-index:999999999999999999;
  614. margin-top:-200px;
  615. margin-left:95px;-webkit-transform: rotate(180deg);
  616. -webkit-transition: all .3s ease;
  617. -moz-transition: all .3s ease;
  618. -o-transition: all .3s ease;
  619. transition: all .3s ease;
  620. }
  621.  
  622. #sidebar:hover #link2{
  623. opacity:1;-webkit-transform: rotate(180deg);
  624. -webkit-transition: all .7s ease;
  625. -moz-transition: all .7s ease;
  626. -o-transition: all .7s ease;
  627. transition: all .7s ease;
  628. }
  629. #link2 a{
  630. -webkit-transform: rotate(180deg);
  631. transform: scale(0, 1.11);
  632. border-left:13px double transparent;
  633. border-right:13px double transparent;
  634. border-top:30px solid {color:blogtitle};
  635. -webkit-transform: rotate(180deg);
  636. -webkit-transition: all .8s ease;
  637. -moz-transition: all .8s ease;
  638. -o-transition: all .8s ease;
  639. transition: all .8s ease;
  640. }
  641. #link3{
  642. position:fixed;
  643. overflow:visible;
  644. opacity:0;
  645. z-index:999999999999999999;
  646. margin-top:-200px;
  647. -webkit-transform: rotate(180deg);
  648. margin-left:150px;
  649. -webkit-transition: all .3s ease;
  650. -moz-transition: all .3s ease;
  651. -o-transition: all .3s ease;
  652. transition: all .3s ease;
  653. }
  654.  
  655. #sidebar:hover #link3{
  656. opacity:1;
  657. -webkit-transition: all .7s ease;
  658. -moz-transition: all .7s ease;
  659. -o-transition: all .7s ease;
  660. transition: all .7s ease;
  661. }
  662. #link3 a{
  663. -webkit-transform: rotate(180deg);
  664. transform: scale(0, 1.11);
  665. border-left:13px double transparent;
  666. border-right:13px double transparent;
  667. border-top:30px solid {color:blogtitle};
  668. -webkit-transition: all .8s ease;
  669. -moz-transition: all .8s ease;
  670. -o-transition: all .8s ease;
  671. transition: all .8s ease;
  672. }
  673.  
  674. #link4{
  675. position:fixed;
  676. overflow:visible;
  677. opacity:0;
  678. z-index:999999999999999999;
  679. margin-top:-200px;
  680.  
  681. margin-left:210px;-webkit-transform: rotate(180deg);
  682. -webkit-transition: all .3s ease;
  683. -moz-transition: all .3s ease;
  684. -o-transition: all .3s ease;
  685. transition: all .3s ease;
  686. }
  687.  
  688. #sidebar:hover #link4{
  689. opacity:1;-webkit-transform: rotate(180deg);
  690. -webkit-transition: all .7s ease;
  691. -moz-transition: all .7s ease;
  692. -o-transition: all .7s ease;
  693. transition: all .7s ease;
  694. }
  695. #link4 a{
  696. -webkit-transform: rotate(180deg);
  697. transform: scale(0, 1.11);
  698. border-left:13px double transparent;
  699. border-right:13px double transparent;
  700. border-top:30px solid {color:blogtitle};
  701.  
  702. -webkit-transition: all .8s ease;
  703. -moz-transition: all .8s ease;
  704. -o-transition: all .8s ease;
  705. transition: all .8s ease;
  706. }
  707.  
  708. #link5{
  709. position:fixed;
  710. overflow:visible;
  711. opacity:0;
  712. z-index:999999999999999999;
  713. margin-top:-200px;
  714. -webkit-transform: rotate(180deg);
  715. margin-left:270px;
  716. -webkit-transition: all .3s ease;
  717. -moz-transition: all .3s ease;
  718. -o-transition: all .3s ease;
  719. transition: all .3s ease;
  720. }
  721.  
  722. #sidebar:hover #link5{
  723. opacity:1;
  724. -webkit-transform: rotate(180deg);
  725. -webkit-transition: all .7s ease;
  726. -moz-transition: all .7s ease;
  727. -o-transition: all .7s ease;
  728. transition: all .7s ease;
  729. }
  730. #link5 a{
  731. -webkit-transform: rotate(180deg);
  732. transform: scale(0, 1.11);
  733. border-left:13px double transparent;
  734. border-right:13px double transparent;
  735. border-top:30px solid {color:blogtitle};
  736. -webkit-transition: all .8s ease;
  737. -moz-transition: all .8s ease;
  738. -o-transition: all .8s ease;
  739. transition: all .8s ease;
  740. }
  741.  
  742. #sidebar #updates{
  743. z-index:3;
  744. position:absolute;
  745. top:279px;
  746. opacity:0;
  747. left:29px;
  748. width:173px;
  749. height:14px;
  750. overflow:hidden;
  751. border-top-right-radius:5px;
  752. border-top-left-radius:5px;
  753. font-family:calibri;
  754. font-size:13px;
  755. padding-left:0px;
  756. padding-top:2px;
  757. padding-bottom:8px;
  758. line-height:20px;
  759. letter-spacing:0px;
  760. border:1px solid {color:sidebar borders};
  761. text-align:center;
  762. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  763. background:white;
  764. transition: all 0.7s ease-out;
  765. -o-transition-transition: all 0.7s ease-out;
  766. -webkit-transition: all 0.7s ease-out;
  767. -moz-transition: all 0.7s ease-out;
  768. }
  769. #sidebar:hover #updates{
  770. opacity:1;
  771.  
  772. transition: all 0.5s ease-out;
  773. -o-transition-transition: all 0.5s ease-out;
  774. -webkit-transition: all 0.5s ease-out;
  775. -moz-transition: all 0.5s ease-out;
  776. }
  777. #updates img{
  778. width:150px;
  779. }
  780. #music {
  781. z-index:3;
  782. position:absolute;
  783. top:305px;
  784. opacity:0;
  785. left:29px;
  786. width:173px;
  787. height:14px;
  788. overflow:hidden;
  789. font-family:calibri;
  790. font-size:13px;
  791. padding-left:0px;
  792. padding-top:2px;
  793. padding-bottom:8px;
  794. line-height:20px;
  795. letter-spacing:0px;
  796. border-left:1px solid {color:sidebar borders};
  797. border-right:1px solid {color:sidebar borders};
  798. border-bottom:1px solid {color:sidebar borders};
  799. text-align:center;
  800. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  801. background:white;
  802. transition: all 0.7s ease-out;
  803. -o-transition-transition: all 0.7s ease-out;
  804. -webkit-transition: all 0.7s ease-out;
  805. -moz-transition: all 0.7s ease-out;
  806. }
  807.  
  808.  
  809. #sidebar:hover #music{
  810. opacity:2;
  811. transform: rotateX(0deg);
  812. -webkit-transform: rotateX(0deg); /* Safari and Chrome */
  813. }
  814.  
  815. #oh{
  816. position:fixed;
  817.  
  818. margin-top:-65px;
  819. line-height:9px;
  820. margin-left:19px;
  821.  
  822. width:173px;
  823. height:14px;
  824. overflow:hidden;
  825. border-bottom-right-radius:5px;
  826. border-bottom-left-radius:5px;
  827. font-family:calibri;
  828. font-size:13px;
  829. padding-left:0px;
  830. padding-top:2px;
  831. padding-bottom:8px;
  832. line-height:20px;
  833. letter-spacing:0px;
  834. opacity:0.0;
  835. border-bottom:1px solid {color:sidebar borders};
  836. border-left:1px solid {color:sidebar borders};
  837. border-right:1px solid {color:sidebar borders};
  838.  
  839. text-align:center;
  840. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  841. -o-transition-transition: all 0.6s ease-out;
  842. -webkit-transition: all 0.6s ease-out;
  843. -moz-transition: all 0.6s ease-out;
  844. }
  845.  
  846. #sidebar:hover #oh{
  847. opacity:1;
  848.  
  849. -o-transition-transition: all 0.6s ease-out;
  850. -webkit-transition: all 0.6s ease-out;
  851. -moz-transition: all 0.6s ease-out;
  852. }
  853.  
  854.  
  855. #stats{
  856. position:fixed !important;
  857. width:173px;
  858. height:14px;
  859. padding-left:0px;
  860. padding-top:2px;
  861. padding-bottom:8px;
  862. line-height:20px;
  863. margin-top:-90px;
  864. margin-left:19px;
  865. background:white;
  866. border-right:1px solid {color:sidebar borders};
  867. border-left:1px solid {color:sidebar borders};
  868. border-bottom:1px solid {color:sidebar borders};
  869.  
  870. font-family:calibri;
  871. font-size:13px;
  872.  
  873. opacity:0;
  874. -webkit-transition: all .7s ease;
  875. -moz-transition: all .7s ease;
  876. -o-transition: all .7s ease;
  877. transition: all .7s ease;
  878. }
  879.  
  880. #sidebar:hover #stats{
  881. opacity:1;
  882.  
  883. }
  884. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  885. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  886.  
  887.  
  888. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  889. .title{
  890. line-height: 12px;
  891. color:{color:Title};
  892. font-weight: normal;
  893. }
  894.  
  895.  
  896. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  897. .permalink{
  898. text-transform: normal;
  899. display: block;
  900. text-align: right;
  901. text-decoration: none;
  902. }
  903.  
  904.  
  905. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  906. #infscr-loading{
  907. bottom: -70px;
  908. position: absolute;
  909. left: 50%;
  910. margin-left:-8px;
  911. width:16px;
  912. height:11px;
  913. overflow:hidden;
  914. margin-bottom: 50px;
  915. }
  916.  
  917. #postnotes{
  918. text-align: justify;}
  919.  
  920. #postnotes blockquote{
  921. border: 0px;}
  922.  
  923. blockquote{
  924. padding:0px 0px 2px 5px;
  925. margin:0px 0px 2px 10px;
  926. border-left: 1px dotted #555555;
  927. }
  928.  
  929. blockquote p, ul{
  930. margin:0px;
  931. padding:0px;
  932. }
  933.  
  934. a img{border: 0px;}
  935.  
  936.  
  937. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  938.  
  939. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  940. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  941.  
  942. .notes img{width:10px; position:relative; top:3px;}
  943. <--ses-->
  944. small{font-size: 90%;}
  945.  
  946. {CustomCSS}
  947.  
  948. </style>
  949.  
  950. {block:IndexPage}
  951. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  952. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  953.  
  954. <script type="text/javascript">
  955. $(window).load(function(){
  956. var $wall = $('#posts');
  957. $wall.imagesLoaded(function(){
  958. $wall.masonry({
  959. itemSelector: '.entry, .entry_photo',
  960. isAnimated : false
  961. });
  962. });
  963.  
  964. $wall.infinitescroll({
  965. navSelector : '#pagination',
  966. nextSelector : '#pagination a',
  967. itemSelector : '.entry, .entry_photo',
  968. bufferPx : 2000,
  969. debug : false,
  970. errorCallback: function() {
  971. $('#infscr-loading').fadeOut('normal');
  972. }},
  973. function( newElements ) {
  974. var $newElems = $( newElements );
  975. $newElems.hide();
  976. $newElems.imagesLoaded(function(){
  977. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  978. });
  979. }); $('#posts').show(500);
  980. });
  981. </script>
  982.  
  983.  
  984. {/block:IndexPage}
  985.  
  986.  
  987. <title>{title}</title>
  988.  
  989. <link rel="shortcut icon" href="http://fc08.deviantart.net/fs70/f/2012/246/e/f/ef3b886c7ae371bf9e96029b957b5a01-d5de0jn.gif" />
  990. <meta name="viewport" content="width=820" />
  991. </head>
  992.  
  993. <body>
  994. <BODY onselectstart="return false;" ondragstart="return false;">
  995. <div class="wrapper">
  996. <div class="header">
  997. </div>
  998.  
  999. <div id="cage">
  1000. <div id="center">
  1001. <div id="blogtitle">{text:blogtitle}</div>
  1002. <div id="topbar"></div>
  1003. <div id="topbar2"></div>
  1004. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1005. <div id="sidebar">
  1006. <center>
  1007. <div id="pic"><img src="{image:sidebar}"></div>
  1008. <div id="desc">{description}</div><div id="na">{text:name} ;</div>
  1009. <div id="blogtitle2">and a happy new year</div>
  1010. <div id="p"><img src="http://media.tumblr.com/78c1e206492a9b10c638efeff79bde7c/tumblr_inline_mwkqx09Htt1r7r8u7.gif"><br><img src="http://media.tumblr.com/tumblr_lumdbtGxSD1qibcty.gif" style="width:auto; height:auto; margin-top:100px;margin-left:-80px;"><img src="http://media.tumblr.com/tumblr_lumdbz6pDZ1qibcty.gif" style="position:fixed;width:auto; height:auto; margin-top:100px;margin-left:0px;"><img src="http://media.tumblr.com/tumblr_mdgp1d0OkM1qid2nw.gif"style="position:fixed;width:auto; height:auto; margin-top:30px;margin-left:-130px;">
  1011. </div>
  1012. <div id="link1"><a href="{text:link one}" title="{text:link one msg}"></a></div>
  1013. <div id="link2"><a href="{text:link two}" title="{text:link two msg}"></a></div>
  1014. <div id="link3"><a href="{text:link three}" title="{text:link three msg}"></a></div>
  1015. <div id="link4"><a href="{text:link four}" title="{text:link four msg}"></a></div>
  1016.  
  1017. <div id="link5"><a href="{text:link five}" title="{text:link five msg}"></a></div>
  1018. <div id="updates"><a href="#?w=360" rel="02" class="poplight" title="Updates!">Updates</a></div>
  1019. <div id="stats">{text:stats}</div>
  1020. <div id="music">
  1021.  
  1022. {text:music}
  1023.  
  1024.  
  1025. </div>
  1026. <div id="p2"><img src="http://www.u.arizona.edu/~patricia/cute-collection/christmas-stuff/ctree05.gif" style="width:auto;height:auto;"></div>
  1027. <div id="oh"><a href="#?w=360" rel="05" class="poplight"title="playlist">Playlist</a></div>
  1028. </center>
  1029. </div>
  1030. <!------------------------------------->
  1031.  
  1032.  
  1033. <div class="left">
  1034. <div id="posts">
  1035. {block:Posts}
  1036. <div class="entry">
  1037.  
  1038.  
  1039. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1040.  
  1041. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1042. {/block:Text}
  1043.  
  1044. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1045.  
  1046. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1047. {block:Answer}
  1048. <div style="margin-left:5px; margin-top:16px; width:240px; height:auto; border:1px solid #e1e1e1; padding: 10px; border-radius:4px; background-color:#fbfbfb;">
  1049. <img src="{AskerPortraitURL-40}" width="40" height="40" align="left" style="margin-right: 4px; margin-top: -6px ;padding: 2px; background: white; border:3px solid {color:blogtitle}; z-index:1;opacity:1; border-radius:40px;"/>
  1050. <div id="ak">{Asker} asked:</div> {Question}</div> </p> <br>
  1051. <img src="{PortraitURL-40}" width="40" height="40" align="right" style="margin-right: 16px; margin-top: -2px ;padding: 2px; background: white; border:3px solid {color:blogtitle}; z-index:1;opacity:1; border-radius:40px;"/>
  1052.  
  1053. <div style="margin-left:5px;width:140px; margin-top:-9px; height:auto; text-align:left;
  1054. border:1px solid #e1e1e1; padding: 10px; border-radius:4px;background-color:#fbfbfb; width: 240px; "><center><div id="ak">{text:name} said: </div><div style="text-align:left;">{Answer}</div></center></div><br><br>
  1055. {/block:Answer}
  1056. {block:Photo}
  1057. {block:IndexPage}
  1058. <center>
  1059. <div class="perma">
  1060. <a href="{PermaURL}" target="_blank"> {Notecountwithlabel} </a> ☯ {Month} {Dayofmonth}, {Year}</div>
  1061. <div class="perma2">
  1062. <div style="margin-left:10px; margin-top:9px"><li>{ReblogButton color="grey" size="25"}</li></div>
  1063. </div>
  1064. <div class="perma3">
  1065. <div style="margin-left:2px; margin-top:11px"><li>{LikeButton color="grey" size="25"}</li></div>
  1066. </div>
  1067. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1068. {/block:IndexPage}
  1069. {block:PermalinkPage}
  1070. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1071.  
  1072. {LinkCloseTag}
  1073. {/block:PermalinkPage}
  1074. {/block:Photo}
  1075.  
  1076. {block:Photoset}
  1077. {block:IndexPage}
  1078. <center>
  1079.  
  1080. <div class="perma">
  1081. <a href="{PermaURL}" target="_blank"> {Notecountwithlabel} </a> ☯ {Month} {Dayofmonth}, {Year}</div>
  1082. <div class="perma2">
  1083. <div style="margin-left:10px; margin-top:9px"><li>{ReblogButton color="grey" size="25"}</li></div>
  1084. </div>
  1085. <div class="perma3">
  1086. <div style="margin-left:2px; margin-top:11px"><li>{LikeButton color="grey" size="25"}</li></div>
  1087. </div>
  1088.  
  1089. {Photoset-250}</center>
  1090. {/block:IndexPage}
  1091. {block:PermalinkPage}
  1092. <center>
  1093. {Photoset-500}</center>
  1094. {/block:PermalinkPage}
  1095. {/block:Photoset}
  1096.  
  1097. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1098.  
  1099. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1100.  
  1101. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1102. <ul class="chat">
  1103. {block:Lines}
  1104. <li class="user_{UserNumber}">
  1105. {block:Label}
  1106. <span class="label">{Label}</span>
  1107. {/block:Label}
  1108.  
  1109. {Line}
  1110. </li>
  1111. {/block:Lines}
  1112. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1113. {/block:Chat}
  1114.  
  1115. {block:Audio}
  1116. <div style="width:200px; height:30px;">
  1117. {AudioPlayerBlack}
  1118. </div>
  1119. {block:IndexPage}<span class="permalink">
  1120. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1121. </span>{/block:IndexPage}
  1122. {/block:Audio}
  1123.  
  1124. {block:Video}
  1125. {block:IndexPage}
  1126. <center>
  1127. <div class="perma">
  1128. <a href="{PermaURL}" target="_blank"> {Notecountwithlabel} </a> ☯ {Month} {Dayofmonth}, {Year}</div>
  1129. <div class="perma2">
  1130. <div style="margin-left:10px; margin-top:9px"><li>{ReblogButton color="grey" size="25"}</li></div>
  1131. </div>
  1132. <div class="perma3">
  1133. <div style="margin-left:2px; margin-top:11px"><li>{LikeButton color="grey" size="25"}</li></div>
  1134. </div>
  1135. {Video-250}</center>
  1136. {/block:IndexPage}
  1137. {block:PermalinkPage}
  1138. <center>
  1139. {Video-400}</center>
  1140. {/block:PermalinkPage}
  1141. {block:Video}
  1142.  
  1143.  
  1144. {block:PostNotes}<div align="middle">{caption}</div>
  1145. <center>
  1146.  
  1147. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1148.  
  1149. {block:HasTags}
  1150. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1151. {block:RebloggedFrom}
  1152. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1153. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1154.  
  1155. {/block:RebloggedFrom}
  1156. </center></span>
  1157. <br>
  1158. <div id="postnotes">{PostNotes}</div><br>
  1159.  
  1160. <center>{block:ContentSource}
  1161. <br><a href="{SourceURL}">
  1162. {lang:Source}:
  1163. {block:SourceLogo}
  1164. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1165. height="{LogoHeight}" alt="{SourceTitle}" />
  1166. {/block:SourceLogo}
  1167. {block:NoSourceLogo}
  1168. {SourceLink}
  1169. {/block:NoSourceLogo}
  1170. </a>
  1171. {/block:ContentSource}</center>
  1172.  
  1173. {/block:PostNotes}
  1174. </div>
  1175. {/block:Posts}
  1176. </div></div>
  1177.  
  1178. {block:IndexPage}
  1179. {block:Pagination}
  1180. <div id="pagination">
  1181. {block:NextPage}
  1182. <a id="nextPage" href="{NextPage}"></a>
  1183. {/block:NextPage}
  1184. {block:PreviousPage}
  1185. <a href="{PreviousPage}"></a>
  1186. {/block:PreviousPage}
  1187. </div>
  1188. {/block:Pagination}
  1189. {/block:IndexPage}
  1190. </body>
  1191. <div id="02" class="popup_block">
  1192. <center><div style="font-family: mistral; font-size: 59px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:sidebar borders};">Updates<br></center><br>
  1193.  
  1194. <center>
  1195.  
  1196. yeet.
  1197.  
  1198. </center>
  1199. </div></div></div></div></div></div></div></div></div></div>
  1200. <div id="05" class="popup_block">
  1201. <center><div style="font-family: mistral; font-size: 59px; margin-top:15px;line-height: 46px; margin-left:5px; color: {color:sidebar borders};">Playlist<br></center><br>
  1202.  
  1203. <center>
  1204.  
  1205. song 1 <br><br>
  1206. song 2<br><br>
  1207. song 3<br><br>
  1208. </center>
  1209.  
  1210.  
  1211. </div></div></div></div></div></div></div></div></div></div>
  1212.  
  1213. <div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:2px; background:transparent; padding:2px; font-family:consolas;"><a href="http://bruhthemes.tumblr.com/" title="theme by AJ">BRUHTHEMES<img src="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favnt7.gif"></a>
  1214. </div>
  1215.  
  1216. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!