okamisamaa GOP 2201201722124899 rev03022017

/*== base background ==*/
html, body {background: #000 url(http://i1156.photobucket.com/albums/p563/ogwolfattack/hpbg_zps0ayk93di.png);
background-size:auto 100%;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}

/*== front background ==*/
#column_3 .spoiler-wrapper:before {background:#000 url(http://i67.tinypic.com/28018h1.jpg);}

/*== click button front ==*/
#column_3 .spoiler-wrapper button {
background:transparent url(http://i695.photobucket.com/albums/vv312/fredysugiman/e1dyxAm.png) bottom no-repeat;}

/*== your avatar control ==*/
#footer {width:120px;
height:150px;
position:absolute;
top:20px;
left:20px;
z-index:5000;}

#footer:after {
content:'';
background:url(http://a2.cdn.gaiaonline.com/dress-up/avatar/ava/63/99/758c52f81519963_flip.png);
width:100%;
height:100%;
position:absolute;
opacity:0.7;
transition:1s;
display:block;
transform:rotateY(0deg);}

/*== minimum window size ==*/
body {
min-width:1100px;
min-height:600px;
width: auto;
position:relative;
}

/*== main codes ==*/
.column {overflow:visible !important;
padding:0px !important;
font-size:0px;
}

#columns, #column_1, #column_2 {position:absolute;
height:auto;
top:auto;
bottom:0px;
margin:0px;}

#columns {width:100%;
min-width:1100px;
min-height:0px;
overflow:visible !important;
padding:0px;
margin:0px;}

#column_3 {display:block;}

/*== side tabs==*/
#column_1 {
position:fixed;
width:0px !important;
left:auto;
right:300px;
top:40px;
overflow:visible;
z-index:150;
pointer-events:none;}

#column_1 .panel {
pointer-events:auto;
overflow:auto;
background:rgba(5,5,5,0.8) !important;
box-shadow:0px 0px 3px pink;
height:200px;
position:static !important;
left:3px;
width:280px;
top:0px;
padding:10px;
border-radius:10px 0 0 10px;
margin:0 0 5px 300px;
color:white;
}

#column_1 .panel:hover {
margin:0 0 5px 0;
}

#column_1 h2 {
text-transform:none;
background:rgba(100,100,100,0.4);
border-radius:5px 5px 0px 0px;
height:15px;
padding:5px;
color:white;
font-size:12px;
font-weight:100;
text-shadow:0px 0px 3px rgba(250,250,250,0.7);
font-family:Allura, comic sans ms;
-webkit-transform-origin:right top;
transform-origin:right top;
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
text-align:center;
right:-300px;
margin:0px 25px;
top:10px;
left:auto;
position:absolute;
width:150px;
letter-spacing:2px !Important;
}

#column_1 .panel:hover h2 {
background:rgba(210,210,210,0.7);
color:white;
text-shadow:0px 0px 3px #AAF, 0px 0px 3px #AAF;
right:0px;}

#column_1 .panel:nth-of-type(2) h2 {top:235px;}
#column_1 .panel:nth-of-type(3) h2 {top:470px;}
/*-- main column --*/
#column_2 {
min-height:10%;
height:auto;
width:1050px;
position:absolute;
bottom:10px;
left:50%;
margin:0px -525px;
padding-bottom:0px !important;
z-index:0;
overflow:hidden !important;
}

#column_2 .panel ul.buttons {
display:inline;
position:static;
}

#column_2 .panel {
letter-spacing:1px;
font-family:'Oswald', arial;
height:auto !important;
max-height:0px;
width:550px;
padding:0px 10px;
margin:0px auto;
display:block;
position:static;
overflow:hidden;
background:rgba(20,20,20,0);
color:transparent;
pointer-events:auto;
border-radius:5px;
border:0px solid transparent;
font-size:13px;}

#column_2 .panel h2 ~ * {opacity:0;}
#column_2 .panel:hover h2 ~ * {opacity:1;}

#column_2 .panel:hover {
overflow:auto;
background:rgba(20,20,20,0.7);
color:white;
padding:10px 10px;
max-height:375px;
margin:5px auto 30px auto;
box-shadow:0px 0px 3px #000;
border:5px solid transparent;
}

#column_2 .panel:before {
position:absolute;
display:none;
height:260px;
width:1050px;
content:'';
bottom:0px;
left:0px;
z-index:-1;
}

#column_2 .panel:hover:before {
display:block;
}

#column_2 .panel h2 {
font-family: 'Oswald', sans serif;
width:132px;
margin:0px -70px;
height:auto;
position:absolute;
left:50%;
bottom:5px;
text-align:center;
padding:3px;
font-size:12px;
text-transform:none;
line-height:15px;
font-weight:100;
color:#DDD;
height:14px;
min-height:auto;
background:rgba(10,10,10,0.5);
z-index:10;
}

