Rathalox GOP 3639413520092014

/*---default background---*/

html, body {
background:url(http://www.hdbackgroundpoint.com/wp-content/uploads/2014/02/10/Galaxy-Desktop-Wallpapers-5.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
background-color:black;
}

/*---Profile font---*/
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: local('Allura'), local('Allura-Regular'), url(http://themes.googleusercontent.com/static/fonts/allura/v2/ExiT4hKozv4E-LiOi2vvJA.woff) format('woff');
}

/*---Parent code---*/
#columns {
position:relative;
float:none;
margin:0px auto;
width:700px;
top:0px;
height:100%;
overflow:visible !Important;
}

.column {
position:absolute;
overflow:visible !Important;
}

/*---Column MAIN---*/
#column_2 {
top:100px;
left:200px;
width:350px;
margin:0px;
padding:0px;
z-index:20;
height:0px;}

#column_2:hover {
}

#column_2:hover ~ #column_3 #id_contact {
opacity:0;
}

#column_2  .panel {
position:static !important;
height:0px !important;
overflow-x:hidden !important;
overflow-y:auto !important;
color:black;
padding:0px 10px;
margin:0px;
background:transparent;
}

#column_2 .panel:hover {
height:280px !Important;
padding:10px 10px;
box-shadow:0px 0px 3px #000;
background:rgba(255,255,255,0.5);
}

#column_2 h2 {
position:absolute;
margin:20px 0px;
left:100%;
top:0px;
padding:5px 9px 5px 4px;
height:15px;
width:125px;
text-align:right;
font-weight:100;
font-size:12px;
font-family:Century Gothic, CenturyGothic, AppleGothic, sans-serif;
background:rgba(25,25,25,0.3);
text-transform:none;
color:white;
box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

#column_2 .panel:hover h2 {
background:rgba(255,255,255,0.4);
text-shadow:0px 0px 5px #AAF, 0px 0px 5px #AAF;
color:white;
}
/*---array list---*/
#column_2 .panel:nth-of-type(2) h2 {top:25px;}
#column_2 .panel:nth-of-type(3) h2 {top:50px;}
#column_2 .panel:nth-of-type(4) h2 {top:75px;}
#column_2 .panel:nth-of-type(5) h2 {top:100px;}
#column_2 .panel:nth-of-type(6) h2 {top:125px;}
#column_2 .panel:nth-of-type(7) h2 {top:150px;}
#column_2 .panel:nth-of-type(8) h2 {top:175px;}
#column_2 .panel:nth-of-type(9) h2 {top:200px;}
#column_2 .panel:nth-of-type(10) h2 {top:225px;}

#column_2 ul.buttons {
display:inline !important;
position:static !Important;
}

#column_3 {
position:absolute;
height:0px;
width:0px;
height:0px;
left:0px;
top:50px;
overflow:visible;

}

/*--SP PANELS--*/

#column_3 #id_details {
top:55px;
left:-5px;
width:160px;
height:210px;
background:rgba(225,225,225,0.1) !important;
padding:5px;
border-radius:5px;
box-shadow:0px 0px 3px #000;
z-index:10;
color:white;
}

#column_3 #id_details h2 {
opacity:0.4;
position:absolute;
letter-spacing:0px;
top:30px;
left:40px;
width:500px;
color:rgba(255,255,255,0.5);
text-align:left;
font-size:45px;
font-family:Allura, Impact, Segoe Script, Comic Sans MS;
font-weight:bold;
text-transform:none;
background:transparent;
padding:5px 0px;
margin:0px;
border-radius:5px;
transform-origin:left top;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
z-index:-5;
text-shadow:0px 0px 3px rgba(255,255,255,0.5);
}

#column_3 #id_contact {
position:absolute;
padding:0px;
margin:0px;
background-color:transparent;
top:110px;
left:165px;
width:125px;
height:135px;
opacity:0.5;
text-align:center;
}

#column_3 #id_contact:hover {
opacity:1;
}

#column_3 #id_contact h2 {
display:none;
}

#column_3 #id_contact ul:not(.buttons) li{
position:relative;
float:left !important;
display:block;
margin:5px 0px;
top:0px;
left:0px;
width:130px;
height:auto;
padding:3px 0px;
background:rgba(0,0,0,0.3);
color:white;
border-radius:0px 10px 10px 0px;
}

#column_3 #id_contact ul:not(.buttons) li:hover {
background:rgba(255,255,255,0.4);
box-shadow:80px 0px 80px -40px rgba(0,0,0,0.5) inset;
}

#column_3 .media_panel {
position:fixed;
left:0px;
top:auto;
bottom:0px;
width:100%;
height:25px!important;
overflow:hidden !important;
padding:0px;
margin:0px;
background:rgba(0,0,0,0.4);
z-index:100;
opacity:0.5;
color:white;
}

#column_3 .media_panel:hover {
height:280px !important;
opacity:1;
}

#column_3 .media_panel h2 {
display:none;
}

#column_3  .media_panel object {
position:absolute;
left:0px;
bottom:0px;
height:280px!Important;
width:100%!important;
}

/*---Hidden column---*/
#column_1 {
position:fixed;
left:-2000px;
}

/*---PIC CONTAINER---*/
#pictures_container, #texts_container {
width:700px;
height:0px;
right:50%;
left:auto;
margin-right:-350px;
position:absolute;
top:30px;
color:white;
}

