From Bitty Finch, 8 Months ago, written in Text.
Embed
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!---------------- HEY! LISTEN --------------*/
  4.  
  5.                
  6.                 ╰ ° KYOMI THEME BY JCNNIE *°
  7.                
  8.                 - you can edit it to your heart's content but
  9.                 keep the credit please! plagiarism ain't cool.
  10.                 - do not take any part of this theme
  11.                 and claim it as your own.
  12.                 - do not lift any section of coding and
  13.                 use it elsewhere.
  14.  
  15.    
  16.         base code: neonbike themes
  17.         chat post code: animalites
  18.                
  19.  
  20. /*--------------------------------------------->
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:background" content="#d6d6d6"/>
  29. <meta name="color:body border" content="#d6d6d6"/>
  30. <meta name="color:accent" content="#bbb" />
  31. <meta name="color:entries bg" content="#ececec" />
  32. <meta name="color:sidebar bg" content="#f8f8f8" />
  33. <meta name="color:posts bg" content="#fff" />
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:navi" content="#fff"/>
  36. <meta name="color:title" content="#000" />
  37. <meta name="color:hover title" content="#ececec" />
  38. <meta name="color:link" content="#000"/>
  39. <meta name="color:linkhover" content="#777"/>
  40. <meta name="color:bold" content="#777" />
  41. <meta name="color:italic" content="#777" />
  42. <meta name="color:underline" content="#777" />
  43. <meta name="color:icon border" content="#fff" />
  44.  
  45. <meta name="text:title" content="sidebar title"/>
  46. <meta name="text:desc title" content="sidebar hover title"/>
  47. <meta name="text:username" content="put your username/url here so the askbox can work (ex. jcnnie)"/>
  48. <meta name="text:navtitle" content="navigation"/>
  49. <meta name="text:navsubtitle" content="this is a nav subtitle"/>
  50. <meta name="text:askbox title" content="ask me anything."/>
  51. <meta name="text:statistics" content="stats here"/>
  52. <meta name="text:tab 1 title" content="home"/>
  53. <meta name="text:tab 2 title" content="message"/>
  54. <meta name="text:tab 3 title" content="navigate"/>
  55. <meta name="text:tab 4 title" content="network"/>
  56. <meta name="text:link 1 title" content="link one"/>
  57. <meta name="text:link 1 url" content="/"/>
  58. <meta name="text:link 2 title" content="link two"/>
  59. <meta name="text:link 2 url" content="/"/>
  60. <meta name="text:link 3 title" content="link three"/>
  61. <meta name="text:link 3 url" content="/"/>
  62. <meta name="text:link 4 title" content="link four"/>
  63. <meta name="text:link 4 url" content="/"/>
  64. <meta name="text:link 5 title" content="link five"/>
  65. <meta name="text:link 5 url" content="/"/>
  66. <meta name="text:link 6 title" content="link six"/>
  67. <meta name="text:link 6 url" content="/"/>
  68. <meta name="text:link 7 title" content="link seven"/>
  69. <meta name="text:link 7 url" content="/"/>
  70. <meta name="text:link 8 title" content="link eight"/>
  71. <meta name="text:link 8 url" content="/"/>
  72. <meta name="text:link 9 title" content="link nine"/>
  73. <meta name="text:link 9 url" content="/"/>
  74.  
  75.  
  76. <meta name="select:title font" content="glowies" title="rowo"/>
  77. <meta name="select:title font" content="glowies2" title="playlist"/>
  78. <meta name="select:title font" content="glowies4" title="banaue"/>
  79. <meta name="select:title font" content="glowies5" title="mix yonder"/>
  80. <meta name="select:title font" content="glowies6" title="syabab"/>
  81. <meta name="select:title font" content="glowies7" title="manus"/>
  82. <meta name="select:title font" content="glowies8" title="aveline script"/>
  83.  
  84. <meta name="select:title font size" content="27px" title="27"/>
  85. <meta name="select:title font size" content="36px" title="36"/>
  86. <meta name="select:title font size" content="42px" title="42"/>
  87. <meta name="select:title font size" content="48px" title="48"/>
  88. <meta name="select:title font size" content="54px" title="54"/>
  89. <meta name="select:title font size" content="60px" title="60"/>
  90. <meta name="select:title font size" content="68px" title="68"/>
  91.  
  92. <meta name="select:hover title font size" content="27px" title="27"/>
  93. <meta name="select:hover title font size" content="36px" title="36"/>
  94. <meta name="select:hover title font size" content="42px" title="42"/>
  95. <meta name="select:hover title font size" content="48px" title="48"/>
  96. <meta name="select:hover title font size" content="54px" title="54"/>
  97. <meta name="select:hover title font size" content="60px" title="60"/>
  98. <meta name="select:hover title font size" content="68px" title="68"/>
  99.  
  100. <meta name="select:sidebar title lineheight" content="100%" title="100%"/>
  101. <meta name="select:sidebar title lineheight" content="90%" title="90%"/>
  102. <meta name="select:sidebar title lineheight" content="75%" title="75%"/>
  103. <meta name="select:sidebar title lineheight" content="50%" title="50%"/>
  104. <meta name="select:sidebar title lineheight" content="35%" title="35%"/>
  105.  
  106. <meta name="image:background" content=""/>
  107. <meta name="image:sidebar bg" content=""/>
  108. <meta name="image:tab icon" content=""/>
  109. <meta name="image:tab icon2" content=""/>
  110. <meta name="image:tab icon3" content=""/>
  111. <meta name="image:tab icon4" content=""/>
  112.  
  113. <meta name="if:greyscale" content="0"/>
  114. <meta name="if:400px" content="0"/>
  115. <meta name="if:BodyBorder" content="0"/>
  116. <meta name="if:TitleOutline" content="0"/>
  117. <meta name="if:DarkTumblrCtrls" content="0"/>
  118. <meta name="text:text size" content="9px" />
  119.  
  120.  
  121.  
  122. <!--- SCRIPTS AND STUFF --->
  123.  
  124.  
  125. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  126. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  127. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  128. <link href="https://github.com/IanLunn/Hover.git" rel="stylesheet" media="all">
  129. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  130.  <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  131.  
  132. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  133.  
  134. <script>
  135. $(document).ready(function() {
  136.     $('.tabs .tab-links a').on('click', function(e)  {
  137.         var currentAttrValue = $(this).attr('href');
  138.  
  139.         // Show/Hide Tabs
  140.         $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  141.  
  142.         // Change/remove current tab to active
  143.         $(this).parent('li').addClass('active').siblings().removeClass('active');
  144.  
  145.         e.preventDefault();
  146.     });
  147. });
  148. </script>
  149.  
  150.  
  151. <script>
  152. $(document).ready(function() {
  153.   $('#filterOptions li a').click(function() {
  154.     // fetch the class of the clicked item
  155.     var ourClass = $(this).attr('class');
  156.  
  157.     // reset the active class on all the buttons
  158.     $('#filterOptions li').removeClass('active');
  159.     // update the active state on our clicked button
  160.     $(this).parent().addClass('active');
  161.  
  162.     if(ourClass == 'all') {
  163.       // show all our items
  164.       $('#ourHolder').children('div.item').show();
  165.     }
  166.     else {
  167.       // hide all elements that don't share ourClass
  168.       $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  169.       // show all elements that do share ourClass
  170.       $('#ourHolder').children('div.' + ourClass).show();
  171.     }
  172.     return false;
  173.   });
  174. });
  175. </script>
  176.  
  177. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  178.  
  179. <script>
  180. $(document).ready(function() {
  181.     $('.tabs .tab-links a').on('click', function(e)  {
  182.         var currentAttrValue = $(this).attr('href');
  183.  
  184.         // Show/Hide Tabs
  185.         $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  186.  
  187.         // Change/remove current tab to active
  188.         $(this).parent('li').addClass('active').siblings().removeClass('active');
  189.  
  190.         e.preventDefault();
  191.     });
  192. });
  193. </script>
  194.  
  195. <script>
  196. $(document).ready(function() {
  197.   $('#filterOptions li a').click(function() {
  198.     // fetch the class of the clicked item
  199.     var ourClass = $(this).attr('class');
  200.  
  201.     // reset the active class on all the buttons
  202.     $('#filterOptions li').removeClass('active');
  203.     // update the active state on our clicked button
  204.     $(this).parent().addClass('active');
  205.  
  206.     if(ourClass == 'all') {
  207.       // show all our items
  208.       $('#ourHolder').children('div.item').show();
  209.     }
  210.     else {
  211.       // hide all elements that don't share ourClass
  212.       $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  213.       // show all elements that do share ourClass
  214.       $('#ourHolder').children('div.' + ourClass).show();
  215.     }
  216.     return false;
  217.   });
  218. });
  219. </script>
  220.  
  221.  
  222. <script type="text/javascript">
  223. jQuery(document).ready(function() {
  224. jQuery(".sub").hide();
  225. //toggle the component with class msg_body
  226. jQuery(".cthrough").click(function()
  227. {
  228. jQuery(this).next(".sub").slideToggle(500);
  229. });});
  230. </script>
  231.  
  232. <script>
  233.     var element_to_scroll_to = document.getElementById('bodystuf');
  234. // Or:
  235. var element_to_scroll_to = document.querySelectorAll('.cont')[0];
  236. // Or:
  237. var element_to_scroll_to = $('.cont')[0];
  238. // Basically `element_to_scroll_to` just have to be a reference
  239. // to any DOM element present on the page
  240. // Then:
  241. element_to_scroll_to.scrollIntoView();
  242. </script>
  243.  
  244.  
  245.  
  246. <!--- END OF SCRIPTS AND STUFF --->
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254. <style type="text/css">
  255. *, body, a, a:hover {cursor: url(http://virtualcustoms.net/images/styles/Twisted_Underground_Blue/site_icons/xhomepage.png.pagespeed.ic.clZcN2PtQs.png), auto;}
  256.  
  257.  
  258. /*        ╰ ° EXTRAS N STUFF *°        */
  259.  
  260. ::-webkit-scrollbar-thumb:vertical {
  261.     height:10px;
  262.     border:0px solid {color:icon border};
  263.     background-color:{color:icon border};
  264.     -webkit-border-fill-color: transparent;
  265. }
  266.  
  267. ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar:horizontal  {
  268.     display:none;
  269. }
  270.  
  271. ::-webkit-scrollbar {
  272.     width:1px;
  273.     height:5px;
  274.     border:2px solid transparent;
  275.     background:transparent;
  276.     display:none;
  277.     -webkit-border-fill-color: transparent;
  278. }
  279.  
  280. ::-moz-selection {
  281.     color:{color:posts bg};
  282.     background-color:{color:accent};
  283.     }
  284.  
  285. ::selection {
  286.     color:{color:posts bg};
  287.     background-color:{color:accent};
  288.     }
  289.  
  290. @font-face{
  291.     font-family:"glowies";
  292.     src: url('https://dl.dropboxusercontent.com/s/exkgvog2renheyj/r.ttf');
  293. }
  294.  
  295. @font-face{
  296.     font-family:"glowies2";
  297.     src: url('https://dl.dropboxusercontent.com/s/gdn9befynhd1v6x/ps.otf');
  298. }
  299.  
  300. @font-face{
  301.     font-family:"glowies3";
  302.     src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf');
  303. }
  304. @font-face{
  305.     font-family:"glowies4";
  306.     src: url('https://dl.dropboxusercontent.com/s/vfdfby7jf9tq7ii/ban.otf');
  307. }
  308.  
  309. @font-face{
  310.     font-family:"glowies5";
  311.     src: url('https://dl.dropboxusercontent.com/s/ucpi3ltz43w4h2m/my.ttf');
  312. }
  313.  
  314. @font-face{
  315.     font-family:"glowies6";
  316.     src: url('https://dl.dropboxusercontent.com/s/vslsvd4pks6dtzg/syabab.ttf');
  317. }
  318.  
  319. @font-face{
  320.     font-family:"glowies7";
  321.     src: url('https://dl.dropboxusercontent.com/s/ob4tjiuq40vv1ie/mns.otf');
  322. }
  323.  
  324. @font-face{
  325.     font-family:"glowies8";
  326.     src: url('https://dl.dropboxusercontent.com/s/bk5emg0gbfsiexh/aveline.ttf');
  327. }
  328.  
  329. @font-face{
  330.     font-family:"icony";
  331.     src: url('https://dl.dropboxusercontent.com/s/a7bri7ihdzf1r5h/icony.ttf');
  332. }
  333.  
  334.  
  335.    
  336.    
  337. #tumblr_controls, .tmblr-iframe{ z-index:99999999999999999999999!important;
  338.   {block:IfDarkTumblrCtrls}-webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%);{/block:IfDarkTumblrCtrls} position:fixed!important; top:0px!important; right:0px!important; -webkit-transform: scale(0.8);transform: scale(0.8); opacity:.5; -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  339.  
  340. #tumblr_controls, .tmblr-iframe:hover { -webkit-transform: scale(0.8);transform: scale(0.8); opacity:.8;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; -webkit-transition:all 0.6s ease-out;{block:IfDarkTumblrCtrls}-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);{/block:IfDarkTumblrCtrls} }
  341.  
  342. div#qTip {
  343.     padding: 2px 5px 2px 5px;
  344.     display: none;
  345.     margin-left:10px;
  346.     margin-top:-37px;
  347.     background:{color:posts bg};
  348.     opacity:0.8;
  349.     font-weight:700;
  350.     position: absolute;
  351.     border-radius:10px;
  352.     text-transform:uppercase;
  353.     font-size:7px;
  354.     z-index:99999999999999;
  355.     color: {color:text};
  356.     letter-spacing: 1px;
  357. }
  358.  
  359.  
  360. /*        ╰ ° HOVER EFFECTS AND FONT ICONS *°        */
  361.  
  362. /* Grow Rotate */
  363. .hvr-grow-rotate {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
  364. .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  365.   -webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}
  366.  
  367.  
  368. /* Push */
  369. @-webkit-keyframes hvr-push {
  370.   50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  371. @keyframes hvr-push {50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  372. .hvr-push {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
  373. .hvr-push:hover, .hvr-push:focus, .hvr-push:active {-webkit-animation-name: hvr-push;animation-name: hvr-push;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
  374. }
  375.  
  376.  
  377. /* Effect 13: three circles */
  378. .cl-effect-13 a {
  379.         -webkit-transition: color 0.3s;
  380.         -moz-transition: color 0.3s;
  381.         transition: color 0.3s;
  382. }
  383.  
  384. .cl-effect-13 a::before {
  385.         position: absolute;
  386.         top: 90%;
  387.         left: 80%;
  388.         color: transparent;
  389.         content: '•';
  390.         text-shadow: 0 0 transparent;
  391.         font-size: 1.2em;
  392.         -webkit-transition: text-shadow 0.3s, color 0.3s;
  393.         -moz-transition: text-shadow 0.3s, color 0.3s;
  394.         transition: text-shadow 0.3s, color 0.3s;
  395.         -webkit-transform: translateX(-50%);
  396.         -moz-transform: translateX(-50%);
  397.         transform: translateX(-50%);
  398.         pointer-events: none;
  399. }
  400.  
  401. .cl-effect-13 a:hover::before,
  402. .cl-effect-13 a:focus::before {
  403.         color: {color:navi};
  404.         text-shadow: 7.5px 0 {color:navi}, -7.5px 0 {color:navi};
  405. }
  406.  
  407. .cl-effect-13 a:hover,
  408. .cl-effect-13 a:focus {
  409.         color: {color:posts bg};
  410. }
  411.  
  412.  
  413.     .lnr-tag {
  414.   color: {color:text};
  415.   font-size: 8px;
  416. }
  417.     .lnr-leaf {
  418.   color: {color:accent};
  419.   font-size: 12px;
  420.   text-align:center;
  421.   display:block;
  422.   margin-top:5px;
  423.   margin-bottom:15px;
  424. }
  425.     .lnr-arrow-right, .lnr-arrow-left {
  426.   color: {color:text};
  427.   font-size: 10px;
  428. }
  429.     .sprout {
  430.   color: {color:accent};
  431.   font-size: 14px;
  432.   font-family:'icony';
  433.   text-align:center;
  434.   display:block;
  435.   text-shadow:none;
  436.   font-weight:400;
  437.   margin-top:-2px;
  438.   margin-bottom:5px;
  439. }
  440.  
  441.  
  442. /*       ╰ ° THE ESSENTIALS *°        */
  443.  
  444. body {
  445.     background: url('{image:background}') no-repeat center center fixed;
  446.     -webkit-background-size: cover;
  447.     -moz-background-size: cover;
  448.     -o-background-size: cover;
  449.     background-size: cover;
  450.     background-color:{color:background};
  451.     line-height:150%;
  452.     color:{color:text};
  453.     font-family:  'inconsolata', monospace;
  454.     font-size: {text:text size};
  455.     letter-spacing:0.5px;-webkit-font-smoothing: antialiased;
  456.  -moz-osx-font-smoothing: grayscale;
  457. }
  458.  
  459.  
  460.  
  461.  
  462.  
  463. a {
  464.     text-decoration:none;
  465.     color:{color:link};
  466.     -webkit-transition: all 0.5s ease;
  467.     -moz-transition: all 0.5s ease;
  468.     -o-transition: all 0.5s ease;
  469. }
  470.  
  471. .posts a {
  472.     font-family:'glowies3';
  473.     text-transform:uppercase;
  474.     letter-spacing:1px;
  475. }
  476.  
  477. a:hover {
  478.     color:{color:linkhover};
  479.     text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  480.      -webkit-transition: all 0.5s ease;
  481.     -moz-transition: all 0.5s ease;
  482.     -o-transition: all 0.5s ease;
  483. }
  484.    
  485. hr {
  486.     width: 40%;
  487.     margin-left: auto;
  488.     margin-right: auto;
  489.     margin-top: 20px;
  490.     margin-bottom: 20px;
  491.     opacity:0.5;
  492.     color:{color:text};
  493. }
  494.    
  495. blockquote {
  496.     background-color:rgba(255,255,255,0);
  497.     padding:0px 6px 0px 12px;
  498.     margin:4px 2px 2px 2px;
  499.     border-left:1px solid {color:icon border};
  500. }
  501.    
  502. blockquote img {
  503.     max-width:100%;
  504.     height:auto;
  505. }
  506.    
  507. b, strong {
  508.     color:{color:bold};
  509.     font-weight:bold;
  510. }
  511.  
  512. i, em {
  513.     color:{color:italic};
  514. }
  515.  
  516. i b, em strong, em b, strong i {
  517.     color:{color:accent};
  518. }
  519. u, s, strike {
  520.     color:{color:underline};
  521. }
  522.  
  523. small,sup,sub {
  524.     font-size:{text:Text Size}}
  525.  
  526. big {
  527.     font-size:11px;}
  528.  
  529. pre {
  530.     border:1px solid {color:sidebar bg};
  531.     opacity:0.65;
  532.     border-radius:5px;
  533.     padding:20px;
  534.     white-space: pre-wrap; /* css-3 */
  535.     white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  536.     white-space: -pre-wrap; /* Opera 4-6 */
  537.     white-space: -o-pre-wrap; /* Opera 7 */
  538.     word-wrap: break-word; /* Internet Explorer 5.5+ */}
  539.    
  540. pre b, pre strong{
  541.     color:{color:text};
  542. }
  543.  
  544.  .entries ul {
  545.      padding-left:6px;
  546.      margin-left:20px;
  547.      margin-right:20px;
  548.  }
  549.  
  550.  .entries ol {
  551.      padding-left:3px;
  552.      margin-left:20px;
  553.      margin-right:20px;
  554.      text-align:justify;
  555.  }
  556.  .entries li {
  557.      padding-left:3px;
  558.      margin-left:6px;
  559.      text-align:justify;
  560.      margin-bottom:10px;
  561.  }
  562.  
  563.  
  564.  
  565. /*        ╰ ° HEADER STUFF *°        */
  566.  
  567.  .headerbar {
  568.      background-color:{color:body border};
  569.      height:50px;
  570.      width:100%;
  571.      position:fixed;
  572.      top:0px;
  573.      left:0px;
  574.      z-index:999999;
  575.  }
  576.  
  577.  
  578.  .headerbar2 {
  579.      background-color:{color:body border};
  580.      height:50px;
  581.      width:100%;
  582.      position:fixed;
  583.      bottom:0px;
  584.      left:0px;
  585.      z-index:999999;
  586.  }
  587.  
  588.  .headerbar3 {
  589.      background-color:{color:body border};
  590.      height:100%;
  591.      width:50px;
  592.      position:fixed;
  593.      bottom:0px;
  594.      left:0px;
  595.      z-index:999999;
  596.  }
  597.  
  598.  .headerbar4 {
  599.      background-color:{color:body border};
  600.      height:100%;
  601.      width:50px;
  602.      position:fixed;
  603.      bottom:0px;
  604.      right:0px;
  605.      z-index:999999;
  606.  }
  607.  
  608.  
  609.  
  610.  
  611. .tinyheader {
  612.     width:705px;
  613.     {block:If400px}
  614.     width:805px;
  615.     {/block:If400px}
  616.     position:absolute;
  617.     top:-380px;
  618.     bottom:0;
  619.     right:0;
  620.     left:0;
  621.     margin:auto;
  622.     overflow-x:none;
  623.     background:{color:accent};
  624.     height:30px;
  625.     padding:0px;
  626.     opacity:1;
  627.     z-index:-99999999999;
  628.     border-radius:0 0;
  629. }
  630.  
  631. .tinyheader img {
  632.     width:605px;
  633.     {block:If400px}
  634.     width:705px;
  635.     {/block:If400px}
  636.     height:130px;
  637.     border-radius:5px 5px 0 0;
  638. }
  639.  
  640.  
  641. .counter {
  642.     position:fixed;
  643.     top:18px;
  644.     left:18px;
  645.     z-index:9999999999;
  646.     font-size:18px;
  647.     line-height:100%;
  648.     letter-spacing:0px;
  649.     text-align:left;
  650.     font-family: 'glowies3';
  651. }
  652.  
  653. .counter a {
  654.     height:14px;
  655.     display:inline-block;
  656.     color:{color:text};
  657.     text-shadow:none;
  658.     text-transform:uppercase;
  659.     -webkit-transition: all 0.3s ease;
  660.     -moz-transition: all 0.3s ease;
  661.     -o-transition: all 0.3s ease;
  662. }
  663.  
  664.  
  665.  
  666.  
  667.  
  668. /*           ╰ ° NAVTAB STUFF *°          */    
  669.  
  670.  
  671.  
  672. .nav {
  673.     position:absolute;
  674.     top: 90px;
  675.     left: 40px;
  676.     height:65px;
  677.     width:234px;
  678.     {block:If400px}
  679.     left: 40px;
  680.     width:280px;
  681.     {/block:If400px}
  682.     background: none;
  683.     margin:0px;
  684.     padding:4px;
  685.     border-radius:10px;
  686.     border:0px solid {color:entries bg};
  687.     z-index:999999;
  688. }
  689.  
  690. .nav a {
  691.     width:60px;
  692.     {block:If400px}
  693.     width:75px;
  694.     {/block:If400px}
  695.     height:10px;
  696.     font-size:7px;
  697.     line-height:130%;
  698.     vertical-align:middle;
  699.     letter-spacing:1.5px;
  700.     text-transform:uppercase;
  701.     font-family: 'Raleway';
  702.     padding:4px;
  703.     margin:3px;
  704.     text-align:center;
  705.     font-weight:600;
  706.     opacity:1.0;
  707.     background:{color:link};
  708.     color:{color:posts bg};
  709.     border-radius:10px;
  710.     text-shadow:none;
  711.     display: inline-block;
  712.   vertical-align: middle;
  713.   -webkit-transform: translateZ(0);
  714.   transform: translateZ(0);
  715.   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  716.   -webkit-backface-visibility: hidden;
  717.   backface-visibility: hidden;
  718.   -moz-osx-font-smoothing: grayscale;
  719.   -webkit-transition-duration: 0.3s;
  720.   transition-duration: 0.3s;
  721.   -webkit-transition-property: background;
  722.   transition-property: background;
  723.   box-shadow: inset 0 0 0 1px {color:link}, 0 0 1px rgba(0, 0, 0, 0);
  724.   /* Hack to improve aliasing on mobile/tablet devices */
  725.     -webkit-transition: all 0.3s ease;
  726.     -moz-transition: all 0.3s ease;
  727.     -o-transition: all 0.3s ease;
  728. }
  729. .nav a:hover, .nav a:focus, .nav a:active {
  730.   background: {color:posts bg};
  731.     color:{color:bold};
  732.   box-shadow: inset 0 0 0 1px {color:bold}, 0 0 1px rgba(0, 0, 0, 0);
  733.   /* Hack to improve aliasing on mobile/tablet devices */
  734.     -webkit-transition: all 0.3s ease;
  735.     -moz-transition: all 0.3s ease;
  736.     -o-transition: all 0.3s ease;
  737. }
  738.  
  739.  
  740. .ntitle {
  741.     text-align:left;
  742.     padding:8px;
  743.     position:absolute;
  744.     top:-75px;
  745.     left:20px;
  746.     font-size:40px;
  747.     text-transform:lowercase;
  748.     line-height:100%;
  749.     vertical-align:middle;
  750.     opacity:1;
  751.     word-spacing:0px;
  752.     z-index:999999;
  753.     font-weight:500;
  754.     color:{color:text};
  755.     text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  756.     font-family:  {select:Title Font};
  757.     -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  758.     transform:translate(0px,0%) rotate(-3deg) scale(1);
  759.     -webkit-transition: all 0.4s ease-out;
  760.     -webkit-transition: all 0.4s ease-out;
  761.     -moz-transition: all 0.4s ease-out;
  762.     -o-transition: all 0.4s ease-out;
  763. }
  764.  
  765. .entries:hover .ntitle {
  766.     -webkit-transform:translate(-5px,0%) rotate(0deg) scale(1.05);
  767.     transform:translate(-5px,0%) rotate(0deg) scale(1.05);
  768.     -webkit-transition: all 0.4s ease-out;
  769.     -webkit-transition: all 0.4s ease-out;
  770.     -moz-transition: all 0.4s ease-out;
  771.     -o-transition: all 0.4s ease-out;
  772. }
  773.  
  774.  
  775. .entries:hover .nsubtitle {
  776.     letter-spacing:1px;
  777.     -webkit-transform:translate(-6px,0%) rotate(0deg);
  778.     transform:translate(-6px,0%) rotate(0deg);
  779.     -webkit-transition: all 0.4s ease-out;
  780.     -webkit-transition: all 0.4s ease-out;
  781.     -moz-transition: all 0.4s ease-out;
  782.     -o-transition: all 0.4s ease-out;
  783. }
  784.  
  785.  
  786.  
  787. .nsubtitle {
  788.     text-align:center;
  789.     padding:8px;
  790.     padding-left:15px;
  791.     position:absolute;
  792.     top:-51px;
  793.     left:35px;
  794.     padding-top:0px;
  795.     font-size:8px;
  796.     margin-top:20px;
  797.     text-transform:uppercase;
  798.     line-height:130%;
  799.     vertical-align:middle;
  800.     opacity:1;
  801.     word-spacing:0px;
  802.     z-index:9;
  803.     font-weight:800;
  804.     letter-spacing:0.5px;
  805.     padding:1px;
  806.     background:{color:accent};
  807.     color:{color:posts bg};
  808.     text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  809.     font-family:  'Raleway';
  810.     -webkit-transform:translate(0px,0%) rotate(-3deg);
  811.     transform:translate(0px,0%) rotate(-3deg);
  812.     -webkit-transition: all 0.4s ease-out;
  813.     -webkit-transition: all 0.4s ease-out;
  814.     -moz-transition: all 0.4s ease-out;
  815.     -o-transition: all 0.4s ease-out;
  816. }
  817.  
  818.  
  819.  
  820. .updates {
  821.     position:absolute;
  822.     top: 15px;
  823.     right:15px;
  824.     width:110px;
  825.     height:150px;
  826.     {block:If400px}
  827.     width:160px;
  828.     {/block:If400px}
  829.     z-index:999;
  830.     overflow:hidden;
  831.     background:{color:posts bg};
  832.     font-size:7.5px;
  833.     letter-spacing:1px;
  834.     text-align:left;
  835.     line-height:250%;
  836.     text-transform:uppercase;
  837.     padding:10px;
  838.     border-radius:5px;
  839. }
  840.  
  841. .updates b {
  842.     font-weight:600;
  843.     letter-spacing:1px;
  844.     padding:2px;
  845.     text-shadow:none;
  846.     border-radius:3px;
  847.     margin-right:3px;
  848.     background:{color:link};
  849.     color:{color:text};
  850. }
  851.  
  852.  
  853. .updates h4 {
  854.     padding:3px;
  855.     margin-bottom:5px;
  856.     font-size:13px;
  857.     color:{color:underline};
  858.     border-bottom:1px solid {color:entries bg};
  859. }
  860.  
  861.  
  862. h4::before{
  863.     content:'●● ';
  864.     font-family:'raleway';
  865.     color:{color:underline};
  866. }
  867. .updates h4::before{
  868.     content:'●● ';
  869.     font-family:'raleway';
  870.     color:{color:text};
  871. }
  872.  
  873.  
  874.  
  875. .ff {
  876.     overflow:auto;
  877.     height:125px;
  878. }
  879.  
  880. .f {
  881.     overflow:auto;
  882.     height:144px;
  883.     {block:If400px}
  884.     height:144px;
  885.     {/block:If400px}
  886. }
  887.  
  888. .z {
  889.     position:absolute;
  890.     top: 184px;
  891.     left:20px;
  892.     width:215px;
  893.     height:180px;
  894.     {block:If400px}
  895.     width:275px;
  896.     {/block:If400px}
  897.     overflow:auto;
  898.     z-index:9;
  899.     letter-spacing:0.5px;
  900.     text-align:justify;
  901.     text-transform:lowercase;
  902.     padding:20px 20px 10px 20px;
  903.     border-radius:5px;
  904.     border:1px solid {color:posts bg};
  905. }
  906.  
  907. .z p {
  908.     margin-bottom:10px;
  909. }
  910. .z xo, .z xx {
  911.     font-weight:600;
  912.     font-family:'glowies3';
  913.     font-size:18px;
  914.     padding:6px 4px 2px 4px;
  915.     text-transform:uppercase;
  916. }
  917.  
  918. .z xo {
  919.     float:right;
  920.     text-align:right;
  921.     margin-left:3px;
  922.     color:{color:italic};
  923. }
  924. .z xx {
  925.     float:left;
  926.     text-align:left;
  927.     margin-right:3px;
  928.     padding-left:0px;
  929.     color:{color:link};
  930. }
  931.  
  932. .m {
  933.     position:absolute;
  934.     top: 189px;
  935.     right:-27px;
  936.     width:210px;
  937.     z-index:99999999;
  938.     {block:If400px}
  939.     right:0px;
  940.     {/block:If400px}
  941.     text-align:center;
  942. }
  943.  
  944. .mn {
  945.     display:static;
  946.     padding:4px;
  947.     border:1px solid {color:icon border};
  948.     background-color: {color:entries bg};
  949.     overflow:hidden;
  950.     margin:0px;
  951.     width:37px;
  952.     height:37px;
  953.     {block:If400px}
  954.     margin:3px;
  955.     width:40px;
  956.     height:40px;
  957.     {/block:If400px}
  958.     border-radius: 50%;
  959. }
  960.  
  961. .nav .mn {
  962.     position:absolute;
  963.     right:0px;
  964.     top:-80px;
  965.     width:65px;
  966.     height:auto;
  967. }
  968.  
  969. .mm {
  970.     margin-top:15px;
  971. }
  972.  
  973.  
  974. .messages {
  975.     position:absolute;
  976.     bottom: 10px;
  977.     right:15px;
  978.     overflow:auto;
  979.     height:145px;
  980.     width:140px;
  981.     {block:If400px}
  982.     height:145px;
  983.     width:160px;
  984.     right:25px;
  985.     {/block:If400px}
  986.     z-index:99999;
  987. }
  988. .tw, .tw2 {
  989.     width:75px;
  990.     {block:If400px}
  991.     width:120px;
  992.     {/block:If400px}
  993.     height:auto;
  994.     padding:6px;
  995.     font-size:8px;
  996.     line-height:125%;
  997.     text-align:left;
  998.     background:{color:posts bg};
  999.     border-radius:10px;
  1000.     margin-bottom:10px;
  1001. }
  1002. .tw {
  1003.     float:left;
  1004. }
  1005. .tw2 {
  1006.     background:{color:accent};
  1007.     color:{color:posts bg};
  1008.     float:right;
  1009. }
  1010.  
  1011. .tw::after {content:"";position:relative;float:left;bottom:-12px;width:.5em;height:1em;border-right:.5em solid {color:posts bg};border-bottom-right-radius:1em .5em
  1012. }
  1013. .tw2::after {content:"";position:relative;float:right;bottom:-12px;width:.5em;height:1em;border-left:.5em solid {color:accent};border-bottom-left-radius:1em .5em;
  1014. }
  1015. .tw b  {
  1016.     color:{color:underline};
  1017.     font-style:italic;
  1018. }
  1019. .tw2 b {
  1020.     color:{color:sidebar bg};
  1021.     font-style:italic;
  1022. }
  1023.    
  1024.      
  1025.  
  1026.  
  1027.  
  1028. /*           MUSES           */
  1029.  
  1030.  
  1031. #musearea{
  1032.     overflow-x:none;
  1033.     width: 300px;
  1034.     {block:If400px}
  1035.     width:350px;
  1036.     {/block:If400px}
  1037.     padding-top:5px;
  1038.     margin-bottom:50px;
  1039.     margin-right: auto;
  1040.     margin-left: auto;
  1041. }
  1042.  
  1043. #musearea a.name{
  1044.     width: 180px;
  1045.     {block:If400px}
  1046.     width:220px;
  1047.     {/block:If400px}
  1048.     display:block;
  1049.     height:20px;
  1050.     font-size:36px;
  1051.     letter-spacing:0px;
  1052.     text-transform:lowercase;
  1053.     font-family:{select:title font};
  1054.     font-weight:400;
  1055.     text-align:right;
  1056.     padding:10px 40px 0px 0px;
  1057.     background:none;
  1058.     z-index:9999999;
  1059.     color:{color:title};
  1060.     margin-top:-80px;
  1061.     margin-left:20px;
  1062.     text-shadow:none;
  1063.     margin-bottom:10px;
  1064.     -webkit-transition: all 0.5s ease-in-out;
  1065.     -moz-transition: all 0.5s ease-in-out;
  1066.     -o-transition: all 0.5s ease-in-out;
  1067. }
  1068.  
  1069.  
  1070. #musearea a.name:hover{
  1071.     color:{color:accent};
  1072. }
  1073.  
  1074. #museleft a.name {
  1075.     text-align:left;
  1076.     padding:10px 0px 0px 20px;
  1077.     background:none;
  1078.     color:{color:accent};
  1079. }
  1080. #museleft a.name:hover {
  1081.     color:{color:title};
  1082. }
  1083.  
  1084.  
  1085. .muse {
  1086.     display: block;
  1087.     width: 230px;
  1088.     {block:If400px}
  1089.     width:300px;
  1090.     {/block:If400px}
  1091.     margin-top: 10px;
  1092.     margin-bottom: 0px;
  1093.     margin-right: auto;
  1094.     margin-left: auto;
  1095. }
  1096.  
  1097. .musextra {
  1098.     display:block;
  1099.     position:relative;
  1100.     top:-72px;
  1101.     left:242px;
  1102.     {block:If400px}
  1103.     left:278px;
  1104.     {/block:If400px}
  1105.     width:12px;
  1106.     margin-bottom:-70px;
  1107.     -webkit-transition: all 0.5s ease;
  1108.     -moz-transition: all 0.5s ease;
  1109.     transition: all 0.5s ease;
  1110. }
  1111.  
  1112. .musextra a{
  1113.     display:block;
  1114.     width:11px;
  1115.     height:11px;
  1116.     border-radius:50%;
  1117.     background-color:none;
  1118.     border:1px solid {color:posts bg};
  1119.     font-size:11px;
  1120.     font-family:'icony';
  1121.     color:{color:accent};
  1122.     padding:5px;
  1123.     margin:-5px;
  1124.     line-height:100%;
  1125.     text-shadow:none;
  1126. }
  1127. .musextra a:hover{
  1128.     background-color:{color:accent};
  1129.     border:1px solid {color:accent};
  1130.     color:{color:posts bg};
  1131. }
  1132.  
  1133. #museleft .musextra {
  1134.     left:47px;
  1135.     {block:If400px}
  1136.     left:54px;
  1137.     {/block:If400px}
  1138.     top:-72px;
  1139. }
  1140. #museleft .musextra a {
  1141.     color:{color:title};
  1142. }
  1143.  
  1144. #museleft .musextra a:hover{
  1145.     background-color:{color:title};
  1146.     border:1px solid {color:title};
  1147.     color:{color:posts bg};
  1148. }
  1149.  
  1150. .musesubtitle{
  1151.     position:relative;
  1152.     top:-38px;
  1153.     left:89px;
  1154.     {block:If400px}
  1155.     left:129px;
  1156.     {/block:If400px}
  1157.     text-align:right;
  1158.     max-width:120px;
  1159.     padding:2px;
  1160.     font-size:8px;
  1161.     text-transform:uppercase;
  1162.     line-height:90%;
  1163.     vertical-align:middle;
  1164.     font-style:italic;
  1165.     letter-spacing:1px;
  1166.     word-spacing:1px;
  1167.     padding-right:10px;
  1168.     font-weight:500;
  1169.     z-index:-9;
  1170.     background:{color:accent};
  1171.     color:{color:entries bg};
  1172. }
  1173. #museleft .musesubtitle {
  1174.     position:relative;
  1175.     left:80px;
  1176.     text-align:left;
  1177.     padding-right:2px;
  1178.     padding-left:10px;
  1179.     background-color:{color:title};
  1180.     color:{color:entries bg};
  1181. }
  1182.    
  1183.  
  1184. .museimg1, .museimg2 {
  1185.     border-radius: 50%;
  1186.     box-shadow: 1px 1px 1px rgba(250,250,250,0);
  1187.     background-color: {color:entries bg};
  1188. }
  1189.  
  1190.  
  1191. .museimg1 {
  1192.     width: 70px;
  1193.     height:70px;
  1194.     position:relative;
  1195.     top:0px;
  1196.     left:210px;
  1197.     {block:If400px}
  1198.     left:250px;
  1199.     {/block:If400px}
  1200.     margin: 4px;
  1201.     z-index:999;
  1202.     padding:5px;
  1203.     border: 1px solid {color:link};
  1204. }
  1205. .museimg2 {
  1206.     width: 42px;
  1207.     height: 42px;
  1208.     position:relative;
  1209.     top:15px;
  1210.     left:165px;
  1211.     {block:If400px}
  1212.     left:200px;
  1213.     {/block:If400px}
  1214.     z-index:99999;
  1215.     padding:4px;
  1216.     background:none;
  1217.     border: 1px solid {color:linkhover};
  1218. }
  1219.  
  1220. #museleft {
  1221.     margin-left:20px;
  1222. }
  1223.  
  1224. #museleft .muse {
  1225.     margin-left:10px;
  1226. }
  1227. #museleft .muse b {
  1228.     color:{color:accent};
  1229. }
  1230.  
  1231. #museleft .museimg1 {
  1232.     position:relative;
  1233.     top:0px;
  1234.     left:0px;
  1235.     border: 1px solid {color:underline};
  1236. }
  1237.  
  1238. #museleft .museimg2 {
  1239.     position:relative;
  1240.     top:15px;
  1241.     left:0px;
  1242.     margin-left:-100px;
  1243.     border: 1px solid {color:bold};
  1244. }
  1245.  
  1246.  
  1247. .c2 {
  1248.     margin-left:60px;
  1249. }
  1250.  
  1251.  
  1252. .museinfo {
  1253.     width: 170px;
  1254.     {block:If400px}
  1255.     width:220px;
  1256.     {/block:If400px}
  1257.     height: 80px;
  1258.     font-size:7px;
  1259.     letter-spacing:1px;
  1260.         text-transform: uppercase;
  1261.     overflow:auto;
  1262.     display: block;
  1263.     background-color: {color:posts bg};
  1264.     padding: 4px 10px 4px 10px;
  1265.     margin-left: 0px;
  1266.     {block:If400px}
  1267.     margin-left: -5px;
  1268.     {/block:If400px}
  1269.     margin-top: 20px;
  1270.     border: 3px solid {color:posts bg};
  1271.     border-radius:5px;
  1272.     z-index:1;
  1273. }
  1274.  
  1275. #museleft .museinfo {
  1276.     margin-left: 10px;
  1277. }
  1278.  
  1279.  
  1280.  
  1281. .muse b,  #museleft b {
  1282.     font-size:8.5px;
  1283.     font-family:'raleway';
  1284.     letter-spacing:0.5px;
  1285.     font-weight:800;
  1286.     text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1287. }
  1288. .muse a {
  1289.     font-size:8.5px;
  1290.     font-style:italic;
  1291.     text-transform:uppercase;
  1292.     color:{color:italic};
  1293.     font-family:'raleway';
  1294.     letter-spacing:0.5px;
  1295.     font-weight:800;
  1296.     word-spacing:3px;
  1297.     text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1298. }
  1299.  
  1300. #museleft .muse a {
  1301.     color:{color:underline};
  1302. }
  1303.  
  1304. .muse a:hover, #museleft .muse a:hover {
  1305.     color:{color:linkhover};
  1306. }
  1307.  
  1308.  
  1309.  
  1310. /*           ╰ ° TITLES N HEADINGS *°          */    
  1311.    
  1312. .title {
  1313.     width:435px;
  1314.     {block:If400px}
  1315.     width:535px;
  1316.     {/block:If400px}
  1317.     margin-left:10px;
  1318.     text-align:left;
  1319.     position:absolute;
  1320.     top:-50px;
  1321.     font-family:'glowies3';
  1322.     font-size:{select:title font size};
  1323.     text-transform:uppercase;
  1324.     line-height:85%;
  1325.     vertical-align:middle;
  1326.     opacity:1;
  1327.     word-spacing:0px;
  1328.     z-index:9999999999999;
  1329.     font-weight:600;
  1330.     color:{color:title};
  1331.   {block:IfTitleOutline}
  1332.    -webkit-text-stroke: 1px {color:title};
  1333.    color:transparent;
  1334.   {/block:IfTitleOutline}
  1335.     -webkit-font-smoothing: antialiased;
  1336.     -webkit-filter: blur(0.0000000001px);
  1337.     -webkit-transition: all 0.4s ease-out;
  1338.     -webkit-transition: all 0.4s ease-out;
  1339.     -moz-transition: all 0.4s ease-out;
  1340.     -o-transition: all 0.4s ease-out;
  1341. }
  1342.  
  1343.  
  1344.  
  1345.  
  1346.  
  1347. h1 {
  1348.     font-size:20px;
  1349.     padding:5px;
  1350.     margin:5px;
  1351.     font-weight:800;
  1352.     line-height:100%;
  1353.     letter-spacing:0px;
  1354.     text-transform:uppercase;
  1355.     text-shadow: 1px 1px 0px {color:entries bg};
  1356.     font-family:'glowies3';
  1357.     text-align:left;
  1358.     color:{color:accent};
  1359. }
  1360.  
  1361. h2, h3 {
  1362.     line-height:120%;
  1363.     font-family:'glowies3';
  1364.     text-shadow: 0px 0.5px 0px rgba(0,0,0,.1);
  1365.     text-transform:uppercase;
  1366.     margin-bottom:5px;
  1367.     margin-top:5px;
  1368. }
  1369.  
  1370. h2 {
  1371.     font-size:14px;
  1372.     font-weight:800;
  1373.     letter-spacing:-0.5px;
  1374.     background:none;
  1375.     text-align:right;
  1376.     width:auto;
  1377.     padding:4px;
  1378.     color:{color:link};
  1379. }
  1380.  
  1381. .posts h3 {
  1382.     background:{color:entries bg};
  1383. }
  1384.  
  1385.  
  1386. h3 {
  1387.     font-weight:700;
  1388.     color:{color:text};
  1389.     font-size:8px;
  1390.     padding:8px;
  1391.     border-radius:5px;
  1392.     text-align:center;
  1393.     background:{color:posts bg};
  1394. }
  1395.  
  1396. h4 {
  1397.     font-weight:700;
  1398.     color:{color:accent};
  1399.     font-size:18px;
  1400.     padding:3px 3px 6px 3px;
  1401.     border-bottom:1px solid {color:underline};
  1402.     text-align:left;
  1403.     text-transform:uppercase;
  1404.     background:transparent;
  1405.     margin-bottom:10px;
  1406.     margin-top:0px;
  1407.     font-family:'glowies3';
  1408. }
  1409.  
  1410. /*          ╰ ° IMAGE FILTERS *°        */
  1411.  
  1412. {block:IfGreyscale}
  1413.  
  1414. .posts img {
  1415.     -webkit-filter:grayscale(25%);
  1416.     opacity:.75;
  1417.    
  1418. }
  1419.  
  1420. .html_photoset {
  1421.     -webkit-filter: grayscale(100%);
  1422. }
  1423.    
  1424. {/block:IfGreyscale}
  1425.  
  1426. img {
  1427.     max-width:100%;
  1428.     height:auto;}
  1429.    
  1430.  
  1431. /*           ╰ ° NAVIGATION *°            */
  1432.  
  1433.  
  1434. /*----- Tab Links -----*/
  1435.    
  1436. /* Clearfix */
  1437. .tab-links:after {
  1438.     display:inline-block;
  1439.     clear:both;
  1440.     content:'';  
  1441.      
  1442. }
  1443.  
  1444. .tab-links li {
  1445.     margin:0px;
  1446.     display:inline-block;
  1447.     list-style:none;
  1448.     z-index:-999;
  1449.     padding:0px;
  1450. }
  1451.  
  1452. .tab-links {
  1453.     position:absolute;
  1454.     top: 7px;
  1455.     right: -10px;
  1456.     height:50px;
  1457.     width:260px;
  1458.     background:none;
  1459.     text-align:center;
  1460.     margin-top:-27px;
  1461.     opacity:1;
  1462.     border:0px solid {color:icon border};
  1463.     z-index:9999999999999999;
  1464.     -webkit-transition: all 0.5s ease;
  1465.     -moz-transition: all 0.5s ease;
  1466.     -o-transition: all 0.5s ease;
  1467. }
  1468.  
  1469. .tab-links a {
  1470.     width:16px;
  1471.     height:16px;
  1472.     display:block;
  1473.     font-size:20px;
  1474.     line-height:100%;
  1475.     letter-spacing:0px;
  1476.     text-align:right;
  1477.     font-family: 'glowies3';
  1478.     margin:5px 8px;
  1479.     padding:8px 11px 10px 7px;
  1480.     opacity:1.0;
  1481.     text-align:center;
  1482.     background:{color:navi};
  1483.     color:transparent;
  1484.    -webkit-text-stroke: 1px {color:accent};
  1485.     border-radius:50%;
  1486.     border:1px solid {color:accent};
  1487.     text-shadow:none;
  1488.     text-transform:uppercase;
  1489.     transform:rotate(0deg) scale(1);
  1490.     -webkit-transform:rotate(0deg) scale(1);
  1491.     -webkit-transition: all 0.3s ease;
  1492.     -moz-transition: all 0.3s ease;
  1493.     -o-transition: all 0.3s ease;
  1494. }
  1495.  
  1496. .tab-links a:hover {
  1497.     background:{color:link};
  1498.     color:{color:navi};
  1499.    -webkit-text-stroke: 0px {color:entries bg};
  1500.     border:1px solid {color:accent};
  1501.     transform:rotate(8deg) scale(1.3);
  1502.     -webkit-transform:rotate(8deg) scale(1.3);
  1503. }
  1504.  
  1505.  
  1506.  
  1507. /*            ╰ ° ICONS N STUFF *°         */
  1508.  
  1509. #icon {
  1510.     display:static;
  1511.     position:absolute;
  1512.     z-index:9999999999999999999999999;
  1513.     padding:0px;
  1514.     top: 75px;
  1515.     left:190px;
  1516.     width:80px;
  1517.     height:80px;
  1518.     -webkit-transition: all .4s ease-out;
  1519.     -moz-transition: all .4s ease-out;
  1520.     -o-transition: all .4s ease-out;
  1521.     -ms-transition: all .4s ease-out;
  1522.     transition: all .4s ease-out;
  1523. }
  1524.    
  1525. #icon img {
  1526.     width:auto;
  1527.     height:auto;
  1528.     background-color: {color:entries bg};
  1529.     overflow:hidden;
  1530.     padding:8px;
  1531.     border-radius: 50%;
  1532.     border:0px solid {color:posts bg};
  1533.  }
  1534.  
  1535.    
  1536.  
  1537.  
  1538. /*         ╰ ° ENTRIES *°         */
  1539.  
  1540. .tabs {
  1541.     width:100%;
  1542.     margin-left:0px;
  1543.     display:inline-block;
  1544. }
  1545.  
  1546. .bigcon {
  1547.     width:705px;
  1548.     {block:If400px}
  1549.     width:805px;
  1550.     {/block:If400px}
  1551.     position:absolute;
  1552.     top:70px;
  1553.     bottom:0;
  1554.     right:0;
  1555.     left:0;
  1556.     margin:auto;
  1557.     overflow-y:none;
  1558.     overflow-x:none;
  1559.     background:{color:entries bg};
  1560.     height:420px;
  1561.     padding:0px;
  1562.     opacity:0.95;
  1563. }
  1564.  
  1565. /*----- TAB CONTENT -----*/
  1566.  
  1567. .tab {
  1568.     display:none;
  1569. }
  1570.  
  1571. .tab.active {
  1572.     display:block;
  1573. }
  1574.    
  1575. .entries, .entries2 {
  1576.     display:block;
  1577.     width:435px;
  1578.     {block:If400px}
  1579.     width:535px;
  1580.     {/block:If400px}
  1581.     background:none;
  1582.     margin-left:0px;
  1583.     margin-top:0px;
  1584.     position:absolute;
  1585.     top: 0px;
  1586.     left:0px;
  1587.     background:{color:entries bg};
  1588.     height:420px;
  1589.     z-index:9;
  1590.     text-align:justify;
  1591.     overflow-y:auto;
  1592.     overflow-x:hidden;
  1593.     padding: 0px 10px 0px 0px;
  1594.     -webkit-transition: all 0.5s ease;
  1595.     -moz-transition: all 0.5s ease;
  1596.     -o-transition: all 0.5s ease;
  1597. }
  1598. .entries2 {
  1599.     overflow:auto;
  1600. }
  1601.  
  1602. .posts:hover, .entries:hover {
  1603.     opacity:1;
  1604. }
  1605.    
  1606. .posts {
  1607.     width: 300px;
  1608.     {block:If400px}
  1609.     width:400px;
  1610.     {/block:If400px}
  1611.     padding: 20px;
  1612.     background: {color:posts bg};
  1613.     margin-bottom:0px;
  1614.     margin-left:55px;
  1615.     margin-top:40px;
  1616.     text-align:justify;
  1617.         border-radius:5px;
  1618.     opacity:0.85;
  1619.     -webkit-transition: all 0.5s ease;
  1620.     -moz-transition: all 0.5s ease;
  1621.     -o-transition: all 0.5s ease;
  1622. }
  1623.  
  1624. .posts:first-child {
  1625.    
  1626.     margin-top:20px;
  1627. }
  1628.  
  1629. #message {
  1630.     padding:30px;
  1631. }
  1632.  
  1633.  
  1634. #tab {
  1635.     padding:20px;
  1636.     overflow:auto;
  1637. }
  1638.  
  1639.  
  1640. /*         ╰ ° TABLE STUFF *°         */
  1641.  
  1642.  
  1643. table, th, td {
  1644.     border: 1px solid {color:entries bg};
  1645. }
  1646.  th, td {
  1647.     border-bottom: 1px solid {color:entries bg};
  1648. }
  1649.  
  1650. table {
  1651.     width: 100%;
  1652.     text-align: center;
  1653.     table-layout: fixed;
  1654. }
  1655.  
  1656. th {
  1657.     height: 12px;
  1658.     text-align: center;
  1659. }
  1660.  
  1661. th, td {
  1662.     padding:5px;
  1663.     background-color:{color:posts bg};
  1664. }
  1665.  
  1666. .tablenav {
  1667.     border-collapse: collapse;
  1668.     width:200px;
  1669.     margin-left:auto;
  1670.     margin-right:auto;
  1671. }
  1672.  
  1673. .tablenav a {
  1674.     display:block;
  1675.     font-size:7px;
  1676.     text-transform:uppercase;
  1677.     font-weight:700;
  1678.     text-align: center;
  1679.     letter-spacing:1.5px;
  1680. }
  1681.  
  1682.  
  1683. /*         ╰ ° DESCRIPTION *°         */
  1684.  
  1685. .cont {
  1686.     display: inline;
  1687.     position: absolute;
  1688.     top:0px;
  1689.     right:0px;
  1690.     width:250px;
  1691.     height:420px;
  1692.     background: url('{image:sidebar bg}') repeat center center;
  1693.     background-color:{color:sidebar bg};
  1694.     border-radius:0px;
  1695.     opacity:1;
  1696.     z-index:999999;
  1697.     -webkit-clip-path: polygon(100% 0%, 100% 100%, 0 100%, 10% 50%, 0 0);
  1698. clip-path: polygon(100% 0%, 100% 100%, 0 100%, 10% 50%, 0 0);
  1699.     -moz-osx-font-smoothing: grayscale;
  1700.     -webkit-transition-property: all;
  1701.     transition-property: all;
  1702.     -webkit-transition: all 0.5s ease;
  1703.     -moz-transition: all 0.5s ease;
  1704.     -o-transition: all 0.5s ease;
  1705. }
  1706.  
  1707.  
  1708. .description{
  1709.     display:static;
  1710.     position:relative;
  1711.     top:35px;
  1712.     left:32.5px;
  1713.     width:200px;
  1714.     height:300px;
  1715.     padding:0px;
  1716.     margin-bottom:-5px;
  1717.     border: 0px solid {color:accent};
  1718.     background:transparent;
  1719.     opacity:0;
  1720.     -webkit-font-smoothing: antialiased;
  1721.     -webkit-filter: blur(0.0000000001px);
  1722.     -webkit-transition: all 0.5s ease;
  1723.     -moz-transition: all 0.5s ease;
  1724.     -o-transition: all 0.5s ease;
  1725.     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1726.     -webkit-backface-visibility: hidden;
  1727.     backface-visibility: hidden;
  1728. }
  1729.  
  1730. .cont:hover .description {
  1731.     opacity:0.9;
  1732.     -webkit-transition: all 0.5s ease;
  1733.     -moz-transition: all 0.5s ease;
  1734.     -o-transition: all 0.5s ease;
  1735. }
  1736. .cont:hover .title {
  1737.     opacity:0;
  1738.     -webkit-transition: all 0.5s ease;
  1739.     -moz-transition: all 0.5s ease;
  1740.     -o-transition: all 0.5s ease;
  1741. }
  1742.  
  1743. .dtitle {
  1744.     text-align:center;
  1745.     padding:8px;
  1746.     position:relative;
  1747.     top:70px;
  1748.     left:00px;
  1749.     margin-bottom:50px;
  1750.     font-size:{select:hover title font size};
  1751.     text-transform:lowercase;
  1752.     line-height:{select:sidebar title lineheight};
  1753.     vertical-align:middle;
  1754.     opacity:1;
  1755.     word-spacing:0px;
  1756.     z-index:999999;
  1757.     font-weight:500;
  1758.     color:{color:hover title};
  1759.     text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1760.     font-family:  {select:Title Font};
  1761.     -webkit-font-smoothing: antialiased;
  1762.     -webkit-filter: blur(0.0000000001px);
  1763.     -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  1764.     transform:translate(0px,0%) rotate(-3deg) scale(1);
  1765.     -webkit-transition: all 0.4s ease-out;
  1766.     -webkit-transition: all 0.4s ease-out;
  1767.     -moz-transition: all 0.4s ease-out;
  1768.     -o-transition: all 0.4s ease-out;
  1769. }
  1770.  
  1771. .cont:hover .dtitle {
  1772.     -webkit-font-smoothing: antialiased;
  1773.     -webkit-filter: blur(0.0000000001px);
  1774.     -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  1775.     transform:translate(0px,0%) rotate(-3deg) scale(1);
  1776.     -webkit-transition: all 0.4s ease-out;
  1777.     -webkit-transition: all 0.4s ease-out;
  1778.     -moz-transition: all 0.4s ease-out;
  1779.     -o-transition: all 0.4s ease-out;
  1780. }
  1781.  
  1782.  
  1783. #desc {
  1784.     position:relative;
  1785.     top: 10px;
  1786.     left:15px;
  1787.     width:150px;
  1788.     height:130px;
  1789.     text-transform:uppercase;
  1790.     font-size:7px;
  1791.     line-height:200%;
  1792.     text-align:justify;
  1793.     padding:5px;
  1794.     border:5px solid rgba(255,255,255,0);
  1795.     overflow-y:auto;
  1796.     overflow-x:none;
  1797.     border-radius:5px;
  1798.     font-weight:600;
  1799.     background:transparent;
  1800.     color:{color:hover title};
  1801.     text-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
  1802.     -webkit-font-smoothing: antialiased;
  1803.     -webkit-filter: blur(0.0000000001px);
  1804.     }  
  1805.    
  1806. #desc h3 {
  1807.     background:{color:entries bg};
  1808. }
  1809.  
  1810. #desc * {
  1811.     color:{color:hover title};
  1812. }
  1813.  
  1814. /*           ╰ ° KEEP READING *°          */
  1815.  
  1816. .readsummore{
  1817.     position: relative;
  1818.     padding: 20px 0;
  1819.     width: 100%;
  1820. }
  1821.  
  1822. .readsummore a:link{
  1823.     -webkit-transition: all 0.2s ease;
  1824.     -moz-transition: all 0.2s ease;
  1825.     -o-transition: all 0.2s ease;
  1826.     transition: all 0.2s ease;
  1827.     position: relative;
  1828.     left: calc(50% - 47px);
  1829.     padding: 4px 8px;
  1830.     border: 1px solid {color:entries bg};
  1831.     background: transparent;
  1832.     border-radius:20px;
  1833.     height:10px;
  1834.     font-size:7px;
  1835.     line-height:130%;
  1836.     vertical-align:middle;
  1837.     letter-spacing:1.5px;
  1838.     text-transform:uppercase;
  1839.     font-family: 'Raleway';
  1840.     text-align:center;
  1841.     font-weight:600;
  1842.     text-shadow:none;
  1843. }
  1844. .readsummore a:hover{
  1845.     background: {color:accent};
  1846.     color: {color:posts bg};
  1847. }
  1848.  
  1849. /*           ╰ ° PAGINATION *°          */  
  1850.    
  1851. #pagination {
  1852.     width:395px;
  1853.     {block:If400px}
  1854.     width:395px;
  1855.     {/block:If400px}
  1856.     height:1px;
  1857.     position:absolute;
  1858.     left:20px;
  1859.     top:210px;
  1860.     background:{color:icon border};
  1861.     z-index:9999;
  1862.     -webkit-transform:translate(-50%,0) rotate(90deg);
  1863.     transform:translate(-50%,0) rotate(90deg);
  1864.     -webkit-transition: all 0.3s ease;
  1865.     -moz-transition: all 0.3s ease;
  1866.     -o-transition: all 0.3s ease;
  1867. }
  1868.  
  1869.  
  1870. .pag a{
  1871.     font-weight:400;
  1872.     letter-spacing:1.5px;
  1873.     padding: 5px;
  1874.     display:inline-block;
  1875.     margin:0px 5px;
  1876.     text-shadow:none;
  1877.     line-height:100%;
  1878.     border-radius:3px;
  1879.     background:{color:entries bg};
  1880.     color:{color:link};
  1881.     -webkit-transition: all 0.3s ease;
  1882.     -moz-transition: all 0.3s ease;
  1883.     -o-transition: all 0.3s ease;
  1884. }
  1885. .pag a:hover{
  1886.     color:{color:linkhover};
  1887. }
  1888.  
  1889. .pag {
  1890.     letter-spacing:1px;
  1891.     text-transform:uppercase;
  1892.     font-size:14px;
  1893.     font-family:'glowies3';
  1894.     word-spacing:6px;
  1895.     margin-top:0px;
  1896.     width:415px;
  1897.     {block:If400px}
  1898.     width:415px;
  1899.     {/block:If400px}
  1900.     position:absolute;
  1901.     left:20px;
  1902.     top:200px;
  1903.     z-index:99999;
  1904.     -webkit-transform:translate(-50%,0) rotate(90deg);
  1905.     transform:translate(-50%,0) rotate(90deg);
  1906.     -webkit-transition: all 0.3s ease;
  1907.     -moz-transition: all 0.3s ease;
  1908.     -o-transition: all 0.3s ease;
  1909. }
  1910.  
  1911. .pright {
  1912.     float:right;
  1913. }
  1914.  
  1915. /*           ╰ ° CHAT CODE *°          */
  1916.  
  1917. .convo li{
  1918.     margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative;
  1919.    
  1920. }
  1921.  
  1922. .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b,.user_13 b,.user_15 b,.user_17 b,.user_19 b,.user_21 b, .user_23 b,.user_25 b,.user_27 b,.user_29 b,.user_31 b, .user_33 b,.user_35 b,.user_37 b,.user_39 b, .user_41 b,.user_43 b,.user_45 b,.user_47 b,.user_49 b,.user_51 b,.user_53 b,.user_55 b,.user_57 b,.user_59 b{color:{color:posts bg};}
  1923.  
  1924. .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b, .user_14 b,.user_16 b,.user_18 b,.user_20 b,.user_22 b, .user_24 b,.user_26 b,.user_28 b,.user_30 b,.user_32 b, .user_34 b,.user_36 b,.user_38 b,.user_40 b, .user_42 b,.user_44 b,.user_46 b,.user_48 b,.user_50 b,.user_52 b, .user_54 b,.user_56 b,.user_58 b,.user_60 b{color:{color:text};}
  1925.  
  1926. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11, .user_13,.user_15,.user_17,.user_19, .user_21,.user_23,.user_25,.user_27,.user_29, .user_31,.user_33,.user_35,.user_37,.user_39, .user_41,.user_43,.user_45,.user_47,.user_49,.user_51, .user_53,.user_55,.user_57,.user_59{
  1927.     float:left;background:{color:accent};color:{color:posts bg};left:3px
  1928. }
  1929. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after, .user_13::after,.user_15::after,.user_17::after,.user_19::after, .user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after, .user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after, .user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after,.user_51::after, .user_53::after,.user_55::after,.user_57::after,.user_59::after{
  1930.     content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent};border-bottom-right-radius:1em .5em
  1931.    
  1932. }
  1933. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12, .user_14,.user_16,.user_18,.user_20,.user_22, .user_24,.user_26,.user_28,.user_30,.user_32, .user_34,.user_36,.user_38,.user_40, .user_42,.user_44,.user_46,.user_48,.user_50,.user_52, .user_54,.user_56,.user_58,.user_60{
  1934.     right:3px;float:right;background-color:{color:entries bg};color:{color:text};
  1935.    
  1936. }
  1937. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after, .user_14::after,.user_16::after,.user_18::after,.user_20::after, .user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after, .user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after, .user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after,.user_52::after, .user_54::after,.user_56::after,.user_58::after,.user_60::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:entries bg};border-bottom-left-radius:1em .5em;
  1938.    
  1939. }
  1940.  
  1941. .convo {
  1942.     overflow: hidden;
  1943.     list-style-type: none;
  1944.     padding: 0;
  1945.     margin: 0;
  1946. }
  1947.  
  1948. /*           ╰ ° ASKS N ANSWERS *°          */
  1949.  
  1950. #asker {
  1951.     position:absolute;
  1952.     right:85px;
  1953.     width:auto;
  1954.     display:inline;
  1955.     padding:4px 8px 4px 8px;
  1956.     margin-top:-30px;
  1957.     margin-bottom:30px;
  1958.     font-size:15px;
  1959.     letter-spacing:0px;
  1960.     text-transform:uppercase;
  1961.     font-family: 'glowies3';
  1962.     color: {color:linkhover};
  1963.     background:{color:posts bg};
  1964.     border:0px solid black;
  1965. }
  1966.  
  1967. #asker a {
  1968.     color: {color:linkhover};
  1969.     text-shadow:none;
  1970. }
  1971.  
  1972. #asker a:hover {
  1973.     color: {color:entries bg};
  1974. }
  1975.  
  1976. #question {
  1977.     width:272px;
  1978.     {block:If400px}
  1979.     width:372px;
  1980.     {/block:If400px}
  1981.     margin-left:-5px;
  1982.     margin-top:5px;
  1983.     margin-bottom:20px;
  1984.     border:1px solid {color:entries bg};
  1985.     padding:15px;
  1986.     font-size:8px;
  1987.     font-weight: 600;
  1988.     text-align:center;
  1989.     color: {color:text};
  1990.     letter-spacing:1px;
  1991.     text-transform:uppercase;
  1992.     border-radius:5px;
  1993.    
  1994. }
  1995.  
  1996.  
  1997.  
  1998.  
  1999. /*           ╰ ° QUOTES *°          */
  2000.        
  2001. #quote {
  2002.     text-align: center;
  2003.     font-weight: 600;
  2004.     line-height:180%;
  2005.     opacity:0.6;
  2006.     padding:15px;
  2007.     z-index:0;
  2008.     text-transform:uppercase;
  2009.     font-family:'raleway';
  2010.     letter-spacing: 1px;
  2011.     padding-bottom: 10px;
  2012.     background:{color:entries bg};
  2013. }
  2014.    
  2015. #quotesrc {
  2016.     font-size:10px;
  2017.     font-family: 'inconsolata', monospace;
  2018.     letter-spacing:1px;
  2019.     margin-right:40px;
  2020.     margin-top:5px;
  2021.     text-align:right;
  2022.     display:block;
  2023.     font-style:none;
  2024.     z-index:999;
  2025.     text-transform:lowercase;
  2026.     font-style:italic;
  2027.     color:{color:text};}
  2028. #quote:before {
  2029.     content: "❝ ";
  2030.     font-size:16px;
  2031.     font-family:  'roboto', sans-serif ;
  2032.     color:{color:underline};}
  2033. #quote:after {
  2034.     content: " ❞";
  2035.     font-size:16px;
  2036.     font-family:  'roboto', sans-serif ;
  2037.     color:{color:underline};}
  2038.  
  2039.  
  2040. /*           ╰ ° TUNES *°          */
  2041.  
  2042. .playerbuttonbg {
  2043.     position: absolute;
  2044.     left: 20px;
  2045.     top: 20px;
  2046.     width: 19px;
  2047.     height: 19px;
  2048.     background-color: #ffffff;
  2049.     padding: 10px;
  2050.     -webkit-border-radius: 40px;
  2051.     -moz-border-radius: 40px;
  2052.     border-radius: 40px;
  2053.     opacity: .4;
  2054.     filter: alpha(opacity=40);
  2055.     -moz-opacity: 0.4;
  2056.     -khtml-opacity: 0.4;
  2057.     transition: opacity .7s ease-in-out;
  2058.     -moz-transition: opacity .7s ease-in-out;
  2059.     -webkit-transition: opacity .7s ease-in-out;
  2060.             }
  2061.            
  2062. .playerbuttonbg:hover {
  2063.     opacity: 1;
  2064.     filter: alpha(opacity=100);
  2065.     -moz-opacity: 1;
  2066.     -khtml-opacity: 1;
  2067.             }
  2068.        
  2069. .newplayerbutton {
  2070.     position: relative;
  2071.     width: 19px;
  2072.     height: 19px;
  2073.     overflow: hidden;
  2074. }
  2075.  
  2076. .playerbuttonhug {
  2077.     position: absolute;
  2078.     top: -18px;
  2079.     left: -7px;
  2080. }
  2081.  
  2082. .tumblr_audio_player {
  2083.     height: 90px;
  2084.     width: 270px;
  2085.     -moz-transform: scale(0.60, 0.60);
  2086.     -webkit-transform: scale(0.60, 0.60);
  2087.     -o-transform: scale(0.60, 0.60);
  2088.     -ms-transform: scale(0.60, 0.60);
  2089.     transform: scale(0.60, 0.60);
  2090.     -moz-transform-origin: top left;
  2091.     -webkit-transform-origin: top left;
  2092.     -o-transform-origin: top left;
  2093.     -ms-transform-origin: top left;
  2094.     transform-origin: top left;
  2095. }
  2096.  
  2097. .audioimgwrapper {
  2098.     position: absolute;
  2099.     left: 0px;
  2100.     top: 0px;
  2101.     -webkit-border-radius: 40px;
  2102.     -moz-border-radius: 40px;
  2103.     border-radius: 40px;
  2104.     overflow: hidden;
  2105.     width: 79px;
  2106.     height: 79px;
  2107. }
  2108.  
  2109. .audioimgwrapper img {
  2110.     width: 100%;
  2111.     height: auto;
  2112.     -webkit-border-radius: 40px;
  2113.     -moz-border-radius: 40px;
  2114.     border-radius: 40px;                
  2115. }
  2116.  
  2117. .trackdetails {
  2118.     width: auto;
  2119.     font-family:'raleway';
  2120.     text-transform:uppercase;
  2121.     font-weight:600;
  2122.     display:inline-block;
  2123.     margin-left: 90px;
  2124.     padding:10px;
  2125.     letter-spacing:1px;
  2126.     min-height: 55px;
  2127. }
  2128. .trackdetails b{
  2129.     font-weight:800;
  2130. }
  2131. .trackdetails i{
  2132.     font-weight:800;
  2133.     font-style:italic;
  2134.     font-size:14px;
  2135.     color:{color:posts bg};
  2136.     padding:2px 5px 2px 5px;
  2137.     margin-left:-5px;
  2138.     margin-bottom:10px;
  2139.     line-height:180%;
  2140.     background:{color:accent};
  2141.     letter-spacing:0px;
  2142. }
  2143.  
  2144. .audiowrapper {
  2145.     position: relative;
  2146.     display:inline-block;
  2147.     margin-bottom:10px;
  2148.     margin-left:45px;
  2149.     {block:If400px}
  2150.     margin-left:80px;
  2151.     {/block:If400px}
  2152. }
  2153.    
  2154.    
  2155. /*           ╰ ° NOTES *°          */
  2156.  
  2157. .note {
  2158.     color:{color:text};
  2159.     text-transform:uppercase;
  2160.     width:290px;
  2161.     {block:If400px}
  2162.     width:390px;
  2163.     {/block:If400px}
  2164.     font-style:normal;
  2165.     letter-spacing:1px;
  2166.     font-size: 7px;
  2167.     text-align:left;
  2168.     line-height:130%;
  2169.     margin-left:-5px;}
  2170.    
  2171.    
  2172. .note a {
  2173.     color:{color:link};
  2174. }
  2175.  
  2176. .note a:hover{
  2177.     color:{color:linkhover};
  2178. }
  2179.    
  2180. .note li {
  2181.     list-style-type:none;
  2182.     padding:4px 15px 4px 15px;
  2183.     text-align:left;
  2184.     -moz-transition-duration:0.5s;
  2185.     -webkit-transition-duration:0.5s;
  2186.     -o-transition-duration:0.5s;}
  2187.    
  2188. .note img.avatar {
  2189.     margin-right: 10px;
  2190.     display:none;
  2191.     width: 16px;
  2192.     height: 16px;
  2193.    
  2194. }
  2195.  
  2196.  
  2197.  
  2198. /*           ╰ ° TAGS N PERMALINKS *°          */
  2199.  
  2200. .tags {
  2201.     font-size:7px;
  2202.     letter-spacing:1px;
  2203.     font-weight:bold;
  2204.     margin-top:0px;
  2205.     margin-bottom:0px;
  2206.     margin-left:55px;
  2207.     opacity:0.6;
  2208.     width:300px;
  2209.     text-transform:uppercase;
  2210.     {block:If400px}
  2211.     width:400px;
  2212.     {/block:If400px}
  2213.     padding:15px;
  2214.     padding-top:10px;
  2215.     line-height:150%;
  2216.     z-index:999;
  2217.     text-align:center;
  2218.     -webkit-transition: all 0.8s ease;
  2219.     -moz-transition: all 0.8s ease;
  2220.     transition: all 0.8s ease;
  2221.    
  2222. }
  2223. .tags:hover {
  2224.     opacity:1;
  2225.     margin-top:0px;
  2226. }
  2227.    
  2228. .tags a, .permalink a {
  2229.     color:{color:link};
  2230.     background:{color:entries bg};
  2231.     border:1px solid {color:posts bg};
  2232.     padding:3px 5px;
  2233.     margin:3px 1px;
  2234.     border-radius:10px;
  2235.     line-height:270%;
  2236.     text-shadow:none;
  2237. }
  2238.  
  2239. .permalink a {
  2240.     color:{color:link};
  2241. }
  2242.  
  2243. .tags a:hover{
  2244.     color:{color:posts bg};
  2245.     background:{color:linkhover};
  2246.     border:1px solid {color:entries bg};
  2247. }
  2248.  
  2249. .permalink a{
  2250.     font-size:10px;
  2251.     text-align:center;
  2252.     line-height:100%;
  2253.     padding:5px;
  2254.     border-radius:50%;
  2255.     text-shadow:none;
  2256.     border:1px solid {color:posts bg};
  2257.     background:{color:entries bg};
  2258.     -webkit-transition: all 0.4s ease;
  2259.     -moz-transition: all 0.4s ease;
  2260.     transition: all 0.4s ease;
  2261. }
  2262.  
  2263.  
  2264. .permalink a:hover{
  2265.     color: {color:posts bg};
  2266.     background:{color:link};
  2267.     border:1px solid {color:link};
  2268. }
  2269.  
  2270. .permalink {
  2271.     width:300px;
  2272.     {block:If400px}
  2273.     width:400px;
  2274.     {/block:If400px}
  2275.     word-spacing:0px;
  2276.     text-align:right;
  2277.     margin-top:-10px;
  2278.     margin-left:auto;
  2279.     margin-right:auto;
  2280.     margin-bottom:10px;
  2281.     text-transform:none;
  2282.     font-family:'icony';
  2283.     color:{color:text};
  2284.     padding:3px;
  2285.     opacity:1;
  2286. }
  2287.  
  2288.  
  2289.  
  2290. /*           ╰ ° COPYRIGHT - DON'T_TOUCH_THIS.MP3 *°          */    
  2291.    
  2292.  .credit, .credit a {
  2293.     position:fixed;
  2294.     left:10px;
  2295.     bottom:10px;
  2296.     width:11px;
  2297.     height:11px;
  2298.     border-radius:50%;
  2299.     background-color:{color:posts bg};
  2300.     border:1px solid {color:posts bg};
  2301.     font-size:11px;
  2302.     color:{color:text};
  2303.     letter-spacing:1px;
  2304.     padding:5px;
  2305.     line-height:100%;
  2306.     opacity:0.75;
  2307.     z-index:99999999999;
  2308.     -webkit-transition: all 0.5s ease;
  2309.     -moz-transition: all 0.5s ease;
  2310.     transition: all 0.5s ease;
  2311.  }  
  2312.  .credit i{
  2313.     font-family:'icony';
  2314.     font-style:normal;
  2315.     color:{color:text};
  2316.     -webkit-transition: all 0.5s ease;
  2317.     -moz-transition: all 0.5s ease;
  2318.     transition: all 0.5s ease;
  2319.  }
  2320.  
  2321.  .credit a:hover {
  2322.      opacity:1;
  2323.      background:none;
  2324.      color:{color:posts bg};
  2325.  }
  2326.  
  2327.  .credit a:hover i{
  2328.      color:{color:posts bg};
  2329.      text-shadow:none;
  2330.     -webkit-transition: all 0.5s ease;
  2331.     -moz-transition: all 0.5s ease;
  2332.     transition: all 0.5s ease;
  2333.  }
  2334.    
  2335. .credit:hover {
  2336.     opacity:1;
  2337.     background:none;
  2338.     color:{color:posts bg};
  2339. }    
  2340. .credit a span{
  2341.         width: 45px;
  2342.         height: auto;
  2343.         padding: 3px;
  2344.         left: 0%;
  2345.         margin-left: 15px;
  2346.         font-weight: 400;      
  2347.         font-size:6.5px;
  2348.         text-align: center;
  2349.         border: 4px solid {color:posts bg};
  2350.     background-color:{color:posts bg};
  2351.         text-indent: 0px;
  2352.         text-transform:uppercase;
  2353.         border-radius: 5px;
  2354.         position: absolute;
  2355.         color:{color:text};
  2356.     pointer-events: none;
  2357.         opacity: 0;
  2358.         text-shadow:none;
  2359.         transition: all 0.3s ease-in-out;
  2360.     -webkit-transform: translate3d(20px,20px,0px) rotate(45deg);
  2361.     transform: translate3d(20px,20px,0px) rotate(45deg);
  2362. }
  2363. .credit a span:before,
  2364. .credit a span:after{
  2365.         content: '';
  2366.         position: absolute;
  2367.         bottom: -10px;
  2368.         left: 50%;
  2369.         margin-left: -21px;
  2370.         width: 0;
  2371.         height: 0;
  2372.         border-left: 6px solid transparent;
  2373.         border-right: 6px solid transparent;
  2374.         border-top: 6px solid {color:posts bg};
  2375. }
  2376.  
  2377. .credit a:hover span{
  2378.         opacity: 0.9;
  2379.     -webkit-transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2380.     transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2381. }
  2382.  
  2383. .credit span b{
  2384.     font-style:none;
  2385.     font-family:'glowies5';
  2386.     font-weight:800;
  2387.     text-transform:lowercase;
  2388.     letter-spacing:0.5px;
  2389.     font-size:19px;
  2390. }
  2391.    
  2392.  
  2393. {CustomCSS}</style>
  2394.    
  2395.    
  2396.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2397. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2398.  
  2399. <script>
  2400. $(document).ready(function(){
  2401.    // un-uglify new tumblr controls by magnusthemes@tumblr
  2402.    $(".tmblr-iframe--unified-controls").initialize(function(){
  2403.        var originalURL = $(this).attr("src").split("useThemeColors");
  2404.        var srcpart = originalURL[1].split("scrollHeader")[1];
  2405.        var newURL = originalURL[0] + 'useThemeColors":false, "scrollHeader' + srcpart;
  2406.        $(this).attr("src", newURL);
  2407.    });
  2408.    $(".tmblr-iframe--loaded").initialize(function(){
  2409.        $(this).appendTo("div#tumblr-controls");
  2410.    });
  2411. });
  2412. </script>
  2413.    
  2414.    
  2415. </head><body>
  2416.  
  2417.  
  2418.  
  2419. <div id="tumblr-controls"></div>
  2420.  
  2421.  
  2422.   {block:IfBodyBorder}
  2423. <div class="headerbar"></div>
  2424. <div class="headerbar2"></div>
  2425. <div class="headerbar3"></div>
  2426. <div class="headerbar4"></div>
  2427.  {/block:IfBodyBorder}
  2428.  
  2429. <div class="counter">{text:statistics}</div>
  2430.  
  2431.  
  2432. <div class="tinyheader"></div>
  2433.  
  2434.  
  2435.  
  2436. <div class="bigcon">
  2437.  
  2438.    
  2439.         <div class="title">{text:title}</div>
  2440.      
  2441.     <div class="tabs">
  2442.         <ul class="tab-links">
  2443.         <li class="active"><a href="/" title="{text:tab 1 title}">a.</a></li>
  2444.         <li><a href="#tab2" title="{text:tab 2 title}">b.</a></li>
  2445.         <li><a href="#tab3" title="{text:tab 3 title}">c.</a></li>
  2446.         <li><a href="#tab4" title="{text:tab 4 title}">d.</a></li>
  2447.         </ul>
  2448.     </div>
  2449.  
  2450.     <div class="cont">
  2451.    
  2452.        
  2453.    
  2454.         <div class="description">
  2455.            
  2456.            
  2457.             <div class="dtitle">{text:desc title}</div>
  2458.             <div id="desc">{Description}</div>
  2459.    
  2460.         </div>
  2461.  
  2462.     </div>
  2463.  
  2464.    
  2465. <!-- --------------------------- TABS -------------------------- -->
  2466.  
  2467.     <div class="tabs">
  2468.  
  2469. <!-- --------------------------- TAB 1 -------------------------- -->
  2470.  
  2471.         <div id="tab1" class="tab active">
  2472.        
  2473.         <div class="pag">{block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">sink</a>{/block:PreviousPage} {block:NextPage}<a class="pright" href="{NextPage}">swim</a>{/block:NextPage}{/block:Pagination}</div>
  2474.         <div id="pagination"></div>  
  2475.        
  2476.             <div class="entries">
  2477.            
  2478.                
  2479.                 {block:Posts}
  2480.                 <div class="posts">
  2481.                
  2482.                
  2483.        
  2484.         {block:Date}
  2485.         <div class="permalink">
  2486.         <a class="hvr-push" href="{Permalink}" title="{TimeAgo}"></a>{block:RebloggedFrom} <a class="hvr-push" href="{ReblogParentURL}" title="via"></a>{/block:RebloggedFrom} {block:ContentSource} <a class="hvr-push" href="{SourceURL}" title="source"></a>{/block:ContentSource} <a class="hvr-push" href="{Permalink}"  title="{NoteCount} notes"></a> <a class="hvr-push" href="{ReblogURL}" title="reblog"></a>{/block:permalinkpage}
  2487.         </div>
  2488.         {/block:Date}
  2489.                
  2490.     {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  2491.      
  2492.     {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  2493.     {/block:Photo}
  2494.      
  2495.     {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  2496.      
  2497.     {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2498.      
  2499.     {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<div id="quotesrc">{Source}</div>{/block:Source}{/block:Quote}
  2500.    
  2501.      
  2502.     {block:AudioPlayer}
  2503.         <div class="audiowrapper">
  2504.         {block:AlbumArt}
  2505.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  2506.         {/block:AlbumArt}
  2507.        
  2508.         <div class="playerbuttonbg">
  2509.             <div class="newplayerbutton">
  2510.                 <div class="playerbuttonhug">
  2511.            
  2512.                     {AudioPlayerWhite}
  2513.            
  2514.                 </div>
  2515.             </div>
  2516.         </div>
  2517.        
  2518.         <div class="trackdetails">
  2519.            
  2520.                 {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  2521.                 {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  2522.                 {block:Album}<b>Album:</b> {Album}{/block:Album}
  2523.    
  2524.         </div>
  2525.         </div>
  2526.         {block:Caption}{Caption}{/block:Caption}
  2527.         {/block:AudioPlayer}
  2528.    
  2529.  
  2530.      
  2531.     {block:Video}{Video-400}
  2532.     {block:Caption}{Caption}{/block:Caption}
  2533.     {/block:Video}
  2534.      
  2535.     {block:Chat}
  2536.               {block:Title}
  2537.                 <h2>{Title}</h2>{/block:Title}<br>
  2538.     <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}
  2539.     {Line}</li>{/block:Lines}</ul>
  2540.                 {/block:Chat}
  2541.      
  2542.     {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div>{Answer}{/block:Answer}
  2543.  
  2544. {block:More}<div class="readsummore"><a href="{Permalink}" class="more-btn">Read More</a></div>{/block:More}
  2545.  
  2546.                 </div>
  2547.  
  2548.  
  2549.  
  2550.  
  2551.  
  2552.     {block:HasTags}<div class="tags"><span class="lnr lnr-tag"></span> {block:Tags} <a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  2553.      
  2554.     {block:PostNotes}
  2555.     <div class="note">
  2556.     {PostNotes}
  2557.     </div>
  2558.     {/block:PostNotes}
  2559.      
  2560.     <!-- {block:NoRebloggedFrom}
  2561.     {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2562.     {/block:NoRebloggedFrom} -->
  2563.    
  2564.     {block:ContentSource}<!-- {SourceURL}
  2565.     {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2566.     {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2567.     {/block:ContentSource}
  2568.      
  2569.      
  2570.     {/block:Posts}
  2571.    
  2572.    
  2573.         </div><!---end of tab1--->
  2574.     </div><!---end of tab--->
  2575.  
  2576.  
  2577. <!-- -------------------------- TAB 2 -------------------------- -->
  2578.  
  2579.  
  2580. <div id="tab2" class="tab">
  2581.     <div class="entries2">
  2582.         <div id="message">
  2583.         <h4>{text:askbox title}</h4>
  2584.         <iframe frameborder="0" scrolling="no" width="100%" height="210" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2585.         </div>
  2586.     </div>
  2587. </div>
  2588.        
  2589.        
  2590. <!-- -------------------------- TAB 3 -------------------------- -->
  2591.  
  2592. <div id="tab3" class="tab">
  2593.     <div class="entries2">
  2594.         <div id="tab">
  2595.        
  2596.        
  2597.             <div class="updates">
  2598.                 <h4>updates</h4>
  2599.                 <div class="ff">
  2600.                 <b>02/27:</b> update here<br>
  2601.                 <b>03/05:</b> more updates<br>
  2602.                 <b>04/20:</b> hey this overflows too<br>
  2603.                 <b>06/11:</b> wow! another update<br>
  2604.                 <b>02/27:</b> update here<br>
  2605.                 <b>03/05:</b> more updates<br>
  2606.                 <b>06/11:</b> wow! another update<br>
  2607.                 <b>04/20:</b> hey this overflows too
  2608.                 </div>
  2609.             </div>
  2610.            
  2611.             <div class="nav">
  2612.            
  2613.             <div class="ntitle">{text:navtitle}</div>
  2614.             <div class="nsubtitle">{text:navsubtitle}</div>
  2615.             <img class="hvr-push mn" src="{image:tab icon}">
  2616.                 <a href="{text:link 1 url}">{text:link 1 title}</a>
  2617.                 <a href="{text:link 2 url}">{text:link 2 title}</a>
  2618.                 <a href="{text:link 3 url}">{text:link 3 title}</a>
  2619.                 <a href="{text:link 4 url}">{text:link 4 title}</a>
  2620.                 <a href="{text:link 5 url}">{text:link 5 title}</a>
  2621.                 <a href="{text:link 6 url}">{text:link 6 title}</a>
  2622.                 <a href="{text:link 7 url}">{text:link 7 title}</a>
  2623.                 <a href="{text:link 8 url}">{text:link 8 title}</a>
  2624.                 <a href="{text:link 9 url}">{text:link 9 title}</a>
  2625.             </div>
  2626.            
  2627.             <div class="z">
  2628.                 <h4>more stuff</h4>
  2629.                 <div class="f">
  2630.                 <p><xo>a.</xo> The key is to drink coconut, fresh coconut, trust me. The weather is amazing, walk with me through the pathway of more success. Take this journey with me, Lion! Major key, don’t fall for the trap, stay focused. </p>
  2631.                 <p><xx>b.</xx>It’s the ones closest to you that want to see you fail. Let me be clear, you have to make it through the jungle to make it to paradise, that’s the key, Lion! Bless up. Eliptical talk. Don’t ever play yourself. Fan luv. </p>
  2632.                 <p><xo>c.</xo>The weather is amazing, walk with me through the pathway of more success. Take this journey with me, Lion! How’s business? Boomin.</p>
  2633.                 </div>
  2634.             </div>
  2635.            
  2636.             <div class="m">
  2637.                 <img class="hvr-push mn" src="{image:tab icon2}">
  2638.                 <img class="hvr-push mn mm" src="{image:tab icon3}">
  2639.                 <img class="hvr-push mn" src="{image:tab icon4}">
  2640.             </div>
  2641.        
  2642.        
  2643.             <div class="messages">
  2644.            
  2645.             <!----- START OF RIGHT BUBBLE ----->
  2646.                 <div class="tw2">hey so this is a message thing</div>
  2647.             <!----- END OF RIGHT BUBBLE ----->
  2648.             <!----- START OF LEFT BUBBLE ----->
  2649.                 <div class="tw">keep it short n simple so it looks nice</div>
  2650.             <!----- END OF LEFT BUBBLE ----->
  2651.             <!----- START OF RIGHT BUBBLE ----->
  2652.                 <div class="tw2">i made it overflow heh</div>
  2653.             <!----- END OF RIGHT BUBBLE ----->
  2654.                    
  2655.             </div>
  2656.        
  2657.  
  2658.        
  2659.         </div>
  2660.     </div>
  2661. </div>
  2662.  
  2663.        
  2664. <!-- -------------------------- TAB 4 -------------------------- -->
  2665.  
  2666. <div id="tab4" class="tab">
  2667.     <div class="entries2">
  2668.         <div id="tab">
  2669.        
  2670.        
  2671.        
  2672.        
  2673.        
  2674.        
  2675. <!---------------------- START OF NEW MUSE SECTION ------------------>
  2676.          
  2677.         <div id="musearea">
  2678.            
  2679.            
  2680.            
  2681.             <img class="museimg1" src="http://78.media.tumblr.com/4dab01796c1144cb155ba60c397b329d/tumblr_inline_p28cvefuEn1up84fh_250.png"> <!------- THE BIGGER IMAGE ------>  
  2682.            
  2683.             <img class="museimg2" src="http://78.media.tumblr.com/ef96e52851031b00ca28e14e4eb09d04/tumblr_inline_p28cvg8MPv1up84fh_250.png"><!------- THE SMALL IMAGE ------>
  2684.            
  2685.     <div class="musesubtitle">label here</div>
  2686.    
  2687.            
  2688.         <a class="name">muse name</a><!------- TITLE HERE ------>
  2689.            
  2690.          
  2691.                
  2692.             <div class="muse">
  2693.                 <div class="museinfo">
  2694.                
  2695.                     <p><b>STATISTICS—</b> you can put <u>anything</u> <a>here</a>, it'll <i>overflow</i> and stuff! Lorem Khaled Ipsum is a major key to success. To be successful you’ve got to work hard, to make history, simple, you’ve got to make it. Major key, don’t fall for the trap, stay focused. It’s the ones closest to you that want to see you fail. I told you all this before, when you have a swimming pool, do not use chlorine, use salt water, the healing, salt water is the healing. In life there will be road blocks but we will over come it. Let’s see what Chef Dee got that they don’t want us to eat. They will try to close the door on you, just open it. Special cloth alert.</p>
  2696.                    
  2697.                    
  2698.                 </div>
  2699.             </div>
  2700.            
  2701.             <div class="musextra">
  2702.                 <a href="URL HERE" title="MUSINGS">#</a><br>
  2703.                 <a href="URL HERE" title="INTERACTIONS">Z</a><br>
  2704.                 <a href="URL HERE" title="VISAGE">7</a>
  2705.             </div>
  2706.    
  2707.          
  2708.     </div><!--- end of musearea --->
  2709.              
  2710.              
  2711.              
  2712. <!------------------------- END OF MUSE SECTION ------------------------>
  2713.    
  2714.          
  2715.      
  2716. <!-------------------- START OF NEW MUSE LEFT SECTION ------------------>
  2717.          
  2718.         <div id="musearea"><div id="museleft">
  2719.            
  2720.            
  2721.             <img class="museimg1" src="http://78.media.tumblr.com/2a9831d0c56c2ed32802f612b86762a3/tumblr_inline_p28cw35F2L1up84fh_250.png"> <!------- THE BIGGER IMAGE ------>  
  2722.            
  2723.             <img class="museimg2" src="http://78.media.tumblr.com/59593297853fd526eb453811bb349eb4/tumblr_inline_p28cvyjbTl1up84fh_250.png"><!------- THE SMALL IMAGE ------>
  2724.            
  2725.     <div class="musesubtitle">label here</div>
  2726.    
  2727.         <div class="c2"><a class="name">muse name</a><!------- TITLE HERE ------>
  2728.            
  2729.          
  2730.                
  2731.             <div class="muse">
  2732.                 <div class="museinfo">
  2733.                
  2734.                     <p><b>STATISTICS—</b> you can put <u>anything</u> <a>here</a>, it'll <i>overflow</i> and stuff! They never said winning was easy. Some people can’t handle success, I can. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Bless up. A major key, never panic. Don’t panic, when it gets crazy and rough, don’t panic, stay calm. How’s business? Boomin. They key is to have every key, the key to open every door. I’m up to something. The other day the grass was brown, now it’s green because I ain’t give up. Never surrender.</p>
  2735.                    
  2736.                    
  2737.                     </div>
  2738.                 </div>
  2739.             </div>
  2740.            
  2741.            
  2742.             <div class="musextra">
  2743.                 <a href="URL HERE" title="MUSINGS">#</a><br>
  2744.                 <a href="URL HERE" title="INTERACTIONS">Z</a><br>
  2745.                 <a href="URL HERE" title="VISAGE">7</a>
  2746.             </div>
  2747.    
  2748.          
  2749.     </div></div><!--- end of musearea --->
  2750.              
  2751.              
  2752.              
  2753. <!----------------------- END OF MUSE LEFT SECTION -------------------->
  2754.    
  2755.          
  2756.        
  2757.        
  2758.        
  2759.        
  2760.        
  2761.  
  2762. <!--------////// INSTRUCTIONS /////-------------
  2763.  
  2764. To add a whole new section aligned to the RIGHT:
  2765. - copy the entire code from the START OF NEW MUSE SECTION
  2766. to END OF NEW MUSE SECTION
  2767.  
  2768. To add a whole new section aligned to the LEFT:
  2769. - copy the entire code from the START OF NEW MUSE LEFT SECTION
  2770. to END OF NEW MUSE LEFT SECTION
  2771.  
  2772. muse icon dimensions: 70x70px and 40x40px
  2773.  
  2774. if you have any more questions, you can reach me at nintcndos.tumblr.com
  2775.  
  2776. --------  END OF INSTRUCTIONS /////-------------->
  2777.                    
  2778.                 </div><!--- end of tab --->
  2779.             </div><!--- end of entries --->
  2780.         </div><!--- end of tab4 --->
  2781.     </div><!--- end of tabs --->
  2782. </div><!--- end of bigcon --->
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788.  
  2789.  <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  2790.  
  2791.  <div class="credit"><a href="http://jcnnie.tumblr.com"><span>theme by <b>jcnnie</b></span><i>=</i></a></div>
  2792.  
  2793.  
  2794.  
  2795.  
  2796. </body>
  2797. </html>