#column_2 .panel:hover h2 {
font-size:15px;
padding:5px 6px;
transform:translate(-3px, 2px);
color:#FFF;
text-shadow:0px 0px 3px #AAF;
filter:drop-shadow(0px 0px 5px #fff);
-webkit-filter:drop-shadow(0px 0px 5px #fff);
}

/*---Array bubble---*/
#column_2 .panel:nth-last-of-type(2) h2 {
left:380px;margin-left:3px;
}
#column_2 .panel:nth-last-of-type(2) ~ .panel h2 {
margin-left:3px;
}


#column_2 .panel:nth-last-of-type(3) h2 {
left:235px;margin-left:75px;}
#column_2 .panel:nth-last-of-type(3) ~ .panel h2 {
margin-left:75px;
}

#column_2 .panel:nth-last-of-type(4) h2 {
left:90px;margin-left:147px;}
#column_2 .panel:nth-last-of-type(4) ~ .panel h2 {
margin-left:147px;
}

#column_2 .panel:nth-last-of-type(5) h2 {
left:-55px;margin-left:220px;}
#column_2 .panel:nth-last-of-type(5) ~ .panel h2 {
margin-left:220px;
}

#column_2 .panel:nth-last-of-type(6) h2 {
left:-200px;margin-left:293px;}
#column_2 .panel:nth-last-of-type(6) ~ .panel h2 {
margin-left:293px;
}

#column_2 .panel:nth-last-of-type(7) h2 {
left:-345px;margin-left:365px;}
#column_2 .panel:nth-last-of-type(7) ~ .panel h2 {
margin-left:365px;
}

/*== media ==*/
.media_panel object {
width:100%;
height:100%;
min-height:260px;
}

/*== friends ==*/
#id_friends ul.style1 li { width:80px;}

/*== comments ==*/
#id_comments dl {
max-height:300px;
overflow:auto;
}

/*== contacts ==*/
#id_contact ul:not(.buttons) {text-align:center;}

#id_contact ul:not(.buttons) li {display:inline-block;}

#id_contact ul:not(.buttons) li * {display:inline-block;
color:#bbb;
text-shadow:none;
font-size:12px;
font-weight:bold;
font-variant:small-caps;
-webkit-filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.7));
filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.7));
background:rgba(245,245,245,0.2);
padding:2px 5px;
border: solid #777;
border-width: 0 1px 0 1px;
}

#id_contact ul:not(.buttons) li span {color:#666;}

#id_contact ul:not(.buttons) li a {
border-color:#bbb;
}

#id_contact ul:not(.buttons) li *:hover {
background:rgba(155,155,155,0.3);
box-shadow:inset 0 -15px 25px -15px #000;
}

#id_contact ul:not(.buttons) li *:before {
content:'+';
font-weight:bold;
font-size:20px;
line-height:20px;
margin-right:5px;
}

#id_contact ul:not(.buttons) li:nth-of-type(2) *:before {
content:'✉';
}

#id_contact ul:not(.buttons) li:nth-of-type(3) *:before {content:'⇌';}

/*== triggers ==*/
#column_3 {position:static;}
#column_3 .custom_panel {
background:transparent;
min-height:0px;
margin:0px;
padding:0px;
position:static;
width:1px;
}

#column_3 h2 {
display:none;}

#column_3 .spoiler-wrapper {
position:absolute;
right:0px;
bottom:0px;
height:400px;
width:400px;
pointer-events:none;
border:none !important;
margin:0px !important;
padding:0px !important;
z-index:1000;}

#column_3 .spoiler-title {overflow: hidden;
width: 100%;
height: 100%;
position: relative;
}

#column_3 .spoiler-wrapper:before {
content:'';
display:block;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-attachment:fixed;
background-size:cover;
background-position:bottom;
padding:0px;
mix-blend-mode:darken;
-webkit-filter:blur(0px);
filter:blur(0px);
box-shadow:inset 0px 0 0px 20px rgba(255,255,255,0);
transition: 0.5s 0.2s;
}

#column_3 .spoiler-revealed:before {
-webkit-filter:blur(15px);
filter:blur(15px);
transition: 0.5s 0s;
opacity:0;
left:50%;
right:50%;
border-radius:0px;
border:0px solid transparent;
}

#column_3 .spoiler-wrapper button {
position:absolute;
bottom:10px;
right:10px;
height:280px;
width:220px;
background-size:auto 100%;
border:none !important;
margin:0px;
padding:0px;
pointer-events:auto;
color:transparent;
display:block !important;
transform:rotate(0deg);
transform-origin:bottom;
}

#column_3 .spoiler-wrapper button:nth-of-type(1):hover {-webkit-filter:drop-shadow( 0 0 5px #000);filter:drop-shadow( 0 0 5px #000);}

#column_3 .spoiler-revealed button:nth-of-type(1) {
transform:rotate(-90deg);
transform-origin:bottom;
border:none;
opacity:0.5;
bottom:-160px;
}

