API tools faq
paste
Advertisement
Guest User

hewwo!! wuv you!!!!

a guest
Dec 18th, 2017
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <script type="text/javascript">
  16. // <![CDATA[
  17. var colour="#000"; // what colour are the blobs
  18. var speed=66; // speed of animation, lower is faster
  19. var blobs=0; // how many blobs are in the jar
  20. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  21.  
  22. /***************************\
  23. * Blobs in a Jar Effect *
  24. *(c)2012-13 mf2fm web-design*
  25. * http://www.mf2fm.com/rv *
  26. * DON'T EDIT BELOW THIS BOX *
  27. \***************************/
  28.  
  29. var div;
  30. var xpos=new Array();
  31. var ypos=new Array();
  32. var zpos=new Array();
  33. var dx=new Array();
  34. var dy=new Array();
  35. var dz=new Array();
  36. var blob=new Array();
  37. var swide=800;
  38. var shigh=600;
  39. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  40.  
  41. function addLoadEvent(funky) {
  42. var oldonload=window.onload;
  43. if (typeof(oldonload)!='function') window.onload=funky;
  44. else window.onload=function() {
  45. if (oldonload) oldonload();
  46. funky();
  47. }
  48. }
  49.  
  50. addLoadEvent(fill_the_jar);
  51.  
  52. function fill_the_jar() {
  53. var i, dvs;
  54. div=document.createElement('div');
  55. dvs=div.style;
  56. dvs.position='fixed';
  57. dvs.left='0px';
  58. dvs.top='0px';
  59. dvs.width='1px';
  60. dvs.height='1px';
  61. document.body.appendChild(div);
  62. set_width();
  63. for (i=0; i<blobs; i++) {
  64. add_blob(i);
  65. jamjar(i);
  66. }
  67. }
  68.  
  69. function add_blob(ref) {
  70. var dv, sy;
  71. dv=document.createElement('div');
  72. sy=dv.style;
  73. sy.position='absolute';
  74. sy.textAlign='center';
  75. if (ie_version && ie_version<10) {
  76. sy.fontSize="10px";
  77. sy.width="100px";
  78. sy.height="100px";
  79. sy.paddingTop="40px";
  80. sy.color=colour;
  81. dv.appendChild(document.createTextNode(charc));
  82. }
  83. else if (ie_version) {
  84. sy.fontSize="1px";
  85. sy.width="0px";
  86. sy.height="0px";
  87. }
  88. else {
  89. dv.appendChild(document.createTextNode(charc));
  90. sy.color='rgba(0,0,0,0)';
  91. }
  92. ypos[ref]=Math.floor(shigh*Math.random());
  93. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  94. xpos[ref]=Math.floor(swide*Math.random());
  95. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  96. zpos[ref]=Math.random()*20;
  97. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  98. blob[ref]=dv;
  99. div.appendChild(blob[ref]);
  100. set_blob(ref);
  101. }
  102.  
  103. function rejig(ref, xy) {
  104. if (xy=='y') {
  105. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  106. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  107. }
  108. else {
  109. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  110. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  111. }
  112. }
  113.  
  114. function sign(a) {
  115. if (a<0) return (-2);
  116. else if (a>0) return (2);
  117. else return (0);
  118. }
  119.  
  120. function set_blob(ref) {
  121. var sy;
  122. sy=blob[ref].style;
  123. sy.top=ypos[ref]+'px';
  124. sy.left=xpos[ref]+'px';
  125. if (ie_version && ie_version<10) {
  126. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  127. sy.fontSize=30-zpos[ref]+"px";
  128. }
  129. else if (ie_version) {
  130. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  131. }
  132. else {
  133. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  134. sy.fontSize=40+zpos[ref]+'px';
  135. }
  136. }
  137.  
  138. function jamjar(ref) {
  139. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  140. ypos[ref]+=dy[ref];
  141. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  142. xpos[ref]+=dx[ref];
  143. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  144. zpos[ref]+=dz[ref];
  145. set_blob(ref);
  146. setTimeout("jamjar("+ref+")", speed);
  147. }
  148.  
  149. window.onresize=set_width;
  150. function set_width() {
  151. var sw_min=999999;
  152. var sh_min=999999;
  153. if (document.documentElement && document.documentElement.clientWidth) {
  154. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  155. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  156. }
  157. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  158. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  159. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  160. }
  161. if (document.body.clientWidth) {
  162. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  163. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  164. }
  165. if (sw_min==999999 || sh_min==999999) {
  166. sw_min=800;
  167. sh_min=600;
  168. }
  169. swide=sw_min;
  170. shigh=sh_min;
  171. }
  172. // ]]>
  173. </script>
  174.  
  175. <!--
  176. POP UP SCRIPT
  177. -->
  178.  
  179.  
  180. <script type="text/javascript"
  181. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  182. <script>
  183. $(document).ready(function() {
  184. //
  185. $('a.poplight[href^=#]').click(function() {
  186. var popID = $(this).attr('rel'); //Get Popup Name
  187. var popURL = $(this).attr('href'); //Get Popup href to define size
  188. var query= popURL.split('?');
  189. var dim= query[1].split('&');
  190. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  191. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  192. var popMargTop = ($('#' + popID).height() + 80) / 2;
  193. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  194. //Apply Margin to Popup
  195. $('#' + popID).css({
  196. 'margin-top' : -popMargTop,
  197. 'margin-left' : -popMargLeft
  198. });
  199. $('body').append('<div id="fade"></div>');
  200. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  201. return false;
  202. });
  203. $('a.close, #fade').live('click', function() {
  204. $('#fade , .popup_block').fadeOut(function() {
  205. $('#fade, a.close').remove(); //fade them both out
  206. });
  207. return false;
  208. });
  209. });
  210. </script>
  211.  
  212.  
  213.  
  214. <!--
  215. VERSE TABS SCRIPT
  216. -->
  217.  
  218.  
  219. <script>
  220.  
  221. $(document).ready(function(){
  222. $("ul#tabs li").click(function(e){
  223. if (!$(this).hasClass("active")) {
  224. var tabNum = $(this).index();
  225. var nthChild = tabNum+1;
  226. $("ul#tabs li.active").removeClass("active");
  227. $(this).addClass("active");
  228. $("ul#tab li.active").removeClass("active");
  229. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  230. }
  231. });
  232. });
  233. </script>
  234.  
  235.  
  236.  
  237. <!--
  238. TOOLTIP STYLING SCRIPT
  239. -->
  240.  
  241.  
  242. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  243. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  244. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  245. <script>
  246. (function($){
  247. $(document).ready(function(){
  248. $("[title]").style_my_tooltips({
  249. tip_follows_cursor:true,
  250. tip_delay_time:200,
  251. tip_fade_speed:500
  252. });
  253. });
  254. })(jQuery);
  255. </script>
  256.  
  257.  
  258.  
  259.  
  260. <title>{Title}</title>
  261. <link rel="shortcut icon" href="{Favicon}">
  262. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  263. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  264.  
  265.  
  266.  
  267. <!--
  268. CUSTOM FONTS
  269. -->
  270.  
  271.  
  272. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  273.  
  274. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  275.  
  276.  
  277. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  278.  
  279.  
  280.  
  281. <style type="text/css">
  282.  
  283.  
  284. @keyframes spin {
  285. 0% { transform: rotate(360deg); }
  286. 100% { transform: rotate(0deg); }
  287. }
  288. @-webkit-keyframes spin {
  289. 0% {-webkit-transform: rotate(360deg); }
  290. 100% { -webkit-transform: rotate(0deg); }
  291. }
  292. @-ms-keyframes spin {
  293. 0% {-ms-transform: rotate(360deg); }
  294. 100% { -ms-transform: rotate(0deg); }
  295. }
  296. @-moz-keyframes spin {
  297. 0% { -moz-transform: rotate(360deg); }
  298. 100% { -moz-transform: rotate(0deg); }
  299. }
  300. @-o-keyframes spin {
  301. 0% { -o-transform: rotate(360deg); } }
  302. 100% { -o-transform: rotate(0deg); } }
  303.  
  304.  
  305. /* THE CUSTOM SIDEBAR THING */
  306.  
  307.  
  308.  
  309. #bite
  310. #bite a{
  311. display:block
  312. }
  313. #bite .death {
  314. margin-top:0px;filter: alpha(opacity = 1.0);
  315. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  316. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  317. }
  318.  
  319. #bite:hover .death {
  320. margin-top:0px;
  321. -webkit-transition: all 0.8s ease-out;
  322. -moz-transition: all 0.8s ease-out;
  323. transition: all 0.8s ease-out;
  324. filter: alpha(opacity = 100);
  325. filter: alpha(opacity = 100);
  326. opacity:100;
  327. }
  328.  
  329.  
  330.  
  331. /* SELECTION FONT AND BACKGROUND */
  332.  
  333.  
  334. ::selection {
  335. background: #c2c2c2;
  336. color:#fff; }
  337.  
  338.  
  339. ::-moz-selection {
  340. background: #c2c2c2;
  341. color:#fff; }
  342.  
  343.  
  344.  
  345. /* SCROLLBAR DETAILS */
  346.  
  347.  
  348.  
  349. ::-webkit-scrollbar {
  350. height: 0px;
  351. width: 2px;
  352. background:transparent;
  353. border-left:0px solid transparent;
  354. border-right:0px solid transparent;}
  355.  
  356.  
  357. ::-webkit-scrollbar-thumb {
  358. background:transparent;}
  359.  
  360.  
  361.  
  362.  
  363. /* THE CURSOR */
  364.  
  365.  
  366. {block:iftinycursor}
  367. body, a, a:hover{
  368. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  369. {/block:iftinycursor}
  370.  
  371. iframe#tumblr_controls {
  372. right:3px !important;
  373. position: fixed !important;
  374. -webkit-transition: opacity 0.7s
  375. linear;opacity: 0.3;
  376. -webkit-transition: all 0.8s ease-out;
  377. -moz-transition: all 0.8s ease-out;
  378. transition: all 0.8s ease-out;}
  379.  
  380. iframe#tumblr_controls:hover{
  381. -webkit-transition: opacity 0.7s linear;
  382. opacity: 1;
  383. -webkit-transition: all 0.4s ease-out;
  384. -moz-transition: all 0.4s ease-out;
  385. transition: all 0.4s ease-out;}
  386.  
  387.  
  388.  
  389. /* GENERAL LOOK AND BACKGROUND */
  390.  
  391.  
  392. body {
  393. background:#000;
  394. background-image:url('https://i.imgur.com/22fa2Q3.png');
  395. background-attachment: fixed;
  396. background-repeat: no-repeat;
  397. text-shadow: 0px 0px 1px #636161;
  398. background-position: left top;
  399. color:#fff;
  400. font-family: calibri;
  401. text-align:justify;
  402. font-size: 10px;
  403. letter-spacing:1px;
  404. line-height:135%;
  405. }
  406.  
  407.  
  408.  
  409. /* THE VERSES TABS */
  410.  
  411.  
  412. ul#tabs {
  413. list-style-type: none;
  414. padding: 0;
  415. text-align: center;
  416. font-size:8px;
  417. letter-spacing:1px;
  418. text-shadow:1px 1px 0px #4c4c4c,
  419. 1px -1px 0px #4c4c4c,
  420. -1px -1px 0px #4c4c4c,
  421. -1px 1px 0px #4c4c4c,
  422. 0px 1px 0px #4c4c4c,
  423. 0px -1px 0px #4c4c4c,
  424. 1px 0px 0px #4c4c4c,
  425. -1px 0px 0px #4c4c4c;
  426.  
  427. }
  428.  
  429.  
  430.  
  431. ul#tabs li {
  432. background-image: url('https://i.imgur.com/xGLxi8d.gif');
  433. background-repeat:repeat;
  434. background-attachment:fixed;
  435. border-left: double 3px #000;
  436. border-top: double 3px #000;
  437. border-right: double 3px #000;
  438. border-bottom: double 3px #000;
  439. color:#e6e6e6;
  440. text-shadow:1px 1px 0px #000,
  441. 1px -1px 0px #000,
  442. -1px -1px 0px #000,
  443. -1px 1px 0px #000,
  444. 0px 1px 0px #000,
  445. 0px -1px 0px #000,
  446. 1px 0px 0px #000,
  447. -1px 0px 0px #000;
  448. display: inline-block;
  449. padding: 4px 10px;
  450. margin-bottom: 4px;
  451. cursor: pointer;
  452. }
  453.  
  454.  
  455.  
  456. ul#tabs li:hover {
  457. background-color: transparent;
  458. color: #eaeaea;
  459. }
  460.  
  461. ul#tabs li.active {
  462. background-image: url('https://i.imgur.com/xGLxi8d.gif');
  463. background:#151515;
  464. background-repeat:repeat;
  465. background-attachment:fixed;
  466. border-left: double 3px #000;
  467. border-top: double 3px #000;
  468. border-right: double 3px #000;
  469. border-bottom: double 3px #000;
  470. color:#e6e6e6;
  471. text-shadow:1px 1px 0px #000,
  472. 1px -1px 0px #000,
  473. -1px -1px 0px #000,
  474. -1px 1px 0px #000,
  475. 0px 1px 0px #000,
  476. 0px -1px 0px #000,
  477. 1px 0px 0px #000,
  478. -1px 0px 0px #000;
  479. display: inline-block;
  480. padding: 4px 10px;
  481. margin-bottom: 4px;
  482. cursor: pointer;
  483. }
  484.  
  485.  
  486.  
  487. ul#tab {
  488. list-style-type: none;
  489. margin: 0;
  490. padding: 0;
  491. }
  492.  
  493. ul#tab li {
  494. display: none;
  495. }
  496.  
  497. ul#tab li.active {
  498. display: block;
  499. }
  500.  
  501.  
  502.  
  503.  
  504. /* LINKS */
  505.  
  506.  
  507. a:link, a:active, a:visited {
  508. text-decoration: none;
  509. color: #fff;
  510. -moz-transition-duration:.6s;
  511. -webkit-transition-duration:.6s;
  512. -o-transition-duration:.6s;
  513. -webkit-filter: blur(1px);}
  514.  
  515. a:hover {
  516. color: #fff;
  517. -moz-transition-duration:.6s;
  518. -webkit-transition-duration:.6s;
  519. -o-transition-duration:.6s;
  520. -webkit-filter: blur(0px);}
  521.  
  522.  
  523.  
  524. #links a {
  525. padding:5px;
  526. margin-right:0px;
  527. text-shadow:1px 1px 0 #fff;
  528. -webkit-filter: blur(1px);}
  529. }
  530.  
  531.  
  532. #links a:hover {
  533. padding:5px;
  534. color:#fff;
  535. margin-right:0px;
  536. text-shadow: 2px 0px 10px #fff;
  537. -moz-transition-duration:0.6s;
  538. -webkit-transition-duration:0.6s;
  539. -o-transition-duration:0.6s;
  540. }
  541.  
  542.  
  543.  
  544.  
  545. /* OTHER TEXT STUFF */
  546.  
  547.  
  548.  
  549. h1 {
  550. background-color: transparent;
  551. font-family: 'Josefin Sans', sans-serif;
  552. font-size: 16px;
  553. line-height: 20px;
  554. letter-spacing: 2px;
  555. text-align: center;
  556. text-transform:uppercase;
  557. color: #e0ca94;
  558. }
  559.  
  560.  
  561. h2 {
  562. background-color: transparent;
  563. font-family: 'Josefin Sans', sans-serif;
  564. font-size: 15px;
  565. line-height: 16px;
  566. letter-spacing: 2px;
  567. text-align: left;
  568. text-transform:uppercase;
  569. color: #e0ca94;
  570. }
  571.  
  572.  
  573.  
  574. h3 {
  575. background-color: #fff;
  576. background-repeat:repeat;
  577. background-attachment:fixed;
  578. border-left: double 3px #000;
  579. border-top: double 3px #000;
  580. border-right: double 3px #000;
  581. border-bottom: double 3px #000;
  582. padding:2px;
  583. color:#e5bdb3;
  584. text-shadow:1px 1px 0px #000,
  585. 1px -1px 0px #000,
  586. -1px -1px 0px #000,
  587. -1px 1px 0px #000,
  588. 0px 1px 0px #000,
  589. 0px -1px 0px #000,
  590. 1px 0px 0px #000,
  591. -1px 0px 0px #000;
  592. font-size:10px;
  593. font-family:calibri;
  594. text-transform:uppercase;
  595. letter-spacing:1px;
  596. text-align:center;}
  597.  
  598.  
  599.  
  600.  
  601. h4 {
  602. background-color: #ccc;
  603. background-repeat:repeat;
  604. background-attachment:fixed;
  605. border-left: double 3px #000;
  606. border-top: double 3px #000;
  607. border-right: double 3px #000;
  608. border-bottom: double 3px #000;
  609. padding:5px;
  610. color:#e0ca94;
  611. text-shadow:1px 1px 0px #000,
  612. 1px -1px 0px #000,
  613. -1px -1px 0px #000,
  614. -1px 1px 0px #000,
  615. 0px 1px 0px #000,
  616. 0px -1px 0px #000,
  617. 1px 0px 0px #000,
  618. -1px 0px 0px #000;
  619. font-size:9px;
  620. font-family:calibri;
  621. text-transform:uppercase;
  622. letter-spacing:1px;
  623. text-align:center;}
  624.  
  625.  
  626.  
  627. hr {
  628. color:#fff;
  629. display: block;
  630. margin-top: 0.5em;
  631. margin-bottom: 0.5em;
  632. margin-left: auto;
  633. margin-right: auto;
  634. border-style: inset;
  635. border-width: 1px;
  636. }
  637.  
  638.  
  639.  
  640.  
  641. quotetext {
  642. background-color: transparent;
  643. font-family: times;
  644. font-size: 16px;
  645. line-height: 20px;
  646. letter-spacing: 2px;
  647. text-align: center;
  648. text-transform:uppercase;
  649. color: #888;
  650. text-shadow: 0px 0px 2px #ccc;
  651. }
  652.  
  653.  
  654.  
  655. blockquote {
  656. padding:2px 7px;
  657. margin:3px 0 3px 10px;
  658. border-left:1px solid {color:border};
  659. background-color:transparent;}
  660.  
  661.  
  662. blockquote img{
  663. max-width:100%;
  664. height:auto;
  665. }
  666.  
  667. blockquote blockquote img{
  668. max-width:100%;
  669. height:auto;
  670. }
  671.  
  672.  
  673.  
  674.  
  675. b, bold {
  676. font-size:10px;
  677. text-transform:uppercase;
  678. letter-spacing:1px;
  679. font-family: 'Josefin Sans', sans-serif;
  680. color: #e5bdb3;
  681. text-shadow:1px 1px 0 #b27300;
  682. }
  683.  
  684.  
  685.  
  686. i, italic {
  687. font-size:13px;
  688. color: #b64b27;
  689. font-family: 'Bad Script', cursive;
  690. text-shadow: 0px 0px 2px #8c4343;
  691. letter-spacing:1px;
  692. text-transform:lowercase;
  693. }
  694.  
  695.  
  696.  
  697. p {
  698. margin-top:5px;
  699. margin-bottom:5px;}
  700.  
  701.  
  702. ol {
  703. list-style:normal;}
  704.  
  705.  
  706. ul {
  707. list-style:square;}
  708.  
  709.  
  710. small {
  711. font-size:10px}
  712.  
  713.  
  714. sup,sub {
  715. font-size:11px}
  716.  
  717.  
  718. pre {
  719. font-size: 10px;
  720. letter-spacing:3px;
  721. background-color:#000;
  722. font-family: "Times New Roman", Times, serif;
  723. font-style: none;
  724. text-align:center;
  725. white-space: pre-wrap; /* css-3 */
  726. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  727. white-space: -pre-wrap; /* Opera 4-6 */
  728. white-space: -o-pre-wrap; /* Opera 7 */
  729. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  730.  
  731.  
  732.  
  733. big {
  734. font-size:14px;
  735. text-transform:uppercase;
  736. letter-spacing:2px;
  737. font-family: "Times New Roman", Times, serif;
  738. color: #fff;
  739. text-shadow: 0px 0px 2px #fff;
  740. }
  741.  
  742.  
  743.  
  744. /* IMAGES, PHOTOSETS AND WHATNOT */
  745.  
  746.  
  747.  
  748. {block:IfGreyscale}
  749.  
  750. img {
  751. -webkit-filter:grayscale(100%);
  752. -webkit-transition: all 0.9s ease-in-out;
  753. -moz-transition: all 0.9s ease-in-out;
  754. -o-transition: all 0.9s ease-in-out;
  755. -ms-transition: all 0.9s ease-in-out;
  756. transition: all 0.9s ease-in-out;}
  757.  
  758. img:hover {
  759. -webkit-filter:none;}
  760.  
  761. .html_photoset {
  762. -webkit-filter: grayscale(100%);
  763. -webkit-transition: all 0.9s ease-in-out;
  764. -moz-transition: all 0.9s ease-in-out;
  765. -o-transition: all 0.9s ease-in-out;
  766. -ms-transition: all 0.9s ease-in-out;
  767. transition: all 0.9s ease-in-out;}
  768.  
  769. .html_photoset:hover {
  770. -webkit-filter: none;}
  771.  
  772. {/block:IfGreyscale}
  773.  
  774.  
  775.  
  776. /* CONTAINER AND POSTS */
  777.  
  778.  
  779. #container {
  780. background-color:#000;
  781. width:250px;
  782. height:230px;
  783. padding: 20px;
  784. top:475px;
  785. margin-left:300px;
  786. position:fixed;
  787. overflow-y:scroll;
  788. overflow-x:hidden;
  789. -webkit-mask-image: -webkit-gradient(
  790. linear, center 75%, center bottom,
  791. from(rgba(0,0,0,20)),
  792. to(rgba(20,0,0,0)));
  793. -webkit-filter: blur(0px);
  794. opacity:0.6;
  795. -webkit-transition: 0.8s ease-in;
  796. -moz-transition: 1s ease-in;
  797. -webkit-transition: all 0.6s ease-in-out;
  798. -moz-transition: all 0.6s ease-in-out;
  799. -o-transition: all 0.6s ease-in-out;
  800. -ms-transition: all 0.6s ease-in-out;
  801. transition: all 0.6s ease-in-out;
  802. }
  803.  
  804. #container:hover {
  805. -webkit-filter:none;
  806. -webkit-transition: all 0.6s ease-in-out;
  807. opacity:1;
  808. -webkit-transition: all 0.6s ease-in-out;
  809. -moz-transition: all 0.6s ease-in-out;
  810. -o-transition: all 0.6s ease-in-out;
  811. -ms-transition: all 0.6s ease-in-out;
  812. transition: all 0.6s ease-in-out;
  813. }
  814.  
  815.  
  816. #container img {
  817. height:auto;
  818. max-width:100%;
  819. }
  820. #content {
  821. margin-left:65px;
  822. width:140px;
  823. margin-top: -110px;
  824. }
  825.  
  826. #posts {
  827. width:305px;
  828. padding:10px;
  829. margin-top: 90px;
  830. margin-left:-90px;
  831. padding-bottom:0px;
  832. overflow-y:scroll;
  833. overflow-x:hidden;
  834. }
  835.  
  836.  
  837. #description {
  838. margin-left: 0px;
  839. margin-top: -50px;
  840. width:140px;
  841. color:transparent;}
  842.  
  843.  
  844.  
  845.  
  846. /* CUSTOM SIDEBAR SETTINGS */
  847.  
  848.  
  849.  
  850.  
  851.  
  852. #thekey {
  853. position:fixed;
  854. color:#7c7470;
  855. text-shadow: 0px 0px 2px #fff;
  856. margin-top:170px;
  857. margin-left:55px;
  858. width:710px;
  859. padding:9px;
  860. letter-spacing:2px;
  861. word-spacing:5px; /*this defines the separation of each word of the links*/
  862. font-family: helvetica;
  863. font-size:12px;
  864. text-align:center;
  865. background:transparent;
  866. text-transform:uppercase;
  867. -webkit-transform: rotate(-90deg);
  868. -moz-transform: rotate(-90deg);
  869. -o-transform: rotate(-90deg);
  870. }
  871.  
  872.  
  873.  
  874.  
  875. /* JUMBLED LINKS */
  876.  
  877.  
  878.  
  879. .alinks {
  880. position:fixed;
  881. text-shadow: 0px 0px 0px #000;
  882. left:530px;
  883. top:365px;
  884. text-align: right;
  885. line-height:20px;
  886. font-family: times;
  887. font-size: 40px;
  888.  
  889. -webkit-animation: spin 4s linear 0s infinite normal;
  890. -moz-animation: spin 6s linear 0s infinite normal;
  891. -ms-animation: spin 4s linear 0s infinite normal;
  892. -o-animation: spin 6s linear 0s infinite normal;
  893. animation: spin 4s linear 0s infinite normal;
  894.  
  895. }
  896.  
  897.  
  898. .alinks a {
  899. text-shadow:0px 0px 7px #000;
  900. text-decoration:none;
  901. color:#000;
  902. -webkit-filter: blur(0px);
  903. -webkit-transition: 0.8s ease-in;
  904. -moz-transition: 1s ease-in;
  905. transition: 1s ease-in;
  906. }
  907.  
  908. .alinks a:hover {
  909. -webkit-filter: blur(1px);
  910. -webkit-transition: all 0.6s ease-in-out;
  911. -moz-transition: all 0.6s ease-in-out;
  912. -o-transition: all 0.6s ease-in-out;
  913. -ms-transition: all 0.6s ease-in-out;
  914. transition: all 0.6s ease-in-out;
  915. color: #000;
  916. text-shadow: 7px 7px 3px #000000;
  917. }
  918.  
  919.  
  920.  
  921. .blinks {
  922. position:fixed;
  923. text-shadow: 0px 0px 0px #000;
  924. left:340px;
  925. top:40px;
  926. transform: rotate(20deg);
  927. text-align: left;
  928. font-family: times;
  929. line-height:20px;
  930. font-size: 57px;
  931. -webkit-animation: spin 3s linear 0s infinite normal;
  932. -moz-animation: spin 3s linear 0s infinite normal;
  933. -ms-animation: spin 3s linear 0s infinite normal;
  934. -o-animation: spin 3s linear 0s infinite normal;
  935. animation: spin 3s linear 0s infinite normal;
  936. }
  937.  
  938.  
  939. .blinks a {
  940. text-shadow:0px 0px 7px #000;
  941. text-decoration:none;
  942. color:#000;
  943. -webkit-filter: blur(0px);
  944. -webkit-transition: 0.8s ease-in;
  945. -moz-transition: 1s ease-in;
  946. transition: 1s ease-in;
  947. }
  948.  
  949. .blinks a:hover {
  950. -webkit-filter: blur(1px);
  951. -webkit-transition: all 0.6s ease-in-out;
  952. -moz-transition: all 0.6s ease-in-out;
  953. -o-transition: all 0.6s ease-in-out;
  954. -ms-transition: all 0.6s ease-in-out;
  955. transition: all 0.6s ease-in-out;
  956. color: #000;
  957. text-shadow: 7px 7px 3px #000000;
  958. }
  959.  
  960.  
  961.  
  962.  
  963. .clinks {
  964. position:fixed;
  965. font-size:67px;
  966. text-decoration:none;
  967. transform: rotate(-30deg);
  968. -ms-transform: rotate(-30deg);
  969. -webkit-transform: rotate(-30deg);
  970. -o-transform: rotate(-30deg);
  971. -moz-transform: rotate(-30deg);
  972. margin-left:210px;
  973. margin-top:350px;
  974. -webkit-animation: spin 3s linear 0s infinite normal;
  975. -moz-animation: spin 3s linear 0s infinite normal;
  976. -ms-animation: spin 3s linear 0s infinite normal;
  977. -o-animation: spin 3s linear 0s infinite normal;
  978. animation: spin 3s linear 0s infinite normal;
  979.  
  980. }
  981.  
  982. .clinks a {
  983. text-shadow:0px 0px 7px #ccc;
  984. text-decoration:none;
  985. color:#fff;
  986. -webkit-transition: all 0.5s ease-out;
  987. -moz-transition: all 0.5s ease-out;
  988. transition: all 0.5s ease-out;
  989. }
  990.  
  991. .clinks:hover {
  992. -webkit-filter:blur(1px);
  993. -webkit-transition: all 0.5s ease-out;
  994. -moz-transition: all 0.5s ease-out;
  995. transition: all 0.5s ease-out;
  996. transform: rotate(110deg);
  997. -ms-transform: rotate(110deg);
  998. -webkit-transform: rotate(110deg);
  999. -o-transform: rotate(110deg);
  1000. -moz-transform: rotate(110deg);
  1001. }
  1002.  
  1003.  
  1004.  
  1005. .dlinks {
  1006.  
  1007. position:fixed;
  1008. font-size:27px;
  1009. text-decoration:none;
  1010. margin-left:680px;
  1011. margin-top:440px;
  1012. -webkit-animation: spin 3s linear 0s infinite normal;
  1013. -moz-animation: spin 3s linear 0s infinite normal;
  1014. -ms-animation: spin 3s linear 0s infinite normal;
  1015. -o-animation: spin 3s linear 0s infinite normal;
  1016. animation: spin 3s linear 0s infinite normal;
  1017.  
  1018. }
  1019.  
  1020.  
  1021. .dlinks a {
  1022. text-shadow:0px 0px 7px #000;
  1023. text-decoration:none;
  1024. color:#000;
  1025. -webkit-transition: all 0.5s ease-out;
  1026. -moz-transition: all 0.5s ease-out;
  1027. transition: all 0.5s ease-out;
  1028. }
  1029.  
  1030. .dlinks:hover {
  1031. -webkit-filter:blur(1px);
  1032. -webkit-transition: all 0.5s ease-out;
  1033. -moz-transition: all 0.5s ease-out;
  1034. transition: all 0.5s ease-out;
  1035. transform: rotate(-60deg);
  1036. -ms-transform: rotate(-60deg);
  1037. -webkit-transform: rotate(-60deg);
  1038. -o-transform: rotate(-60deg);
  1039. -moz-transform: rotate(-60deg);
  1040. }
  1041.  
  1042.  
  1043.  
  1044. .elinks {
  1045. position:fixed;
  1046. font-size:86px;
  1047. text-decoration:none;
  1048. margin-left:609px;
  1049. margin-top:235px;
  1050. -webkit-animation: spin 5s linear 0s infinite normal;
  1051. -moz-animation: spin 5s linear 0s infinite normal;
  1052. -ms-animation: spin 5s linear 0s infinite normal;
  1053. -o-animation: spin 5s linear 0s infinite normal;
  1054. animation: spin 5s linear 0s infinite normal;
  1055.  
  1056. }
  1057.  
  1058. .elinks a {
  1059. text-shadow:0px 0px 7px #000;
  1060. text-decoration:none;
  1061. color:#000;
  1062. -webkit-transition: all 0.5s ease-out;
  1063. -moz-transition: all 0.5s ease-out;
  1064. transition: all 0.5s ease-out;
  1065. }
  1066.  
  1067. .elinks:hover {
  1068. -webkit-filter:blur(1px);
  1069. -webkit-transition: all 0.5s ease-out;
  1070. -moz-transition: all 0.5s ease-out;
  1071. transition: all 0.5s ease-out;
  1072. transform: rotate(70deg);
  1073. -ms-transform: rotate(70deg);
  1074. -webkit-transform: rotate(70deg);
  1075. -o-transform: rotate(70deg);
  1076. -moz-transform: rotate(70deg);
  1077. }
  1078.  
  1079.  
  1080.  
  1081. .flinks {
  1082. position:fixed;
  1083. font-size:27px;
  1084. text-decoration:none;
  1085. transform: rotate(10deg);
  1086. -ms-transform: rotate(10deg);
  1087. -webkit-transform: rotate(10deg);
  1088. -o-transform: rotate(10deg);
  1089. -moz-transform: rotate(10deg);
  1090. margin-left:170px;
  1091. margin-top:650px;
  1092. -webkit-animation: spin 8s linear 0s infinite normal;
  1093. -moz-animation: spin 8s linear 0s infinite normal;
  1094. -ms-animation: spin 8s linear 0s infinite normal;
  1095. -o-animation: spin 8s linear 0s infinite normal;
  1096. animation: spin 8s linear 0s infinite normal;
  1097.  
  1098.  
  1099. }
  1100.  
  1101. .flinks a {
  1102. text-shadow:0px 0px 7px #000;
  1103. text-decoration:none;
  1104. color:#000;
  1105. -webkit-transition: all 0.5s ease-out;
  1106. -moz-transition: all 0.5s ease-out;
  1107. transition: all 0.5s ease-out;
  1108. }
  1109.  
  1110. .flinks:hover {
  1111. -webkit-filter:blur(1px);
  1112. -webkit-transition: all 0.5s ease-out;
  1113. -moz-transition: all 0.5s ease-out;
  1114. transition: all 0.5s ease-out;
  1115. transform: rotate(-60deg);
  1116. -ms-transform: rotate(-60deg);
  1117. -webkit-transform: rotate(-60deg);
  1118. -o-transform: rotate(-60deg);
  1119. -moz-transform: rotate(-60deg);
  1120. }
  1121.  
  1122.  
  1123.  
  1124. .heart {
  1125. position:fixed;
  1126. font-size:17px;
  1127. text-decoration:none;
  1128. transform: rotate(10deg);
  1129. -ms-transform: rotate(10deg);
  1130. -webkit-transform: rotate(10deg);
  1131. -o-transform: rotate(10deg);
  1132. -moz-transform: rotate(10deg);
  1133. margin-left:200px;
  1134. margin-top:610px;}
  1135.  
  1136.  
  1137. .credit {
  1138. position:fixed;
  1139. text-shadow: 0px 0px 11px #7C6868;
  1140. right:15px;
  1141. bottom:15px;
  1142. transform: rotate(0deg);
  1143. font-family: 'Josefin Sans', sans-serif;
  1144. font-size: 17px; }
  1145.  
  1146.  
  1147. .credit a {
  1148. padding:10px;
  1149. color:#6e6e6e;
  1150. margin-right:0px;
  1151. -webkit-filter: blur(1px);
  1152. -webkit-transition: 0.8s ease-in;
  1153. -moz-transition: 1s ease-in;
  1154. transition: 1s ease-in;
  1155. }
  1156.  
  1157. .credit a:hover {
  1158. -webkit-transition: all 0.6s ease-in-out;
  1159. -moz-transition: all 0.6s ease-in-out;
  1160. -o-transition: all 0.6s ease-in-out;
  1161. -ms-transition: all 0.6s ease-in-out;
  1162. transition: all 0.6s ease-in-out;
  1163. color: #000000;
  1164. text-shadow: 7px 7px 3px #000000;
  1165. }
  1166.  
  1167.  
  1168.  
  1169.  
  1170. /* PAGINATION */
  1171.  
  1172.  
  1173.  
  1174.  
  1175. #pagination {
  1176. position:fixed;
  1177. font-family: 'Josefin Sans', sans-serif;
  1178. width:300px;
  1179. font-size:35px;
  1180. top:640px;
  1181. left:390px;
  1182. letter-spacing:3px;
  1183. text-align:center;
  1184. z-index:999999999999;
  1185. }
  1186.  
  1187. #pagination a {
  1188. text-transform:uppercase;
  1189. color:#ccc;
  1190. -webkit-filter: blur(0px);
  1191. -webkit-transition: 0.8s ease-in;
  1192. -moz-transition: 1s ease-in;
  1193. transition: 1s ease-in;
  1194. z-index:999999999999;
  1195. }
  1196.  
  1197. #pagination a:hover {
  1198. color:#fff;
  1199. -webkit-filter: blur(1px);
  1200. -webkit-transition: 0.2s ease-in;
  1201. -moz-transition: 1s ease-in;
  1202. transition: 1s ease-in;
  1203. }
  1204.  
  1205.  
  1206.  
  1207.  
  1208. /* MISC */
  1209.  
  1210.  
  1211.  
  1212. .audio {
  1213. width:290px;
  1214. padding-bottom:10px;
  1215. background-color:{color:#0b0b0b};}
  1216.  
  1217. .albumart {
  1218. float:left;
  1219. padding:0px 10px 10px 0px;}
  1220.  
  1221. .albumart img {
  1222. width:65px;
  1223. height:65px;}
  1224.  
  1225. .playercontainer {
  1226. text-align:left;
  1227. padding:10px;
  1228. background-color:#ccc
  1229. width:355px;}
  1230.  
  1231. .audioinfo {
  1232. text-align:center;
  1233. padding:10px;
  1234. color:#a1a0a0;}
  1235.  
  1236.  
  1237.  
  1238.  
  1239. /* QUESTIONS & ANSWERS DETAILS */
  1240.  
  1241.  
  1242. #asker {
  1243. font-family: 'Raleway', sans-serif;
  1244. text-align:center;
  1245. padding-top: 10px;
  1246. margin-left:0px;
  1247. text-transform:uppercase;
  1248. color: #91a3ac;
  1249. font-size:20px;
  1250. padding:5px;
  1251. letter-spacing:0px
  1252. text-shadow:0 0 2px #aeaeae;
  1253. }
  1254.  
  1255.  
  1256. #asker a{
  1257. font-family: 'Raleway', sans-serif;
  1258. text-transform:uppercase;
  1259. font-size:20px;
  1260. letter-spacing: 0px;
  1261. text-shadow: none;
  1262. color: #8f8f8f;
  1263. text-shadow:0 0 2px #1a1a1a;
  1264. -webkit-filter: blur(0.5px);
  1265. }
  1266.  
  1267.  
  1268. #asker a:hover {
  1269. color: #656565;
  1270. letter-spacing: 2px;
  1271. text-shadow:0 0 2px #000;
  1272. -webkit-filter: blur(1px);
  1273. -webkit-transition:all .5s ease-in-out;
  1274. -moz-transition:all .5s ease-in-out;
  1275. transition:all .5s ease-in-out;
  1276. }
  1277.  
  1278.  
  1279.  
  1280. #ask {
  1281. border-left: double 3px #000;
  1282. border-top: double 3px #000;
  1283. border-right: double 3px #000;
  1284. border-bottom: double 3px #000;
  1285. padding:2px;
  1286. color:#fff;
  1287. text-shadow:1px 1px 0px #000,
  1288. 1px -1px 0px #000,
  1289. -1px -1px 0px #000,
  1290. -1px 1px 0px #000,
  1291. 0px 1px 0px #000,
  1292. 0px -1px 0px #000,
  1293. 1px 0px 0px #000,
  1294. -1px 0px 0px #000;
  1295. font-size:7px;
  1296. text-align:center;
  1297. padding-top: 5px;
  1298. margin-left:0px;
  1299. text-transform:auto;
  1300. letter-spacing:3px
  1301. margin-top:-10px;
  1302. padding:5px;
  1303. background: #000;
  1304. background: url("https://i.imgur.com/EDv1KT6.png");
  1305. background-repeat:repeat;
  1306. padding:2px;
  1307. color:#eee;
  1308. text-transform: uppercase;
  1309. border-bottom-left-radius: 20px;
  1310. border-top-right-radius: 20px;
  1311. padding:10px;
  1312. letter-spacing:2px;
  1313. border-bottom:solid 1px #1e1e1e;
  1314. border-top:solid 1px #1e1e1e;
  1315. }
  1316.  
  1317.  
  1318. .ans {
  1319. text-align:center;
  1320. padding:10px;
  1321. }
  1322.  
  1323.  
  1324.  
  1325. /* POST INFO DETAILS */
  1326.  
  1327.  
  1328. #info {
  1329. width:255px;
  1330. padding-top:4px;
  1331. padding-bottom:1px;
  1332. font-size:12px;
  1333. color:#70301d;
  1334. text-transform:uppercase;
  1335. letter-spacing:1px;
  1336. font-style:normal;
  1337. text-align:center;
  1338. padding:5px;
  1339. border-top:1px solid #fff;
  1340. -moz-transition-duration:0.2s;
  1341. -webkit-transition-duration:0.2s;
  1342. -o-transition-duration:0.2s;}
  1343.  
  1344.  
  1345. #info a {
  1346. font-family:calibri;
  1347. font-size:8px;
  1348. color:#fff;
  1349. text-shadow: 0px 0px 3px #70301d;
  1350. padding:5px;
  1351. font-style:normal;}
  1352.  
  1353.  
  1354. #info a:hover {
  1355. color:#eee;
  1356. -webkit-filter: blur(0px);
  1357. -moz-transition-duration:0.2s;
  1358. -webkit-transition-duration:0.2s;
  1359. -o-transition-duration:0.2s;}
  1360.  
  1361.  
  1362. #tags {
  1363. color:#d1bd85;
  1364. margin-top:0px;
  1365. padding-left:15px;
  1366. text-align:right;
  1367. line-height:9px;
  1368. text-transform:uppercase;
  1369. font-size:9px;
  1370. padding-right:10px;}
  1371.  
  1372. #tags a {
  1373. font-family:calibri;
  1374. color:#9e8d5e;}
  1375.  
  1376. #tags a:hover {
  1377. color:#e5d8b3;}
  1378.  
  1379.  
  1380.  
  1381. /* MISC 02. */
  1382.  
  1383.  
  1384.  
  1385. .note {
  1386. text-transform:uppercase;
  1387. font-style:normal;
  1388. letter-spacing:0px;
  1389. font-size: 10px;
  1390. text-align:left;
  1391. line-height:90%;
  1392. margin-left:-40px;}
  1393.  
  1394. .note li {
  1395. list-style-type:none;
  1396. border-bottom:0px solid {color:border};
  1397. padding:10px 25px 10px 25px;
  1398. text-align:left;
  1399. margin:0px;
  1400. -moz-transition-duration:0.5s;
  1401. -webkit-transition-duration:0.5s;
  1402. -o-transition-duration:0.5s;}
  1403.  
  1404. .note img.avatar {
  1405. margin-right: 10px;
  1406. width: 16px;
  1407. height: 16px;}
  1408.  
  1409.  
  1410.  
  1411.  
  1412. /* BASIC POP-UP DETAILS */
  1413.  
  1414.  
  1415.  
  1416. .popup_block{
  1417. background-color:#000;
  1418. display:none;
  1419. padding:20px;
  1420. border:4px solid #fff; /* if you want a solid white pop-up, delete this */
  1421. float:left;
  1422. height: 405px;
  1423. top:415px; left:590px;
  1424. position:fixed;
  1425. z-index: 99999;
  1426. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1427. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1428. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1429. }
  1430.  
  1431.  
  1432. *html #fade {position: absolute;}
  1433. *html .popup_block {position: absolute;}
  1434. #fade {
  1435. display:none;
  1436. position:fixed;
  1437. left:0px;
  1438. top:0px;
  1439. width:100%;
  1440. height:100%;
  1441. z-index:9999;
  1442. background:#000; /* change to #fff for solid white */
  1443. opacity:0; /* change to opacity:1; */
  1444. }
  1445.  
  1446.  
  1447.  
  1448. .popupnavlinks {
  1449. padding-top:5px;
  1450. text-align:center; }
  1451.  
  1452.  
  1453. .popupnavlinks a {
  1454. display:inline-block;
  1455. width:90px; height:4px;
  1456. margin:2px; padding:3px 6px 10px;
  1457. text-align:center;
  1458. background-image: url('');
  1459. background:#0d0d0d;
  1460. background-repeat:repeat;
  1461. background-attachment:fixed;
  1462. border-left: double 3px #000;
  1463. border-top: double 3px #000;
  1464. border-right: double 3px #000;
  1465. border-bottom: double 3px #000;
  1466. color:#e6e6e6;
  1467. font-size:9px;
  1468. font-family:calibri;
  1469. text-shadow:1px 1px 0px #000,
  1470. 1px -1px 0px #000,
  1471. -1px -1px 0px #000,
  1472. -1px 1px 0px #000,
  1473. 0px 1px 0px #000,
  1474. 0px -1px 0px #000,
  1475. 1px 0px 0px #000,
  1476. -1px 0px 0px #000;
  1477. display: inline-block;
  1478. cursor: pointer;
  1479. }
  1480.  
  1481.  
  1482.  
  1483. .popupnavlinks a:hover {
  1484. display:inline-block;
  1485. letter-spacing:2px; }
  1486.  
  1487.  
  1488.  
  1489. .popupclose {
  1490. float:right; top:0px; right:0px;
  1491. margin-top:-10px; margin-right:-10px;
  1492. font-family:'Scada', sans serif;
  1493. font-size:10px;
  1494. font-weight:bold }
  1495.  
  1496. .popupclose a {
  1497. color:#aaa }
  1498.  
  1499.  
  1500.  
  1501. /* TOOLTIP DETAILS */
  1502.  
  1503.  
  1504.  
  1505. #s-m-t-tooltip{
  1506. max-width:390px;
  1507. margin:7px;
  1508. padding:2px 8px;
  1509. background: #0b0b0b;
  1510. background-image:url('https://i.imgur.com/dD0Mgm5.png');
  1511. background-repeat:repeat;
  1512. background-attachment:fixed;
  1513. border-left: double 3px #000;
  1514. border-top: double 3px #000;
  1515. border-right: double 3px #000;
  1516. border-bottom: double 3px #000;
  1517. color:#e6e6e6;
  1518. text-shadow:1px 1px 0px #000,
  1519. 1px -1px 0px #000,
  1520. -1px -1px 0px #000,
  1521. -1px 1px 0px #000,
  1522. 0px 1px 0px #000,
  1523. 0px -1px 0px #000,
  1524. 1px 0px 0px #000,
  1525. -1px 0px 0px #000;
  1526. z-index:999999999999999999999999999999999999;
  1527. font-size:9px;
  1528. letter-spacing:2px;
  1529. font-style:bold;
  1530. letter-spacing:2px;
  1531. font-family: calibri;
  1532. text-transform:uppercase;
  1533. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  1534.  
  1535. }
  1536. }
  1537.  
  1538.  
  1539. </style>
  1540.  
  1541. </head>
  1542.  
  1543. <body>
  1544.  
  1545.  
  1546. <!-- SCM Music Player http://scmplayer.net -->
  1547. <script type="text/javascript" src="http://scmplayer.net/script.js"
  1548. data-config="{'skin':'http://static.tumblr.com/wx6pget/gPSnc7otk/.css','volume':76,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=xarC5jAiO7w'}]}" ></script>
  1549. <!-- SCM Music Player script end -->
  1550.  
  1551.  
  1552.  
  1553.  
  1554. <!--
  1555. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1556. -->
  1557.  
  1558.  
  1559. <div id="content">
  1560.  
  1561. <div id="sidebar">
  1562.  
  1563. <img src="{image:Sidebar}" />
  1564.  
  1565. <div id="description">{description}</div>
  1566.  
  1567. </div>
  1568.  
  1569. <div id="pagination">
  1570. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1571. </div>
  1572.  
  1573.  
  1574. <!--
  1575. ♛ CUSTOM LINKS
  1576. -->
  1577.  
  1578.  
  1579.  
  1580. <div id="links">
  1581.  
  1582.  
  1583. <div class="alinks">
  1584. <a href="/" title="refresh.">
  1585. ✙
  1586. </a>
  1587. </div>
  1588.  
  1589.  
  1590. <div class="blinks">
  1591. <a href="#?w=360" rel="box1" class="poplight" title="messages."> ✵
  1592. </a>
  1593. </div>
  1594.  
  1595.  
  1596. <div class="clinks">
  1597. <a href="#?w=340" rel="box2" class="poplight" title="laws.">✧</a>
  1598. </div>
  1599.  
  1600.  
  1601. <div class="dlinks">
  1602. <a href="#?w=475" rel="box3" class="poplight" title="nav.">✵</a>
  1603. </div>
  1604.  
  1605.  
  1606. <div class="elinks">
  1607. <a href="#?w=370" rel="box4" class="poplight" title="about."> ✵ </a>
  1608. </div>
  1609.  
  1610.  
  1611. <div class="flinks">
  1612. <a href="#?w=360" rel="box5" class="poplight" title="tags.">✵</a>
  1613. </div>
  1614.  
  1615.  
  1616. <div class="credit">
  1617. <a href="http://agirlingrey.tumblr.com/" title="code by agirlingrey. theme by @pupy">A.</a>
  1618. </div>
  1619.  
  1620. <div class="heart">
  1621.  
  1622. </div>
  1623.  
  1624.  
  1625. </div>
  1626.  
  1627.  
  1628. <!--
  1629. ♛ CUSTOM LINKS ENDS
  1630. -->
  1631.  
  1632.  
  1633.  
  1634. <div id="container">
  1635.  
  1636. <div id="content"><div id="posts">
  1637. {block:Posts}
  1638.  
  1639.  
  1640. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1641. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1642. {block:Text}{Body}{/block:Text}
  1643.  
  1644. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1645.  
  1646. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1647.  
  1648. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1649. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1650.  
  1651. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1652.  
  1653. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1654.  
  1655.  
  1656. {block:Answer}<div id="asker" style="margin-left:-5px;width:240px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1657.  
  1658.  
  1659. {block:Audio}<div class="audio">
  1660.  
  1661. {block:AlbumArt}
  1662. {/block:AlbumArt}
  1663.  
  1664.  
  1665. <div class="audioinfo">{block:TrackName}<b>JAM:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>BY:</b> {Artist}<br />{/block:Artist}
  1666. {/block:ExternalAudio}<b>PLAYED:</b> {PlayCount} times</div>
  1667. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1668. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1669.  
  1670.  
  1671. <!--
  1672. ♛ INFO AND SYMBOLS
  1673. -->
  1674.  
  1675. <div id="info">
  1676. {block:Date}
  1677. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-90px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a> {/block:Date}
  1678.  
  1679. {block:RebloggedFrom}
  1680. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-55px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a>
  1681. {/block:RebloggedFrom}
  1682.  
  1683. {block:ContentSource}
  1684. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-20px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✶ </a>
  1685. {/block:ContentSource}
  1686.  
  1687. {block:NoteCount}
  1688. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:15px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a>
  1689. {/block:NoteCount}
  1690.  
  1691. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:50px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a></br>
  1692. {/block:RebloggedFrom}
  1693.  
  1694.  
  1695. <br>
  1696.  
  1697.  
  1698. <!--
  1699. ♛ INFO AND SYMBOLS ENDS
  1700. -->
  1701.  
  1702.  
  1703. <div id="tags" style="margin-bottom:10px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1704.  
  1705. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1706. {/block:Posts}
  1707. </div>
  1708. </div>
  1709. </div>
  1710.  
  1711.  
  1712.  
  1713. </body>
  1714.  
  1715.  
  1716.  
  1717. <!--
  1718. ♛ POP UP PAGES !!!
  1719. -->
  1720.  
  1721.  
  1722.  
  1723. <div id="box1" class="popup_block">
  1724.  
  1725. <h3>
  1726. ?
  1727. </h3>
  1728.  
  1729. <br>
  1730.  
  1731. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/capoh.tumblr.com" width="100%"></iframe></p>
  1732.  
  1733. </div>
  1734.  
  1735. </center>
  1736.  
  1737.  
  1738.  
  1739. <div id="box2" class="popup_block">
  1740.  
  1741. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1742.  
  1743. <h3>KURO IS BAE </h3>
  1744.  
  1745. <center>
  1746. RULES !!!
  1747.  
  1748. </p>
  1749.  
  1750.  
  1751. <p></p></div></div><div id="box3" class="popup_block" width="430" >
  1752.  
  1753.  
  1754.  
  1755. </div>
  1756. </div>
  1757.  
  1758.  
  1759.  
  1760. </div>
  1761.  
  1762.  
  1763.  
  1764. <div id="box4" class="popup_block">
  1765.  
  1766. <div style="width:auto;height:370px;overflow:scroll;padding:5px;">
  1767.  
  1768.  
  1769. <div style="width:auto;height:370px;overflow:scroll;padding:5px;">
  1770.  
  1771. <center>
  1772.  
  1773.  
  1774. <h3>WHOMST</h3>
  1775.  
  1776. ur whomst here
  1777. <br>
  1778.  
  1779.  
  1780.  
  1781. </div>
  1782. </div>
  1783.  
  1784.  
  1785.  
  1786. <div id="box5" class="popup_block">
  1787.  
  1788. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1789.  
  1790. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1791.  
  1792. <center>
  1793.  
  1794. <h3>NAVIGATION</h3>
  1795.  
  1796.  
  1797. <div class="popupnavlinks">
  1798.  
  1799. <a href="/tagged/001. ✯`·° (( ᶤˡ ᵐᶤᵒ ʳᵉᵍᶰᵒ ˒ ᴹᴱ ˢᵀᴱˢˢᴬ ˑ ˑ ˑ">HIMSELF.</a>
  1800. <a href="/tagged/003. ✯`·° ⁽⁽ ᶜᵃᶰᶻᵒᶰᶤ ˑ ˑ ˑ">HIS MUSIC.</a>
  1801. <a href="tagged/009.-✯%60·°-⁽⁽- ˡᵃ-ᵐᶤᵃ-ᵛᶤᵗᵃ-ᵉʳᵃ-ᵠᵘᶤ˒-ˢᶜʳᶤᵗᵗᵃ-ᵖᵉʳ-ˡᵉ-ˢᵗʳᵃᵈᵉˑ-ˑ-ˑ-ˑ">HIS STREETS.</a>
  1802. <a href="/tagged/002. ✯`·° (( ᵐᵘᵈᵃᵈ ˑ ˑ ˑ">DIO.</a>
  1803. <a href="/tagged/011. ✯`·° (( ᵈᵃˡˡᵉ ᵐᶤᵉ ᵐᵃᶰᶤ ˑ ˑ ˑ">HIS CREATIONS.</a>
  1804. <a href="/tagged/004. ✯`·° ⁽⁽ ˡ'ᵃᶰᶤᵐᵒ ᵐᶤᵒ ˑ ˑ ˑ">HIS STAND.</a>
  1805. <a href="/tagged/006ˑ ✯`·° ⁽⁽ ˢᵃˡᵛᵃᵗᶤ ˑ ˑ ˑ">SAVED & PROMOS.</a>
  1806. <a href="/tagged/077. ✯`·° ⁽⁽ ᵐᵉᵐᵉˢ ˑ ˑ ˑ">MEMES.</a>
  1807.  
  1808. <br>
  1809.  
  1810.  
  1811.  
  1812. <br><br><br>
  1813.  
  1814. </div>
  1815. </div>
  1816. </div>
  1817.  
  1818. </div>
  1819. </div>
  1820. </div>
  1821.  
  1822.  
  1823. <!--
  1824. ♛ CUSTOM SIDEBAR TEXT
  1825. -->
  1826.  
  1827.  
  1828.  
  1829.  
  1830.  
  1831.  
  1832. <br>
  1833.  
  1834.  
  1835.  
  1836.  
  1837.  
  1838. </center>
  1839.  
  1840.  
  1841. </div>
  1842. </div></div>
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!