@media screen and (max-width:1000px) {
#texts_container, #pictures_container {
margin-right:0px;
right:0px;}
}
/*========================*
GAIA HEADER CONTROL
*========================*/

#gaia_header {
position:absolute;
top:0px;
background:transparent !Important;
pointer-events:auto;
overflow-x:visible;
overflow-y:visible;
font-family:arial !important;
font-weight:bold;
letter-spacing:1px;
font-size:10px !important;
width:100% !important;
min-width:800px !important;
height:0px !important;
-moz-transition:opacity 0.3s, background-color 0.4s;
-webkit-transition:opacity 0.3s, background-color 0.4s;
-o-transition:opacity 0.3s, background-color  0.4s;
transition:opacity 0.53, background-color  0.4s;
z-index:9000;
}

#header_left, #header_right {
padding:0px 5px;
position:absolute;
color:transparent !important;
width:auto !Important;
background-color:rgba(20,20,20,0.1)!important;
box-shadow: inset 0px 24px 24px -24px rgba(255,255,255,0.2);
-webkit-transition:all 0.5s;
transition:all 0.5s;
border-radius:0px 0px 5px 0px;
left:0px;
}

#header_right {left:auto!important;right:0px;
border-radius:0px 0px 0px 5px;}

#gaia_header ul:hover {
background:rgba(0,0,0,0.3)!important;
}

#gaia_header a{
color: white !Important;
text-decoration:none !Important;
font-weight:100;
font-size:12px;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-variant:small-caps;
}

#gaia_header a:hover {
color:red !important;
}

#header_left li.spacer+li {
background-image:url(http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png);
background-size:47px auto !important;
background-position:10px 1px;
background-repeat:no-repeat;
display:inline-block !important;
width:47px !important;
height:23px !important;
-o-transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
transition:all 0.5s;
padding:0px 10px 0px 10px;
line-height:23px;
position:relative;
top:-2px;
left:-5px;
background-color:rgba(0,0,0,0.5);
border-radius:0px 0px 10px 10px;
}

#header_left li a img {
opacity:0 !important;
}

/*---Link styling---*/

#columns a, #texts_container a {
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#FFF;
-webkit-transition:all 1s;
transition: all 1s;
text-shadow:0px 0px 3px #559;
}

#columns a:hover, #texts_container a:hover {
color:black !important;
text-shadow:0px 0px 3px #FFFFFF;
text-decoration:none !Important;
}
/*ALL TRANSITIONS*/

#gaia_header *, #columns * {
-webkit-transition:all 0.5s;
transition:all 0.5s;
}


/*------------------------------------*
USER STATUS BOX CONTROL
*------------------------------------*/
.forum_userstatus {
margin:10px auto 0px auto !important;
padding:3px 2px 5px 2px !important;
color:white !important;
text-decoration:none !important;
text-shadow:0px 0px 3px black, 0px 0px 4px black;
border:0px rgba( 255, 255, 255, 0.5 ) solid;
border-radius:5px;
width:120px;
background:none !important;
}

#avatar_menu {
position:absolute;
z-index:5050;
background:rgba(255,240,240,0.7);
}

.online, .offline {
color:white !important;
}

#avatar_menu, .forum_userstatus {
box-shadow:0px 0px 12px #FFFFFF inset, 0px 0px 24px #FFFFFF inset;
}

.forum_userstatus .statuslinks {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAMAAAC+Ge+yAAAAaVBMVEX///8AAAAAAAAAAAD////9/f0AAAAAAAAAAABfX1/////6+vp+fn7////////9/f3///+bm5v///////////99fX319fX////8/Pz8/Pz///+5ubn9/f2dnZ38/Py4uLj///8AAAC2traxXVsaAAAAI3RSTlMAAAgNGLwSBxlKPrhXK1O2HGUCITZWFrC+thByu2S9cwUGc9YpLywAAABKSURBVHheHcZFAoQwAMDA1KijLqv/fySUXCaIQdyNPdoEqLcZm96hjv4HKq3RS+CrJi930EurZD419mjabF4W3KcxXQXg/sXniheVvgMct5vtUQAAAABJRU5ErkJggg==);
background-position:right center;
background-repeat:no-repeat;
}

#avatar_menu li {
width:0px !important;
overflow:visible !important;
text-wrap: none;
background:rgba(25, 25, 25, 0.7) !important;
transition:width 0.5s;
-moz-transition:width 0.5s;
-webkit-transition:width 0.5s;
-o-transition:width 0.5s;
}

#avatar_menu li:hover {
width: 100% !important;
}

#avatar_menu li a{
display:block !important;
width:200px !important;
overflow:visible !important;
text-wrap: none; /*--- future CSS draft ---*/
color:white !important;
text-decoration:none !important;
text-shadow:0px 0px 3px black, 0px 0px 4px black;
}

#avatar_menu li a:hover{
background:none !important;
}

/*----wishlist----*/

#id_wishlist .item img{
border-radius: 6px;
margin:3px;
box-shadow: 0px 0px 7px white;
}

#id_wishlist .item:hover img {
background:rgba(255,255,255,0.5);
}

/*--patches--*/
.premium_sparkle, #avatar_menu+div+div {
display:none;
}

.mask {
z-index:1000 !important;
}

.media_panel ul.buttons {
top:0px;
left:40px;
}

/*---KILL CODE - KProject Group only---*/

KillKP {