#column_3 .spoiler-wrapper button:nth-of-type(2) {
background:none rgba(25,25,25,0.7);
height:40px;
width:40px;
bottom:15px;
right:-60px;
box-shadow:0px 0px 3px #000;
opacity:0.6;
border-radius:10px 0 0 10px;
}

#column_3 .spoiler-wrapper button:nth-of-type(2):hover {opacity:1;}
#column_3 .spoiler-revealed button:nth-of-type(2) {
right:0px;
}

#column_3 .spoiler-wrapper button:nth-of-type(2):before {
content:'';
display:block;
border:15px solid;
width:0px;
border-color:#fff transparent transparent transparent;
position:absolute;
top:12px;
left:5px;
}

#column_3 .spoiler-wrapper ~ * {
display:block;
width:0px;
height:0px;
transition:1s;
}

#column_3 .spoiler-revealed ~  * {
height:340px;
}
/*========================*
GAIA HEADER CONTROL
*========================*/
#gaia_header {
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%;
min-width:1100px !important;
height:0px !important;
z-index:9000;
}

#header_left, #header_right {
padding:0px 5px;
position:absolute;
color:transparent !important;
width:auto !Important;
background-color:rgba(170,170,170,0.4)!important;
box-shadow: inset 0px -10px 10px -10px #ccc, 0px 0px 2px #000;
-webkit-transition:all 0.5s;
transition:all 0.5s;
border-radius:0px 0px 25px 0px;
left:0px;
height:20px !important;
padding:0px 20px 0px 0px;
}

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

#gaia_header ul:hover {
background:rgba(150,150,150,0.7)!important;
}

#gaia_header a{
color: #CCC !Important;
text-shadow:0px 0px 3px #000;
text-decoration:none !Important;
font-weight:100;
font-size:11px;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-variant:small-caps;
position:relative;
top:-3px;
display:block-inline;
float:none;
}

#gaia_header a:hover {
color:#FFF !important;
text-shadow:0px 0px 5px #AAF,0px 0px 5px #AAF;
}

#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 4px;
background-repeat:no-repeat;
display:inline-block !important;
width:47px !important;
height:26px !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.6);
border-radius:0px 0px 10px 10px;
}

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

/*-- floating images --*/
.avatar_decoration img, #footer {
animation:cfbounce 2s infinite alternate;
}

form #pictures_container .avatar_decoration img, .avatar_decoration:hover img, #footer:hover {
animation-play-state:paused;
}

@keyframes cfbounce {
0% {transform:translateY(0px);}
100% {transform:translateY(20px);}
}

.avatar_decoration a {display:inline-block;opacity:0.7;transition:1s;}

.avatar_decoration:hover a, #footer:hover:after{
opacity:1 !important;
transform:rotateY(360deg);
}

/*----LINK styling----*/

.panel a {
font-weight:400;
color:#faa !Important;
-webkit-transition:all 1s;
transition: all 1s;
text-shadow:0px 0px 3px rgba(240,240,250,0.7);
}

.panel a:hover {
color:#aaf !important;
text-shadow:0px 0px 3px rgba(5,5,5,0.8), 0px 0px 5px rgba(5,5,5,0.8);
text-decoration:none !Important;
}

#id_contact li a {
color: #ccc !important;
text-shadow:0px 0px 3px rgba(25,25,25,0.4);
}

#id_contact li a:hover {
color: #fff !important;
text-shadow:0px 0px 3px rgba(0,0,0,0.7);
}

/*== gaia header ==*/
#gaia_header {
min-width:1150px;
}

/*--All transitions--*/

#columns * , #gaia_header *, #columns *:before , #columns *:after {
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
}

/*== fonts and patches ==*/
#id_wishlist .item a {
border-radius:3px;
margin:3px;
display:block;
position:relative;
box-shadow:0px 0px 3px rgba(255,255,255,0.3),inset 0px -15px 15px -5px rgba(255,255,255,0.7) ;
background:rgba(255,255,255,0.8);
}

#id_wishlist .item a[title*='Donated'] {
box-shadow:0px 0px 3px rgba(25,25,255,0.3),inset 0px -15px 15px -5px rgba(30,30,255,0.7);
}

#id_wishlist .item a[title*='Bought'] {
box-shadow:0px 0px 3px rgba(205,255,55,0.3),inset 0px -15px 15px -5px rgba(200,250,50,0.7);
}

#id_wishlist .item a[title*='Wanted'] {
box-shadow:0px 0px 3px rgba(255,255,255,0.6),inset 0px -15px 15px -5px rgba(255,55,55,0.7) ;
}

#id_wishlist .item a[title*='Wanted']:after {
content:'!!!';
display:block;
position:absolute;
top:-10px;
left:-6px;
font-size:10px;
}

.premium_sparkle, #avatar_menu+div+div, #footer~script[src*='blockedimage']~script+script+div[style*='display']~div, noscript+script+script+noscript+div[style*='display']~div {
display:none;
}

/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/pEobIV_lL25TKBpqVI_a2w.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;
}

kill code {