Welcome to Gaia! :: View User's Journal | Gaia Journals

/* Header */
#gaia_header, #gaia_header ul {
background: transparent !important;
color: transparent !important;}

#gaia_header a {
background: rgba: (0,0,0,0.5) !important;
color: #FFFFFF !important;
border-radius: 40%;
padding: 10px 10px 10px 10px;
font-family: Century Gothic;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
padding: 20px 5px 10px 5px;
transition: 0.5s;}

#gaia_header a:hover {
background: rgba: (0,0,0,0.5) !important;
color: #400040 !important;
border-radius: 30%;
padding: 20px 20px 20px 20px;
text-decoration: strike;
text-shadow: 0px 0px 3px white;
font-weight: bold;}

#header_left img {width: 0px;
padding: 0 45px 0 5px;
background: url('http://i.imgur.com/wtwGGOm.png') bottom left no-repeat;}

/* Body */
html,body {
background-image: url(http://i.imgur.com/tsEYqz3.jpg)
background-repeat: no-repeat;
background-size: 100%;
background-attachment: fixed;
-webkit-animation: mymove linear 5s 0s 1; -moz-animation: mymove linear 3s 0s 1; animation: mymove linear 5s 0s 1; z-index: 1; }
@keyframes mymove:{ from {opacity: 0; } to {opacity: 1; }
}
@-moz-keyframes mymove { from {opacity: 0; } to {opacity: 1; }
}
@-webkit-keyframes mymove { from {opacity: 0; } to {opacity: 1; } }

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

#columns:before {
color: #F5D0F5;
content: 'I2ainy Days';
text-align: center;
font-weight: bold;
font-family: Pristina;
font-size: 50px;
left: 170px;
position: absolute;
top: -50px;}

#columns {
overflow: visible;
width: 600px;}

#columns:after {
color: #FFFFFF;
content: 'Profile by me';
text-transform: uppercase;
font-weight: bold;
font-family: Century Gothic;
width: 300px;
font-size: 9px;
left: 40px;
position: absolute;
top: 400px;}

/* Panels */
.panel {
background:rgba(0,0,0,0.5)
color: #FFFFFF;
font-family: Century Gothic;
font-size: 9px;
position: absolute;
transition-property: opacity;
transition-delay: 0.2s;
transition-duration: 3s;}

.panel a {
color: #FFB8FF;
text-transform: uppercase;
transition-property: hover;
transition-duration: 0.5s;}

.panel a:hover {
color: #000000;
text-decoration: line-through;
text-shadow: 0px 0px 3px white;}

.panel h2 {
background: none; }

.media_panel {
background: rgba (0,0,0, 0.5)
border: 2px solid #C6B2C6;
top: 5px;
left: 900px;}

.media_panel object {
width: 300px !important;
height: 300px !important; }

/* IDs */
#id_about {
border: 2px solid #C6B2C6;
padding: 35px 35px 35px 35px;
text-align:center;
height: 285px;
left: 40px;
overflow: hidden;
top: 5px;
width: 400px;}

#id_footprints{
border: 2px solid #C6B2C6;
left: 520px;
padding: 10px 10px 10px 10px;
overflow: hidden;
position: absolute;
width: 2px;
height: 2px;
top: 40px;
-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
}

#id_wishlist {
border: 2px solid #C6B2C6;
height: 2px;
left: 520px;
padding: 10px 10px 10px 10px;
overflow: hidden;
top: 5px;
width: 2px;
-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

#id_about:hover, {
overflow: auto;}

#id_footprints:hover {
overflow: auto;
height: 120px;
width: 300px; }

#id_wishlist:hover {
overflow: auto;
height: 100px;
width: 300px; }

#id_wishlist .item a img{
padding: 3px;
border-radius: 100%;
transition-property: background;
transition-duration: 0.5s;}

#id_wishlist .item a img:hover {
background: #FFDEF0;
border-radius: 50%;}

/* Avatar */
.avatar_decoration img {
transition-delay: 0.2s;
transition-duration: 1s;}

.avatar_decoration img:hover {
padding-left: 5px;
transition: all ease out; }

/* Coded by I2ainy Days */