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

8.20.09

my last, and so far favorite layout ^^




/* ---- Start Code - Be Mine - theme by bluessence ---- */

html {background: none;}
body {background: #43232A url();}

a {color: #B95960;}
a:hover {color: #D6757C; text-decoration: none;}

/* Header */

#gaia_header a {color: #43232A !important;}
#gaia_header a:hover {color: #D6757C !important; text-decoration: none;}

#gaia_header {margin: 0px auto; width: 660px; height: 234px; background: url(http://i12.tinypic.com/2v2h8gx.jpg);}

#gaia_header img {height: 0px;}
#gaia_header #header_right {position: absolute; background: none; margin-top: 198px; margin-left: 40px; line-height: 15px !important; font: 10px arial; text-transform: uppercase; height: 20px; width:315px; overflow: hidden; text-align: left; color: #804A55; border: 0px solid #fff;}
#gaia_header #header_left {position: absolute; background: none; margin-right: 438px; margin-top: 177px; font: 10px verdana; text-transform: uppercase; color: #43232A; width: 500px;}

/* Columns */

#columns {position: relative; top: 0px; margin: 0px auto; width: 660px; float: none; background: #43232A url(http://i12.tinypic.com/402qrn5.jpg) repeat; border: 0px solid;}

#column_1 {margin-left: 35px; width: 370px;}
#column_2 {width: 205px; margin-left: 4px;}

#column_3 {background: #43232A url(http://i14.tinypic.com/3yq86t0.jpg) no-repeat; width: 660px; height: 70px;}
#column_3 .panel {display: none;}

/* Panels */

.panel {background: none; color: #43232A; padding: 0px 15px 3px 15px;}
#column_1 .panel {width: 337px; overflow: hidden;}
#column_2 .panel {width: 177px; overflow: hidden;}

#column_1 .panel h2 {color: #43232A; background: transparent url(http://i2.tinypic.com/2d7g1mu.jpg) center top no-repeat; height: 31px;}
#column_2 .panel h2 {color: #43232A; background: transparent url(http://i4.tinypic.com/2n9gizl.jpg) center top no-repeat; height: 31px;}

.panel h2 {margin: 10px 0px 0px 0px; padding: 8px 6px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 10px;}

.friends_panel li {margin-left: -6px;}

/* Comments */

.deletecomment {height: 10px; width: 10px;}
.deletecomment a{display: block; width: 10px; height: 12px; text-indent: -5000px; overflow: hidden; background: url(http://i8.tinypic.com/2w7le89.jpg) center no-repeat;}
.deletecomment a:hover{background: url(http://i10.tinypic.com/2f0c30l.jpg) center no-repeat;}

.comments_panel .avatar {display: none;}
.comments_panel {text-align: center;}
.comments_panel .style1 dd p {margin-left: 0px;}
.comments_panel .style1 dt, .comments_panel .style2 dt {border-bottom: 1px solid #43232A;}

/* User Info */

.user_info_popup, .item_info_popup {background: #804A55; border: #43232A 3px solid; color: #43232A;}
.user_info_popup li, .item_info_popup li{border-top: 1px solid #43232A;}

a.user_info img {width: 0; height: 0; padding: 6px 6px; background: url(http://i10.tinypic.com/30hpx08.jpg) bottom no-repeat; margin-right: 3px;}
a.user_info:hover img {width: 0; height: 0; padding: 6px 6px; background: url(http://i10.tinypic.com/29mk51z.jpg) bottom no-repeat;}

#gaia_header a.user_info img {width: 0; height: 0; padding: 6px 6px; background: url(http://i10.tinypic.com/30hpx08.jpg) bottom no-repeat;}

/* Media */

#column_1 .media_panel embed {height: 250px; width: 300px;}
#column_1 .house_panel embed {height: 250px; width: 300px;}

#column_2 .media_panel embed {height: 135px; width: 170px;}
#column_2 .house_panel embed {height: 135px; width: 170px;}