API tools faq
paste
Fucking_Aj

Centuries theme by Mufflinq

Fucking_Aj
Dec 27th, 2014
319
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.36 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. <script type="text/javascript">
  16. // <![CDATA[
  17. var bgcolour="#ffffff"; // background colour
  18. var fgcolour="{color:blogtitle}"; // foreground colour
  19. var speed=80; // speed of bubbling, lower is faster
  20. var shades=12; // number of shades of bubble
  21.  
  22. /****************************
  23. * Bubbling Text Effect *
  24. *(c)2003-13 mf2fm web-design*
  25. * http://www.mf2fm.com/rv *
  26. * DON'T EDIT BELOW THIS BOX *
  27. ****************************/
  28. var bubbcol=new Array();
  29. var bubbshd;
  30. var bubbler, bubbtxt;
  31. var bubbchr=new Array();
  32.  
  33. function addLoadEvent(funky) {
  34. var oldonload=window.onload;
  35. if (typeof(oldonload)!='function') window.onload=funky;
  36. else window.onload=function() {
  37. if (oldonload) oldonload();
  38. funky();
  39. }
  40. }
  41.  
  42. addLoadEvent(bubbagump);
  43.  
  44. function bubbagump() { if (document.getElementById) {
  45. var i, fg, bg, col;
  46. for (bubbler=0; bubbler<=shades; bubbler++) {
  47. col="#";
  48. for (i=1; i<6; i+=2) {
  49. bg=parseInt(bgcolour.substring(i,i+2),16);
  50. fg=parseInt(fgcolour.substring(i,i+2),16);
  51. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  52. }
  53. bubbcol[bubbler+1]=col;
  54. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  55. }
  56. bubbler=document.getElementById("bubble");
  57. bubbtxt=bubbler.firstChild.nodeValue;
  58. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  59. for (i=0; i<bubbtxt.length; i++) {
  60. fg=document.createElement("span");
  61. fg.setAttribute("id", "bubb"+i);
  62. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  63. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  64. bubbler.appendChild(fg);
  65. }
  66. bubbler=setInterval("bubbling()", speed);
  67. }}
  68.  
  69. function dechex(dec) {
  70. dec=Math.floor(dec);
  71. return ((dec<16)?'0':'')+dec.toString(16);
  72. }
  73.  
  74. function bubbling() {
  75. var i, bubby;
  76. for (i=0; i<bubbtxt.length; i++) {
  77. bubby=document.getElementById("bubb"+i);
  78. if (bubbchr[i]) {
  79. bubby.style.color=bubbcol[bubbchr[i]];
  80. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  81. }
  82. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  83. }
  84. }
  85. // ]]>
  86. </script>
  87.  
  88. <script type="text/javascript"
  89. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  90.  
  91. <script>
  92. $(document).ready(function() {
  93. //
  94. $('a.poplight[href^=#]').click(function() {
  95. var popID = $(this).attr('rel'); //Get Popup Name
  96. var popURL = $(this).attr('href'); //Get Popup href to define size
  97. var query= popURL.split('?');
  98. var dim= query[1].split('&');
  99. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  100. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  101. var popMargTop = ($('#' + popID).height() + 80) / 2;
  102. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  103. //Apply Margin to Popup
  104. $('#' + popID).css({
  105. 'margin-top' : -popMargTop,
  106. 'margin-left' : -popMargLeft
  107. });
  108. $('body').append('<div id="fade"></div>');
  109. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  110. return false;
  111. });
  112. $('a.close, #fade').live('click', function() {
  113. $('#fade , .popup_block').fadeOut(function() {
  114. $('#fade, a.close').remove(); //fade them both out
  115. });
  116. return false;
  117. });
  118. });
  119. </script>
  120.  
  121. <script type="text/javascript">
  122. <!--
  123.  
  124. // Disable Right Click Script
  125.  
  126. function IE(e)
  127. {
  128. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  129. {
  130. return false;
  131. }
  132. }
  133. function NS(e)
  134. {
  135. if (document.layers || (document.getElementById && !document.all))
  136. {
  137. if (e.which == "2" || e.which == "3")
  138. {
  139. return false;
  140. }
  141. }
  142. }
  143. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  144.  
  145. //-->
  146. </script>
  147.  
  148. <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  149. <script type="text/javascript"
  150. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  151. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  152. <script>
  153. (function($){
  154. $(document).ready(function(){
  155. $("a[title]").style_my_tooltips({
  156. tip_follows_cursor:true,
  157. tip_delay_time:90,
  158. tip_fade_speed:600,
  159. attribute:"title"
  160. });
  161. });
  162. })(jQuery);
  163. </script>
  164. <!--DEFAULT VARIABLES-->
  165. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  166. <meta name="color:background" content="#fff"/>
  167. <meta name="color:link" content="#777"/>
  168. <meta name="color:text" content="#777"/>
  169. <meta name="color:title" content="#333"/>
  170. <meta name="color:hover" content="#fff"/>
  171. <meta name="image:sidebar" content="1"/>
  172. <meta name="image:background" content="1"/>
  173. <meta name="color:blogtitle" content="#333"/>
  174. <meta name="color:borders" content="#333"/>
  175. <meta name="color:bar 1" content="#fff"/>
  176. <meta name="color:bar 2" content="#fff" />
  177. <meta name="text:blogtitle" content="Requiem " />
  178. <meta name="text:name" content="your Queen"/>
  179. <meta name="text:link one" content="/"/>
  180. <meta name="text:link one message" content="link one message"/>
  181. <meta name="text:link two" content="/"/>
  182. <meta name="text:link two message" content="link two message"/>
  183. <meta name="text:link three" content="/"/>
  184. <meta name="text:link three message" content="link three message"/>
  185. <meta name="text:link four" content="/"/>
  186. <meta name="text:link four message" content="link four message"/>
  187. <meta name="text:link five" content="/"/>
  188. <meta name="text:link five message" content="link five message"/>
  189. <style type="text/css">
  190. html, body, a{ cursor:url("http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png"), auto !important;}
  191. a:hover{cursor:url("http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png"), auto !important; }
  192. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/kjq4nx5/kllmscsxt/neverletgo.ttf');}
  193.  
  194. @font-face {font-family:Moon;src:url(http://static.tumblr.com/kjq4nx5/MkCmt571i/talkingtothemoon.ttf);}
  195.  
  196. @font-face{font-family:Fen;src:url(http://static.tumblr.com/20l7coe/9uumxb3qb/fennl___.ttf);}
  197.  
  198. @font-face{font-family:Goodbye;src:url(http://static.tumblr.com/kjq4nx5/J8Vmt56er/kgwaystosaygoodbye.ttf);}
  199. big{
  200. font-size:16px;
  201. color:{color:blogtitle};
  202. }
  203. big a{
  204. font-size:16px;
  205. color:{color:blogtitle};
  206. }
  207.  
  208. #fade {
  209. /*--Transparent background layer--*/
  210. display: none; /*--hidden by default--*/
  211. background:url();
  212. position: fixed; left: 0; top: 0;
  213. width: 100%; height: 100%;
  214. backgrounD:{color:blogtitle};
  215. opacity: .80;
  216. z-index: 999999999;
  217. }
  218. .popup_block{
  219. display: none; /*--hidden by default--*/
  220. background: transparent;
  221. padding: 20px;
  222. float: left;
  223. font-size:12px;
  224. font-family:calibri;
  225. line-height:14px;
  226. color:#fff;
  227. -webkit-animation:tada 2s;
  228. -moz-animation:tada 2s;
  229. -ms-animation:tada 2s;
  230.  
  231. position: fixed;
  232. top: 50%; left: 50%;
  233. z-index: 9999999999999;
  234. /*--CSS3 Rounded Corners--*/
  235. -webkit-border-radius: 2px;
  236. -moz-border-radius: 2px;
  237. border-radius: 2px;
  238. }
  239. img.btn_close {
  240. float: right;
  241. margin: -5px -5px 0 0;
  242. }
  243. /*--Making IE6 Understand Fixed Positioning--*/
  244. *html #fade {
  245. position: absolute;
  246. }
  247. *html .popup_block {
  248. position: absolute;
  249. }
  250.  
  251. 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-
  252.  
  253. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  254.  
  255. 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;}
  256.  
  257. p {
  258. margin:0px;
  259. margin-top:0px;
  260. }
  261.  
  262.  
  263. body {
  264. padding: 0px;
  265. margin: 0px;
  266. color:{color:text};
  267. font-family: calibri;
  268. line-height:13px;
  269. font-size:11px;
  270. background-color: {color:Background};
  271. background-image:url({image:Background});
  272. background-attachment: fixed;
  273. background-repeat: repeat;
  274. }
  275.  
  276.  
  277. a:link, a:active, a:visited{
  278. text-decoration: none;
  279. -webkit-transition: color 0.3s ease-out;
  280. -moz-transition: color 0.3s ease-out;
  281. transition: color 0.3s ease-out;
  282. color:{color:link};
  283. }
  284.  
  285. a:hover {
  286. text-decoration: none;
  287. font-style:;
  288. color: {color:Hover};
  289. }
  290.  
  291. div#center{
  292. margin:auto;
  293. position:relative;
  294. width:1000px;
  295. background-color:;
  296. overflow:auto;
  297. overflow-y:hidden;
  298. }
  299. name{
  300. float: left;
  301. font-family: Times New Roman;
  302. font-size: 25px;
  303. font-style: italic;
  304. width: 23px;
  305. height: 23px;
  306. line-height: 25px;
  307. padding: 4px;
  308. margin-right: 4px;
  309. background-color:{color:blogtitle};
  310. text-align: center;
  311. border: 3px double white;
  312. color: white;
  313. }
  314. ::-webkit-scrollbar {width: 5px; height: 6px; background: transparent;}
  315.  
  316. ::-webkit-scrollbar-thumb {background-color:{color:blogtitle}; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid
  317. #fff; border-radius:10px; }
  318. #s-m-t-tooltip {
  319. max-width:500px;
  320. padding:5px;
  321. border-radius:3px;
  322. margin:20px 0px 0px 20px;
  323. background: {color:blogtitle};
  324. border:1px solid {color:blogtitle};
  325. letter-spacing: 1px;
  326. color: white;
  327. font-size:11px;
  328. font-family:calibri;
  329. z-index:999999999999999999999999999999999999;
  330. }
  331.  
  332. #s-m-t-tooltip:before{
  333. position: absolute;
  334. left: -11px;
  335. top: -7px;
  336. width: 0px;
  337. content:"";
  338. height: 0px;
  339. transform: scale(1.7, .3);
  340. -webkit-transform: scale(1.7, .3);
  341. -moz-transform: scale(1.7, .3);
  342. -o-transform: scale(1.7, .3);
  343. -ms-transform: scale(1.7, .3);
  344. border-right: 4px solid {color:blogtitle};
  345. border-bottom: 17px solid transparent;
  346. border-left: 4px solid transparent;
  347. border-top: 17px solid transparent;
  348. }
  349.  
  350. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  351. .entry {
  352. float:left;
  353. display: block;
  354. margin:19px;
  355. overflow:hidden;
  356. width:250px;
  357. padding:14px;
  358. border:1px solid #e1e1e1;
  359. border-radius:5px;
  360. box-shadow:2px 3px 3px 4px #fbfbfb;
  361. {block:PermalinkPage}
  362. width:450px;
  363. text-align:left;
  364. line-height:10px;
  365. {/block:PermalinkPage}
  366. background:white;
  367. background-image:URL();
  368. }
  369.  
  370. .entry img{
  371. border-radius:5px;
  372. }
  373. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  374.  
  375. .MoreButton{
  376. position:absolute;
  377. float:left;
  378. z-index:9999;
  379. background:white;
  380. padding:5px;
  381. height:auto;
  382. width:300px;
  383. top:-5px;
  384. left:-15px;
  385. opacity:0;
  386. border-bottom:1px double {color:borders};
  387.  
  388. -o-transition-transition: all 0.5s ease;
  389. -webkit-transition: all 0.5s ease;
  390. -moz-transition: all 0.5s ease;
  391. transition: all 0.5s ease;
  392. }
  393. .entry:hover .MoreButton{
  394. opacity:8;
  395. top:5px;
  396.  
  397. -o-transition-transition: all 0.5s ease;
  398. -webkit-transition: all 0.5s ease;
  399. -moz-transition: all 0.5s ease;
  400. transition: all 0.5s ease;
  401.  
  402. }
  403. .text{
  404. text-transform: uppercase;
  405. display: block;
  406. text-align:left;
  407. padding-left:18px;
  408. text-decoration: none;
  409. font-size: 9px;
  410. font-family:calibri;
  411. line-height:10px;
  412. letter-spacing:1px;
  413. margin: 2px;
  414. margin-top: 22px;
  415. border: 0px solid #f3f3f3;
  416. outline:1px dashed white;
  417. outline-offset:-3px;
  418. padding-top: 5px;
  419. padding-bottom: 6px;
  420. background:{color:borders};
  421. color:white;
  422. margin-left: -20px;
  423. margin-right: -20px;
  424. opacity: 0.7;
  425. -webkit-transition: all 0.6s ease-in-out;
  426. -moz-transition: all 0.6s ease-in-out;
  427. transition: all 0.6s ease-in-out;
  428. }
  429.  
  430. .text a{color:#fff; !important;}
  431. .text a:hover{color:#fff; !important;}
  432. .text:hover{
  433. -webkit-transition: 0.8s ease-out;
  434. -moz-transition: 0.8s ease-out;
  435. transition: 0.8s ease-out;
  436. }
  437. .entry:hover .text{
  438. opacity:.7;
  439. -webkit-transition: 0.8s ease-out;
  440. -moz-transition: 0.8s ease-out;
  441. transition: 0.8s ease-out;
  442. }
  443.  
  444. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  445. #posts {
  446. width:800px;
  447. margin-top:34px;
  448. z-index:99;
  449. margin-left:287px;
  450. right:auto;
  451. background:transparent;
  452. margin-right:auto;
  453. position:relative;
  454. overflow-y: hidden;
  455. }
  456.  
  457. #topbar{
  458. position:fixed;
  459. width:10222222222230%;
  460. height:15px;
  461. margin-left:-1100px;
  462. margin-top:-0px;
  463. z-index:99999;
  464. border-bottom:5px solid #fff;
  465. background:{color:blogtitle};
  466. box-shadow:4px 4px #fbfbfb;
  467. }
  468. #lace{
  469. background-image:url('http://media.tumblr.com/71dacf73c06b6ca09b7a15b58c9d37ce/tumblr_inline_mrf2jccFd41rto88t.png');
  470. repeat:repeat-x;
  471. left:0px;
  472. width:100%;
  473. margin-top: 13px;
  474. height:30px;
  475. z-index:9999;
  476. position: fixed;
  477. opacity:1;
  478. }
  479. /*CUSTOMIZE SIDEBAR HERE*/
  480. #sidebar{
  481. position:fixed !important;
  482. width:212px;
  483. background:white;
  484. height:210px;
  485. margin-top:150px;
  486. margin-left:-85px;
  487. padding:15px;
  488. padding-bottom:15px;
  489. z-index:99;
  490. background-image: -ms-linear-gradient(top, {color:bar 1}; 0%, {color:bar 2} 100%);
  491. background-image: -moz-linear-gradient(top, {color:bar 1} 0%, {color:bar 2} 100%);
  492. background-image: -o-linear-gradient(top, {color:bar 1} 0%, {color:bar 2} 100%);
  493. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:bar 1}), color-stop(1, {color:bar 2}));
  494. background-image: -webkit-linear-gradient(top, {color:bar 1} 0%, {color:bar 2} 100%);
  495. box-shadow:8px 6px #e1e1e1;
  496. border:3px double #fff;
  497. text-align:center;
  498. -webkit-transition: all .7s ease;
  499. -moz-transition: all .7s ease;
  500. -o-transition: all .7s ease;
  501. transition: all .7s ease;
  502. }
  503. #sidebar:hover{
  504. height:270px;
  505.  
  506. -webkit-transition: all .7s ease;
  507. -moz-transition: all .7s ease;
  508. -o-transition: all .7s ease;
  509. transition: all .7s ease;
  510.  
  511. }
  512.  
  513. #pic{
  514. position:Fixed;
  515. opacity:1;
  516. width:205px;
  517. height:205px;
  518.  
  519.  
  520.  
  521. }
  522. #pic img{
  523. width:204px;
  524. height:204px;
  525. border:4px solid #fff;
  526. -webkit-transition: all .7s ease;
  527. -moz-transition: all .7s ease;
  528. -o-transition: all .7s ease;
  529. transition: all .7s ease;
  530. }
  531. #sidebar:hover #pic img{
  532. border-radius:100%;
  533. width:125px;
  534. height:125px;
  535. opacity:1;
  536. margin-left:10px;
  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. @font-face {font-family:Pea Marley; src: url(http://static.tumblr.com/9wzbixa/vH7mkun4j/peamarley1.ttf);}
  543.  
  544. #sidebar #blogtitle{
  545. position:fixed;
  546. text-align: center;
  547. margin: 20px auto 10px;
  548. width:1000px;
  549. padding:10px;
  550. background: transparent;
  551. font-weight: normal;
  552. font-family: 'Cinzel', serif;
  553. font-size: 28px;
  554. line-height: 15px;
  555. letter-spacing:1px;
  556. text-transform:uppercase;
  557. color:{color:blogtitle};
  558. text-shadow: 0 0 1px {color:blogtitle};
  559. margin-top:-35px;
  560. margin-left:-400px;
  561. z-index: 99999;
  562. opacity:3;
  563. background-image:sdfgh;
  564. letter-spacing: 0px;
  565. line-height:0px;
  566. text-align:center;
  567. -o-transition-transition: all 0.5s ease;
  568. -webkit-transition: all 0.5s ease;
  569. -moz-transition: all 0.5s ease;
  570. transition: all 0.5s ease;
  571. }
  572. #sidebar:hover #blogtitle{
  573. opacity:;
  574. -o-transition-transition: all 0.5s ease;
  575. -webkit-transition: all 0.5s ease;
  576. -moz-transition: all 0.5s ease;
  577. transition: all 0.5s ease;
  578. }
  579. #msg{
  580. position:fixed !important;
  581. width:230px;
  582. height:60px;
  583. padding:5px;
  584. margin-top:129px;
  585. margin-left:-15px;
  586. line-height:14px;
  587.  
  588. opacity:0;
  589. text-align:center;
  590. -webkit-transition: all .7s ease;
  591. -moz-transition: all .7s ease;
  592. -o-transition: all .7s ease;
  593. transition: all .7s ease;
  594. }
  595.  
  596. #sidebar:hover #msg{
  597. opacity:.8;
  598. }
  599.  
  600. #hov{
  601. position:fixed;
  602. opacity:0;
  603. width:270px;
  604. height:100px;
  605. text-align:center;
  606. padding:4px;
  607. margin-top:-45px;
  608. margin-left:15px;
  609. color:#fff;
  610. font-size:50px;
  611. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  612. line-height:16px;
  613. font-family:Mistral;
  614. -webkit-transition: all .7s ease;
  615. -moz-transition: all .7s ease;
  616. -o-transition: all .7s ease;
  617. transition: all .7s ease;
  618. }
  619.  
  620. #sidebar:hover #hov{
  621. opacity:1;
  622. -webkit-transition: all .7s ease;
  623. -moz-transition: all .7s ease;
  624. -o-transition: all .7s ease;
  625. transition: all .7s ease;
  626. }
  627.  
  628. #side{
  629. position:fixed;
  630. opacity:0;
  631. width:270px;
  632. height:100px;
  633. border:1px solid #e1e1e1;
  634.  
  635. padding:4px;
  636. margin-top:0px;
  637. margin-left:15px;
  638.  
  639. background:white;
  640. -webkit-transition: all .7s ease;
  641. -moz-transition: all .7s ease;
  642. -o-transition: all .7s ease;
  643. transition: all .7s ease;
  644. }
  645.  
  646. #sidebar:hover #side{
  647. opacity:1;
  648. -webkit-transition: all .7s ease;
  649. -moz-transition: all .7s ease;
  650. -o-transition: all .7s ease;
  651. transition: all .7s ease;
  652. }
  653. #side img{
  654. width:270px;
  655. height:100px;
  656. }
  657. #g{
  658. position:fixed;
  659. opacity:0;
  660. width:75px;
  661. height:98px;
  662. padding:5px;
  663. padding-bottom:14px;
  664. margin-left:215px;
  665. margin-top:125px;
  666. -webkit-transform:rotate(-15deg);
  667. border:1px solid #e1e1e1;
  668. background:white;
  669. -webkit-transition: all .7s ease;
  670. -moz-transition: all .7s ease;
  671. -o-transition: all .7s ease;
  672. transition: all .7s ease;
  673. }
  674. #sidebar:hover #g{
  675. opacity:1;
  676. z-index:9;
  677. -webkit-transition: all .7s ease;
  678. -moz-transition: all .7s ease;
  679. -o-transition: all .7s ease;
  680. transition: all .7s ease;
  681. }
  682. #g img{
  683. width:75px;
  684. height:98px;
  685. }
  686. #f{
  687. position:fixed;
  688. opacity:0;
  689. width:80px;
  690. height:102px;
  691. padding:5px;
  692. padding-bottom:14px;
  693. margin-left:196px;
  694. margin-top:220px;
  695. background:white;
  696. -webkit-transform:rotate(15deg);
  697. border:1px solid #e1e1e1;
  698. z-index:1;
  699. -webkit-transition: all .7s ease;
  700. -moz-transition: all .7s ease;
  701. -o-transition: all .7s ease;
  702. transition: all .7s ease;
  703. }
  704. #sidebar:hover #f{
  705. opacity:1;
  706. -webkit-transition: all .7s ease;
  707. -moz-transition: all .7s ease;
  708. -o-transition: all .7s ease;
  709. transition: all .7s ease;
  710. }
  711. #f img{
  712. width:80px;
  713. height:102px;
  714. }
  715. @font-face {font-family: "everlasting";src: url('http://static.tumblr.com/jdjsstr/tmCm6t649/neou-thin_1_.otf');}
  716.  
  717. @font-face { font-family:"Ulti"; src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf'); }
  718.  
  719.  
  720.  
  721. #sidebar #link1{
  722. position:fixed;
  723. width:28px;
  724. padding:8px;
  725. font-size:40px;
  726. line-height:7px;
  727. font-family:;
  728. font-style:;
  729. margin-top:230px;
  730. margin-left:0px;
  731. opacity:0;
  732. -webkit-transition: all .7s ease;
  733. -moz-transition: all .7s ease;
  734. -o-transition: all .7s ease;
  735. transition: all .7s ease;
  736. }
  737. #sidebar:hover #link1{
  738. opacity:1;
  739. -webkit-transition: all .7s ease;
  740. -moz-transition: all .7s ease;
  741. -o-transition: all .7s ease;
  742. transition: all .7s ease;
  743.  
  744. }
  745. #sidebar #link2{
  746. position:fixed;
  747. width:28px;
  748. padding:8px;
  749. font-size:40px;
  750. line-height:7px;
  751. font-family:;
  752. font-style:;
  753. margin-top:230px;
  754. margin-left:40px;
  755. opacity:0;
  756. -webkit-transition: all .7s ease;
  757. -moz-transition: all .7s ease;
  758. -o-transition: all .7s ease;
  759. transition: all .7s ease;
  760. }
  761. #sidebar:hover #link2{
  762. opacity:1;
  763. -webkit-transition: all .7s ease;
  764. -moz-transition: all .7s ease;
  765. -o-transition: all .7s ease;
  766. transition: all .7s ease;
  767. }
  768. #sidebar #link3{
  769. position:fixed;
  770. width:28px;
  771. padding:8px;
  772. font-size:40px;
  773. line-height:7px;
  774. font-family:;
  775. font-style:;
  776. margin-top:230px;
  777. margin-left:80px;
  778. opacity:0;
  779. -webkit-transition: all .7s ease;
  780. -moz-transition: all .7s ease;
  781. -o-transition: all .7s ease;
  782. transition: all .7s ease;
  783. }
  784. #sidebar:hover #link3{
  785. opacity:1;
  786. -webkit-transition: all .7s ease;
  787. -moz-transition: all .7s ease;
  788. -o-transition: all .7s ease;
  789. transition: all .7s ease;
  790. }
  791. #sidebar #link4{
  792. position:fixed;
  793. width:28px;
  794. padding:8px;
  795. font-size:40px;
  796. line-height:7px;
  797. font-family:;
  798. font-style:;
  799. margin-top:230px;
  800. margin-left:120px;
  801. opacity:0;
  802. -webkit-transition: all .7s ease;
  803. -moz-transition: all .7s ease;
  804. -o-transition: all .7s ease;
  805. transition: all .7s ease;
  806. }
  807. #sidebar:hover #link4{
  808. opacity:1;
  809. -webkit-transition: all .7s ease;
  810. -moz-transition: all .7s ease;
  811. -o-transition: all .7s ease;
  812. transition: all .7s ease;
  813. }
  814. #sidebar #link5{
  815. position:fixed;
  816. width:28px;
  817. padding:8px;
  818. font-size:40px;
  819. line-height:7px;
  820. font-family:;
  821. font-style:;
  822. margin-top:230px;
  823. margin-left:160px;
  824. opacity:0;
  825. -webkit-transition: all .7s ease;
  826. -moz-transition: all .7s ease;
  827. -o-transition: all .7s ease;
  828. transition: all .7s ease;
  829. }
  830. #sidebar:hover #link5{
  831. opacity:1;
  832. -webkit-transition: all .7s ease;
  833. -moz-transition: all .7s ease;
  834. -o-transition: all .7s ease;
  835. transition: all .7s ease;
  836. }
  837.  
  838. #divi{
  839. position:fixed;
  840. width:150px;
  841. height:auto;
  842. margin-top:198px;
  843. margin-left:5px;
  844. opacity:0;
  845. -webkit-transition: all .7s ease;
  846. -moz-transition: all .7s ease;
  847. -o-transition: all .7s ease;
  848. transition: all .7s ease;
  849. }
  850. #divi img{
  851.  
  852. }
  853. #sidebar:hover #divi{
  854. opacity:1;
  855. -webkit-transition: all .7s ease;
  856. -moz-transition: all .7s ease;
  857. -o-transition: all .7s ease;
  858. transition: all .7s ease;
  859. }
  860. @font-face{font-family:celin; src: url(http://static.tumblr.com/tk7f1db/lyfn08krq/simplicity.ttf);}
  861. @font-face{font-family:celina; src: url(http://static.tumblr.com/tk7f1db/vdon08gok/labelleaurore.ttf);}
  862. @font-face { font-family: "ulti"; src: url('http://static.tumblr.com/uwz0y16/F1Jn7hqdz/flexdisplay-thin.otf'); }
  863.  
  864. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  865.  
  866. @font-face { font-family: "meem33"; src: url('http://static.tumblr.com/gyoju49/nm1mo9g6c/meem19.ttf'); }
  867. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  868.  
  869.  
  870. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  871. .title{
  872. line-height: 22px;
  873. color:{color:Title};
  874. font-weight: normal;
  875. font-size:19px;
  876. text-transform:uppercase;
  877. text-shadow:1px 1px {color:title};
  878. font-family:calibri;
  879. }
  880.  
  881.  
  882. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  883. .permalink{
  884. text-transform: normal;
  885. display: block;
  886. text-align: right;
  887. text-decoration: none;
  888. }
  889.  
  890.  
  891. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  892. #infscr-loading{
  893. bottom: -70px;
  894. position: absolute;
  895. left: 50%;
  896. margin-left:-8px;
  897. width:16px;
  898. height:11px;
  899. overflow:hidden;
  900. margin-bottom: 50px;
  901. }
  902.  
  903. #postnotes{
  904. text-align: justify;}
  905.  
  906. #postnotes blockquote{
  907. border: 0px;}
  908.  
  909. blockquote{
  910. padding:0px 0px 2px 5px;
  911. margin:0px 0px 2px 10px;
  912. border-left: 1px dotted #555555;
  913. }
  914.  
  915. blockquote p, ul{
  916. margin:0px;
  917. padding:0px;
  918. }
  919.  
  920. a img{border: 0px;}
  921.  
  922.  
  923. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  924. @keyframes shakePop { 0% {transform:rotate(7deg); } 50% {transform:rotate(-7deg);} 70% {transform: scale(.9); } 100% {transform: scale(1); } } @-webkit-keyframes shakePop /* Safari and Chrome */ { 0% { -webkit-transform:rotate(7deg); /* Safari and Chrome */} 50% {-webkit-transform:rotate(-7deg); /* Safari and Chrome */ } 70% {-webkit-transform: scale(.9); } 100% {-webkit-transform: scale(1); } } #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:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 0.9; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 0.9; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 0.9; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 0.9; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 0.9; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 0.9; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 0.9; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 0.9; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 0.9; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 0.9; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 0.9; } 100% { transform: translateX(0%) skewX(0deg); opacity: 0.9; } } #lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  925. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  926. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  927.  
  928. .notes img{width:10px; position:relative; top:3px;}
  929. <--ses-->
  930. small{font-size: 90%;}
  931.  
  932.  
  933. {CustomCSS}
  934.  
  935. </style>
  936.  
  937. {block:IndexPage}
  938. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  939. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  940.  
  941. <script type="text/javascript">
  942. $(window).load(function(){
  943. var $wall = $('#posts');
  944. $wall.imagesLoaded(function(){
  945. $wall.masonry({
  946. itemSelector: '.entry, .entry_photo',
  947. isAnimated : false
  948. });
  949. });
  950.  
  951. $wall.infinitescroll({
  952. navSelector : '#pagination',
  953. nextSelector : '#pagination a',
  954. itemSelector : '.entry, .entry_photo',
  955. bufferPx : 2000,
  956. debug : false,
  957. errorCallback: function() {
  958. $('#infscr-loading').fadeOut('normal');
  959. }},
  960. function( newElements ) {
  961. var $newElems = $( newElements );
  962. $newElems.hide();
  963. $newElems.imagesLoaded(function(){
  964. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  965. });
  966. }); $('#posts').show(500);
  967. });
  968. </script>
  969.  
  970.  
  971. {/block:IndexPage}
  972.  
  973.  
  974. <title>{title}</title>
  975.  
  976. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2d7v8XT71qfoi4t.gif" />
  977. <meta name="viewport" content="width=820" />
  978. </head>
  979.  
  980. <body>
  981. <BODY onselectstart="return false;" ondragstart="return false;">
  982. <div class="wrapper">
  983. <div class="header">
  984. </div>
  985.  
  986. <div id="cage">
  987. <div id="center">
  988. <div id="topbar"></div>
  989. <div id="lace"></div>
  990. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  991. <div id="sidebar">
  992. <div id="blogtitle"><span id="bubble">{text:blogtitle}</span></div>
  993. <center>
  994. <div id="pic"><img src="{image:sidebar}"></div>
  995. <div id="msg">{description}
  996. </div>
  997. <div id="link1"><a href="{text:link one}" title="{text:link one message}">❐</a></div>
  998. <div id="link2"><a href="{text:link two}" title="{text:link two message}">❐</a></div>
  999. <div id="link3"><a href="{text:link three}" title="{text:link three message}">❐</a></div>
  1000. <div id="link4"><a href="{text:link four}" title="{text:link four message}">❐</a></div>
  1001. <div id="link5"><a href="{text:link five}" title="{text:link five message}">❐</a></div>
  1002. <div id="divi"><img src="http://www.hic-dragones.co.uk/wp-content/uploads/2014/05/pink-swirl-divider-1.png" style="width:225px; margin-top:-5px; margin-left:-12px;"></div>
  1003. </div>
  1004. <!------------------------------------->
  1005. <div class="left">
  1006. <div id="posts">
  1007. {block:Posts}
  1008. <div class="entry">
  1009.  
  1010.  
  1011. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"><div class="text">
  1012. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div></div>
  1013. {/block:Text}
  1014.  
  1015. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  1016. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  1017.  
  1018. {block:Answer}
  1019.  
  1020. <div style=" font-family:mistral;
  1021. font-size:28px; line-height:20px; color:{color:blogtitle}">{Asker}:</div> <div style="line-height:13px; font-family:calibri; font-size:11px; padding:2px; border-bottom:1px dashed #e1e1e1; margin-top:8px;">{Question}</div>
  1022. <div style="margin-top:8px; margin-bottom:4px; font-family:calibri;font-size: 11px;font-style: none;background: transparent; padding-bottom:5px;">{Answer}</div> <div style=" font-family:mistral;
  1023. font-size:18px; line-height:16px; color:{color:blogtitle}">Love, {text:name}</div>
  1024. {block:IndexPage}
  1025. <div class="permalinktext"><div class="text">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  1026. {/block:IndexPage}
  1027. {/block:Answer}
  1028. {/block:Answer}
  1029.  
  1030. {block:Photo}
  1031. {block:IndexPage}
  1032. <center>
  1033.  
  1034.  
  1035. <div class="MoreButton">
  1036.  
  1037. ✿ <a href="{Permalink}">{notecount} notes</a> ✿ <a href="{ReblogURL}">Reblog</a> this post ✿ </br>
  1038. {Month} {Dayofmonth}, {Year}<br>
  1039. </div>
  1040. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1041. {/block:IndexPage}
  1042. {block:PermalinkPage}
  1043. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:0px;" alt="{PhotoAlt}" width="100%"/></a></div>
  1044.  
  1045. {LinkCloseTag}
  1046. {/block:PermalinkPage}
  1047. {/block:Photo}
  1048.  
  1049. {block:Photoset}
  1050. <center>
  1051. {block:IndexPage}
  1052. <div class="perma2">
  1053. <a href="{reblogurl}"><ul class="LikeButton">
  1054. <li>{ReblogButton color="black" size=16}</li>
  1055. </ul>
  1056. <ul class="ReblogButton">
  1057. <li>{LikeButton color="black" size=16}</li>
  1058. </ul></a></div></a>
  1059. <div style="width: 100%;">{Photoset-250}</div>
  1060. {/block:IndexPage}
  1061. </center>
  1062. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  1063. {/block:Photoset}
  1064.  
  1065. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  1066. </a></div>{/block:Quote}
  1067.  
  1068. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1069. <ul class="chat">
  1070. {block:Lines}
  1071. <li class="user_{UserNumber}">
  1072. {block:Label}
  1073. <b><span class="label">{Label}</span></b>
  1074. {/block:Label}
  1075.  
  1076. {Line}
  1077. </li>
  1078. {/block:Lines}
  1079. <div class="permalinktext">
  1080. <center> <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">{12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div></div> </center></div>
  1081. {/block:Chat}
  1082.  
  1083. {block:Audio}
  1084. {block:AlbumArt}<div class="artcover">
  1085. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1086. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  1087. <div class="audioinfo"><div class="i"><i>Song Title: </i><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><i>Artist: </i><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div><div class="i"><i>Album: </i><span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div>
  1088. {block:IndexPage}
  1089. <div style="background-color:#fcfcfc;border:1px solid #eee; border-radius:5px;padding:7px; font-family:calibri;font-size:10px;"><div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div></div>
  1090. {/block:IndexPage}
  1091. {/block:Audio}
  1092.  
  1093.  
  1094.  
  1095. {block:Video}<center>
  1096. <div style="padding-top:0px; padding-bottom:2px; -webkit-filter:grayscale(100%);">
  1097. {Video-250}</div>
  1098. {block:IndexPage}
  1099. <div class="permalinktext">posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>
  1100. {/block:IndexPage}
  1101. {block:Video}
  1102.  
  1103. {block:PostNotes}<div align="left">{caption}</div>
  1104. <center>
  1105.  
  1106. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1107.  
  1108. {block:HasTags}
  1109. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1110. {block:RebloggedFrom}
  1111. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1112. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1113.  
  1114. {/block:RebloggedFrom}
  1115. </center></span>
  1116. <br>
  1117. <div id="postnotes">{PostNotes}</div><br>
  1118.  
  1119. <center>{block:ContentSource}
  1120. <br><a href="{SourceURL}">
  1121. {lang:Source}:
  1122. {block:SourceLogo}
  1123. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1124. height="{LogoHeight}" alt="{SourceTitle}" />
  1125. {/block:SourceLogo}
  1126. {block:NoSourceLogo}
  1127. {SourceLink}
  1128. {/block:NoSourceLogo}
  1129. </a>
  1130. {/block:ContentSource}</center>
  1131.  
  1132. {/block:PostNotes}
  1133. </div>
  1134. {/block:Posts}
  1135. </div></div>
  1136.  
  1137. {block:IndexPage}
  1138. {block:Pagination}
  1139. <div id="pagination">
  1140. {block:NextPage}
  1141. <a id="nextPage" href="{NextPage}"></a>
  1142. {/block:NextPage}
  1143. {block:PreviousPage}
  1144. <a href="{PreviousPage}"></a>
  1145. {/block:PreviousPage}
  1146. </div>
  1147. {/block:Pagination}
  1148. {/block:IndexPage}
  1149. </body>
  1150. <div style="position:fixed;bottom:3px; right:3px; font-size:11px; letter-spacing:2px; background:white; padding:2px; font-family:consolas;"><a href="http://bruhthemes.tumblr.com/" title="theme by AJ">BRUHTHEMES<img src="https://31.media.tumblr.com/tumblr_mcg6x7KHIT1qid2nw.gif"></a>
  1151. </div>
  1152. </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!