basic - pfp - css

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

body{
 overflow:hidden;
}

body:before{
content:"t h e m e b ";
position: fixed;
color: #555;
bottom: 16px;
right: -23px;
font: 13px Raleway;
line-height: 90px;
text-transform: uppercase;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

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

.xg_theme #xg {
 position: auto;
 width: 500px;
 height: 220px;
 padding: 5px;
 margin-left: 500px;
 margin-top: 200px;
}

#xg_layout_column_2 {
 width: 300px;
 overflow: hidden;
 padding: 5px;
 margin-left: 0px;
 margin-top: 5px;
 background: #colorhere;
}

#xg_layout_column_1 {
 position: relative;
 width: 190px;
 height: 190px;
 overflow: hidden;
 margin-top: 5px;
 background-color: #cc8877; /* you can change the background color (blur color) of the picture here */
}

#xj_photo_img_tag{
 width: 200px;
 margin-top: 0px;
 margin-left: 0px;
 -webkit-filter: grayscale(0) blur(0px);
 filter: grayscale(0) blur(0px);
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -ms-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
}

#xj_photo_img_tag:hover{
 -webkit-transition: all 500ms ease-in-out;
 -moz-transition: all 500ms ease-in-out;
 -ms-transition: all 500ms ease-in-out;
 -o-transition: all 500ms ease-in-out;
 transition: all 500ms ease-in-out;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
 -webkit-filter: grayscale(1) blur(0px);
 filter: grayscale(0) blur(0px);
 opacity: 0.5;
}

#xg_body h1{
font: 15px/17px Oswald;
text-transform: lowercase;
margin-top: 0px;
}

#xg_body a {
 text-transform: uppercase;
 font: normal 10px Raleway;
 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: #ccaa99;
 color: #111;
}


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

.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;
}