insanity - nate - css

/*
This layout was created by VK.
Any attempts of copying, stealing or restributing my
codes/ideas will be dealt with accordingly.

This layout is better viewed on desktop.
*/

html,body{cursor: url(http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png), progress;}

body{
 overflow:hidden;
}

body:after{
content:"b y v e e k a y";
position: fixed;
color: #555;
bottom: -28px;
right: 8px;
font: 13px Raleway;
line-height: 90px;
text-transform: uppercase;
}

body:before {
 content:"";
 position: fixed;
 left: 300px;
 top: 0px;
 background:url(https://data.whicdn.com/images/348001842/original.jpg?1) -100px 90px no-repeat, url(http://img1.ak.crunchyroll.com/i/spire3/428d6e9a3da87c86dfdeafa2b115dd931231486160_full.png) -50px 90px no-repeat;
 background-size: auto 400px, 500px 400px, 500px 400px;
 background-blend-mode: multiply;
 width:310px;
 height:100%;
 -webkit-filter: grayscale(1) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0.5) brightness(100%) contrast(100%) blur(0px);
 border: 20px solid #trans;
 box-sizing:border-box;
}

.xg_3col:before {
 content:"nathaniel zeus vanderbilt";
 position: fixed;
 left: 350px;
 top: 120px;
 background: rgba(21, 21, 21, 0.5);
 background-size: auto 500px;
 background-position: center;
 width:190px;
 height:340px;
 -webkit-filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 border: 1px solid #000;
 box-sizing:border-box;
 padding: 215px 10px 30px 10px;
 font: bold 25px/35px Raleway;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 2px;
 text-align: center;
 -webkit-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

.xg_3col:hover:before {
 content:"nathaniel zeus vanderbilt";
 position: fixed;
 left: 350px;
 top: 120px;
 background: rgba(21, 21, 21, 1);
 background-size: auto 500px;
 background-position: center;
 width:190px;
 height:340px;
 -webkit-filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 border: 1px solid #000;
 box-sizing:border-box;
 padding: 20px 10px 170px 10px;
 font: bold 20px/20px Raleway;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 2px;
 text-align: center;
 -webkit-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

.xg_3col:after {
 content:"";
 position: fixed;
 left: 355px;
 top: 175px;
 width:130px;
 height:340px;
 -webkit-filter: grayscale(0) brightness(90%) contrast(90%) blur(0px);
 filter: grayscale(0) brightness(90%) contrast(90%) blur(0px);
 padding: 170px 10px 30px 10px;
 font: bold 25px/15px Raleway;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 3px;
 text-align: left;
 -webkit-transition: all 600ms ease-in-out;
 transition: all 600ms ease-in-out;
 opacity: 0;
}

.xg_3col:hover:after {
 content:"twenty four. est. 1996. taken; mikayla. insanity at its finest.";
 position: fixed;
 left: 375px;
 top: 175px;
 width:130px;
 height:340px;
 -webkit-filter: grayscale(0) brightness(90%) contrast(90%) blur(0px);
 filter: grayscale(0) brightness(90%) contrast(90%) blur(0px);
 padding: 170px 10px 50px 10px;
 font: bold 10px/15px Raleway;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 3px;
 text-align: center;
 -webkit-transition: all 600ms ease-in-out;
 transition: all 600ms ease-in-out;
 opacity: 1;
}

.xg_theme #xg:before {
 content:"";
 position: fixed;
 left: 580px;
 top: 0px;
background:url(https://hexcolor16.com/222222-200x200.png) 0px 90px no-repeat, url(https://coolbackgrounds.io/images/backgrounds/black/pure-black-background-f82588d3.jpg) 45px 115px no-repeat; background-size: auto 400px, 230px 350px;
 background-blend-mode: overlay;
 width:320px;
 height:100%;
 -webkit-filter: grayscale(1) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 border: 20px solid #trans;
 box-sizing:border-box;
}

.xg_theme #xg{}

body:after {
 content:"insa nity";
 position: fixed;
 right: 590px;
 top: 425px;
 width:50px;
 -webkit-filter: grayscale(1) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 font: bold 50px/40px Raleway;
 color: #fff;
 text-transform: uppercase;
}

.xg_theme #xg:after{
content:"";
 position: fixed;
 right: 520px;
 top: 480px;
 width:50px;
 -webkit-filter: grayscale(1) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 font: bold 70px/40px Raleway;
 text-align: right;
 color: #fff;
 text-transform: uppercase;
}

#xg_layout_column_2 {
 position: fixed;
 width: 100px;
 height: 60px;
 left: 720px;
 top: 135px;
 margin-bottom: 20px!important;
 background: ;
 color: #fff;
}

#xg_layout_column_1 {
 position: fixed;
 left: 600px;
 top: 120px;
 background:#151515;
 width:100px;
 height:100px;
 -webkit-filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 filter: grayscale(0) brightness(100%) contrast(100%) blur(0px);
 border: 10px solid #fff;
 box-sizing:border-box;
 font: bold 50px/50px Oswald;
 text-transform: uppercase;
 color: rgba(0, 0, 0, 0.5);
 letter-spacing: 3px;
 text-align: left;
}

#xj_photo_img_tag{
 width: 60px!important;
 padding: 10px;
 -webkit-filter: grayscale(1) brightness(90%) contrast(90%) blur(0px);
 filter: grayscale(1) brightness(90%) contrast(90%) blur(0px);
}

