html, body{
background: url(http://i.imgur.com/ZrMm7pX.jpg) no-repeat center center/cover fixed;
}
@font-face {
font-family: 'Homenaje';
font-style: normal;
font-weight: 400;
src: local('Homenaje'), local('Homenaje-Regular'), url(http://fonts.gstatic.com/s/homenaje/v5/4S5MkF9F4U5BChzwjsyu0vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/homenaje/v5/jYyetuCOSxcVAexXms8sf_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
#gaia_header{
background: linear-gradient(#E2E7ED 1%, white);
box-shadow: inset 0 0 5px white, 0 0 5px rgba(0, 0, 0, .5);
}
#gaia_header ul{
background: transparent !important;
font-family: 'Homenaje';
font-size: 11px !important;
text-shadow: 0 0 2px white;
color: #51565C !important;
letter-spacing: 2px;
}
#gaia_header a{
color: #51565C !important;
font-weight: normal;
transition: .3s all;
}
#gaia_header a:hover{
opacity: .4;
text-decoration: none;
}
#header_left:after{content: '| Coded By: Lady Saxophone';}
#header_left img {
width: 0px;
padding: 0 45px 0 5px;
background: url('http://i.imgur.com/CNt52rr.png') bottom left no-repeat;
opacity: .7;
}
#columns{
position: absolute;
top: 80px;
left: 50%;
margin-left: -450px;
width: 900px;
height: 470px;
overflow: visible;
}
#column_1, #column_2, #column_3{width: 200px; margin: 0; overflow: visible;}
#columns:before{
content: '';
background:
url(http://media.moddb.com/cache/images/members/3/2393/2392131/thumb_620x2000/4.Log.Out.Trasperant.Hover.png) no-repeat center center,
linear-gradient(#E2E7ED, white);
box-shadow: inset 0 0 5px white, 0 0 5px rgba(0, 0, 0, .5);
position: absolute;
top: 20px;
right: 20px;
height: 400px;
width: 600px;
border-radius: 2px;
}
.panel{
padding: 10px;
margin: 0;
color: #51565C;
font-family: 'Roboto Condensed';
font-size: 11px;
text-align: center;
text-shadow: 0 0 2px white;
position: absolute;
overflow: hidden;
border-radius: 2px;
}
.panel:hover h2{box-shadow: inset 0 0 10px #F4B623, 0 0 5px rgba(0, 0, 0, .5), inset 0 45px 0 0 #F2C045;}
.panel h2{
padding: 10px 5px;
margin: 0;
position: fixed;
top: 510px;
z-index: 5;
background: #F1CE4C;
box-shadow: inset 0 0 10px white, 0 0 5px rgba(0, 0, 0, .5);
font-weight: normal;
font-size: 18px;
letter-spacing: 1px;
text-transform: none;
text-align: center;
text-shadow: 0 0 3px #F9C32D;
width: 180px;
transition: .5s all;
border-radius: 2px;
}
.panel h2:before{
content: '';
background: url(http://i.imgur.com/8nw71jZ.png) no-repeat 0 0/100% auto;
position: absolute;
left: 50%;
margin-left: -25px;
top: -18px;
height: 20px;
width: 50px;
opacity: 0;
transition: .3s all;
}
.panel:hover h2:before{opacity: 1;}
.panel a{color: #DAAE35; font-weight: normal; transition: .3s all;}
.panel a:hover{color: #51565C; text-decoration: none;}
.panel img{max-width: 550px !important;}
#id_details{
background:
url(http://i.imgur.com/Ij4IjRx.png) no-repeat left 15px/220px auto,
linear-gradient(#E2E7ED, white);
top: 20px;
left: 20px;
box-shadow: 0 0 5px rgba(0, 0, 0, .5);
text-align: center;
width: 210px;
padding: 70px 10px 30px 10px;
}
#id_details:before{
content: 'I2ainy Days';
text-shadow: 0 0 2px white;
font-size: 11px;
color: white;
position: absolute;
top: 21px;
left: 18px;
}
#id_details:after{
content: '1800/1800 Lv:69';
word-spacing: 7px;
text-shadow: 0 0 2px white;
font-size: 10px;
color: white;
position: absolute;
top: 36px;
left: 137px;
}
#id_details p{margin: 0; font-size: 0;}
#id_details img{filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .5)); -webkit-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .5));}
#id_contact{padding: 0; overflow: visible; background: none; top: 275px; left: 20px;}
#id_comments{padding: 0; overflow: visible; background: none; top: 350px; left: 20px;}
#id_contact ul li span, #id_contact ul li a, #alert_container a{
padding: 10px 5px;
margin: 0;
position: absolute;
background: #F1CE4C;
box-shadow: inset 0 0 10px white, 0 0 5px rgba(0, 0, 0, .5);
font-weight: normal;
font-size: 14px;
letter-spacing: 1px;
text-transform: none;
text-align: center;
text-shadow: 0 0 3px #F9C32D;
width: 220px;
transition: .5s all;
border-radius: 2px;
color: white;
font-family: 'Homenaje';
}
#id_contact ul li span:hover, #id_contact ul li a:hover, #alert_container a:hover{
box-shadow: inset 0 0 10px #F4B623, 0 0 5px rgba(0, 0, 0, .5), inset 300px 0 0 #F2C045;
}
#id_contact ul li:nth-child(1) span, #id_contact ul li:nth-child(1) a{top: 0;}
#id_contact ul li:nth-child(3) span, #id_contact ul li:nth-child(3) a{top: 40px;}
#id_contact ul li span:before, #id_contact ul li a:before, #alert_container a:before{
content: '';
background: url(http://i.imgur.com/8nw71jZ.png) no-repeat 0 0/100% auto;
position: absolute;
height: 16px;
width: 40px;
opacity: 0;
transition: .3s all;
transform: rotate(-90deg);
left: -26px;
top: 10px;
}
#id_contact ul li span:hover:before, #id_contact ul li a:hover:before, #alert_container a:hover:before{
opacity: 1;
}
#id_about h2{margin-left: -10px;}
#id_wishlist h2{margin-left: 195px;}
#id_footprints h2{margin-left: 400px;}
#id_about, #id_wishlist, #id_footprints{
bottom: 50px;
right: 20px;
background: linear-gradient(#E2E7ED, white);
box-shadow: inset 0 0 5px white;
height: 0px;
width: 580px;
padding: 0 10px;
}
#id_about:hover, #id_wishlist:hover, #id_footprints:hover{
height: 380px;
overflow-y: auto;
padding: 10px;
}
#id_about{text-align: justify;}
#id_wishlist img{border: 1px solid #51565C; border-radius: 5px; padding: 3px; margin: 2px; transition: .3s all;}
#id_wishlist img:hover{background: rgba(81, 86, 92, .4); box-shadow: inset 0 0 5px white}
#id_wishlist .item{display: inline-block; float: none;}
.media_panel{
padding: 0;
top: 403px;
left: 20px;
height: 27px !important;
width: 230px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, .5), inset 0 5px 3px rgba(0, 0, 0, .2), inset 0 -5px 3px rgba(0, 0, 0, .2);
border-top: 20px solid #DEE8F2;
border-bottom: 23px solid #E8F2FE;
}
.media_panel object{
height: 400px;
width: 400px;
position: absolute;
bottom: 0;
left: 0;
opacity: .7;
}
/* ----- Spoiler Control ------ */
.custom_panel{
background: transparent;
box-shadow: none;
border: none;
padding: 0;
opacity: 1;
}
.custom_panel .spoiler-control{
background: none;
border: none;
height: 500px;
top: 50%;
margin-top: -250px;
width: 1000px;
left: 50%;
margin-left: -500px;
font-size: 0;
font-family: 'Roboto Condensed';
position: absolute;
z-index: 9;
}
.spoiler-wrapper{padding: 0;}
.spoiler-revealed{border: 0;}
.custom_panel .spoiler-hidden {
height: 100% !important;
width: 100% !important;
top: 0px;
left: 0px;
background: url(http://i.imgur.com/ZrMm7pX.jpg) no-repeat center center/cover fixed;
padding-top: 45px;
position: fixed;
z-index: 15;
font-family: 'Homenaje';
}
.custom_panel .spoiler-hidden .spoiler-title {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background: none;
background-size: 100%;
transition: 0.5s all;
font-family: 'Homenaje';
}
.custom_panel .spoiler-hidden:before{
content: 'Click to Enter';
text-transform: uppercase;
position: fixed;
font-size: 20px;
top: 50%;
margin-top: -10px;
color: white;
text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, 0 0 3px black;
letter-spacing: 5px;
width: 600px;
margin-left: -250px;
left: 50%;
padding: 80px 0 0 0;
animation: entry .8s linear infinite alternate;
-webkit-animation: entry .8s linear infinite alternate;
text-align: center;
}
@keyframes entry{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes entry{0%{opacity: 0;} 100%{opacity: 1;}}
.custom_panel h2, #id_contact ul li:nth-child(2) span, #id_contact ul li:nth-child(2) a, .forum_userstatus, #id_details h2, #id_contact h2, #id_comments h2, .media_panel h2, #id_comments p, #id_comments dd, #id_comments dt, #alerts_banner, .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
display:none;
}
View User's Journal
Ideas of Diane
This journal is where I keep notes to myself, or to write down ideas that I have.
 |