.module_user_summary:before{
 content:" ❝ quote here.❞ ";
 position: absolute;
 width: 150px;
 margin-top: 120px;
 margin-left: 45px;
 font: bold 8px/15px Raleway;
 text-transform: uppercase;
 color: #ddd;
 letter-spacing: 2px;
 text-align: justify;
}

.module_user_thumbnail:before{
 content:" ";
 position: absolute;
 width: 70px;
 height: 10px;
 margin-top: 70px;
 margin-left: 125px;
 background: #000;
}

.module_user_thumbnail:after{
 content:" ";
 visibility: visible!important;
 position: absolute;
 width: 70px;
 height: 10px;
 margin-top: 240px;
 margin-left: 25px;
 background: #000;
}

#xg_body a {
 text-transform: uppercase;
 font: bold 13px Oswald;
 line-height: 17px;
 transition: all 0.5s ease;
 opacity: 1;
 cursor: url(http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png), auto !important;
}

td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, input, .blacktext12, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15, .whitetext12, .blacktext10 .redtext, .redbtext {
font:11px Raleway;
}

::-webkit-scrollbar {
 width:17px;
 height:17px;
 background:#fff;
}

::-webkit-scrollbar-thumb:horizontal {
 background: #trans;
}

::-webkit-scrollbar-track {
 border:8px solid #fff;
 background:#ddd;
}

::-webkit-scrollbar-thumb {
 border-right:8px solid #fff;
 border-left:8px solid #fff;
 border-bottom:4px solid #fff;
 border-top:4px solid #fff;
 background:#000;
}

::selection {
 background: #ccaa33;
 color: #111;
}

#xg_body h1{
 display:none;
}


.xg_sprite-friend-add,
.xg_sprite-friend-request{
 position: fixed!important;
 bottom: 10px;
 left: -5px;
 font: 20px Raleway!important;
 color: #fff!important;
}

.xg_sprite-friend-add:after, .xg_sprite-friend-request:after {
 content:"›";
 position: absolute;
 margin-top: -2px;
 margin-left: 5px;
 opacity: 0;
 -webkit-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

.xg_sprite-friend-add:hover:after, .xg_sprite-friend-request:hover:after {
 content:"››";
 opacity: 1;
 -webkit-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

.xg_module_comment_wall {
 display: none;
}

.module_about_user {display:none;}
ul.nobullets.last-child {display:none;}
dd.profile-social-buttons,dd.relationship {display:none !important;}
.xg_theme #xg_foot {display: none;}
#xg_body h2, #xg_body h3 { display: none; }
#xj_StatusAndShareLink {display:none}
.xg_sprite xg_sprite-share {display:none!important;}
.xg_module_body .nobullets.last-child {display:none!important;}
.xg_chat.chatFooter .xg_chatBar, .xg_sprite .xg_sprite-add, .xg_span-5, .module_groups, .sortable.module_feed,  .module_photo, .xg_column.xg_span-4.xg_last.xj_classic_sidebar, .btn .label, #count, .module_blog , .xg_sprite.xg_sprite-share , ul.navigation li a, .xg_sprite-share , a.xg_sprite-message-block , .post_to_facebook , .post_to_twitter , .vcard .profile-like-button,ul.navigation.easyclear, .account-links, #xg_foot, #xg_module_account, #xg_sitedesc, #xg_navigation ul li, #xg_sitename, #xg_navigation, #xg_navigation ul, #xg_navigation, #xj_module_gift, #xg_module_body {visibility:hidden;} .xg_dock {display:none!important;} #xg_head, #xg_foot, .xg_span-5, ul.navigation li.right a, .xg_chat.chatFooter .xg_chatBar, .xg_sprite .xg_sprite-add, #xg_module_body{ display: none;} .xg_sprite .xg_sprite-add{ display: none;} .xg_sprite {background-image: none!important;} #xg_profile_activity, .module_members{display:none;} .module_members{display:none;} .xj_appearance_editor_profile{display:none;} .xg_module_body dt, .xg_module_body.profile.vcard dl.last-child, .online { display:none;} a.xg_sprite.xg_sprite-friend-remove { display:none!important;} .xg_column.xg_span-7.xg_last {display:none;}

.dy-badge-text-label,
.dy-badge-text-bg{
 display:none!important;
}

#xn_bar{
 left: -80px;
 top: 0px;
 background-color: transparent!important;
}

#xn_bar_menu_tabs,
#xn_bar_menu_more,
p#xn_gyo_link,
p#xn_brand{
 display:none !important;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'),
url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/BObL_3V2WX-YniTOi4CsnvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkRUcjaGRfmzOW8pfsS-qBq8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(http://themes.googleusercontent.com/static/fonts/abrilfatface/v6/X1g_KwGeBV3ajZIXQ9VnDvn8qdNnd5eCmWXua5W-n7c.woff) format('woff');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/9MkijrV-dEJ0-_NWV7E6NwXiAI3F8adTt8b-_w2WoPM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/UC3ZEjagJi85gF9qFaBgIIsv7neNnoQYDmljOSnH1QE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/n7G4PqJvFP2Kubl0VBLDEBZeN5y77JNHCKkhVNuYRJ4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}