View User's Journal

Profile Codes

Purchased at: PB&A
Designed and Coded by: Lady Saxophone

Quote:

html, body{
background: url(http://40.media.tumblr.com/d445be1a7b992c8db0d25687b19b3891/tumblr_mtyb84JaM91s5qsyfo1_1280.jpg) no-repeat top center fixed;
background-size: cover;
}

@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(http://fonts.gstatic.com/s/ubuntumono/v6/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

#gaia_header, #gaia_header ul{
background: transparent !important;
color: transparent !important;
font-family: 'Tahoma';
font-size: 10px !important;
text-transform: lowercase;
}

#gaia_header a{
color: white !important;
text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
font-weight: normal;
letter-spacing: 1px;
position: relative;
top: 5px;
transition: .5s all;
}

#gaia_header a:hover{
opacity: .4;
text-decoration: none;
}

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

#columns{
top: 0;
height: 100%;
width: 100%;
}

#column_1, #column_2, #column_3{
width: 200px;
margin: 0;
overflow: visible;
}

#footer{
position: fixed;
bottom: 0;
right: 20px;
height: 50px;
width: 890px;
background: tan;
border: 2px solid #B38B76;
border-bottom: none;
border-radius: 10px 10px 0 0;
box-shadow: 0 0 5px black;
z-index: 6;
}

#footer:before{
content: 'confidential';
text-transform: uppercase;
font-family: 'Ubuntu Mono';
font-size: 16px;
color: tan;
text-shadow: 1px 0 0 red, -1px 0 0 red, 0 1px 0 red, 0 -1px 0 red;
letter-spacing: 1px;
background: tan;
position: absolute;
top: -38px;
right: 10px;
padding: 10px 20px;
border: 2px solid #B38B76;
border-bottom: none;
border-radius: 20px 20px 0 0;
}

#footer:after{
content: 'Coded by: Lady Saxophone';
font-family: Arial;
font-size: 10px;
letter-spacing: 1px;
color: white;
position: absolute;
bottom: 5px;
left: 5px;
}

.panel{
padding: 10px;
margin: 0;
font-family: 'Tahoma';
position: absolute;
overflow: visible;
background: rgba(255, 255, 255, . cool ;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .4), 0 0 5px black;
border: 1px solid gray;
border-radius: 5px;
color: rgba(0, 0, 0, . cool ;
transition: .5s all;
text-align: center;
}

.panel h2{
position: absolute;
top: -25px;
width: 100px;
font-family: 'Ubuntu Mono';
font-weight: normal;
font-size: 12px;
text-align: center;
text-transform: none;
text-shadow: 0 0 3px black;
border-radius: 10px 10px 5px 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .5);
padding: 3px 5px 20px 5px;
z-index: 5;
}

.panel h3{
font-family: 'Ubuntu Mono';
font-weight: normal;
text-decoration: underline;
padding-top: 5px;
}

.panel a{
font-weight: normal;
transition: .5s all;
}

.panel a:hover{
color: gray !important;
text-decoration: none;
}

#id_about h2{left: 10px; background: #CE1836;}
#id_about a{color: #CE1836;}

#id_details h2{left: 130px; background: #F85931;}
#id_details a{color: #F85931;}

#id_interests h2{left: 250px; background: #EDB92E;}
#id_interests a{color: #EDB92E;}

#id_journal h2{left: 370px; background: #A3A948;}
#id_journal a{color: #A3A948;}

#id_equipment h2{left: 490px; background: #009989;}
#id_equipment img:hover{border-color: #009989;}

#id_wishlist h2{left: 610px; background: #6D2243;}
#id_wishlist img:hover{border-color: #6D2243;}

#id_about, #id_wishlist, #id_details, #id_equipment, #id_interests, #id_journal{
bottom: -375px;
right: 120px;
height: 400px;
width: 750px;
}

#id_about:hover, #id_wishlist:hover, #id_details:hover, #id_equipment:hover, #id_interests:hover, #id_journal:hover{
bottom: 60px;
}

#id_details p{
margin: 2px 0;
}

.forum_userstatus{
border: 1px solid lightgray;
border-radius: 10px;
}

#avatar_menu{
border-radius: 5px;
}

#avatar_menu a{
color: gray;
text-align: center;
font-family: 'Tahoma';
font-size: 10px;
}

#avatar_menu a:hover{
background: rgba(0, 0, 0, .1);
}

.statuslinks{background: url(http://s.cdn.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15_down.png) no-repeat right center !important;}

#id_equipment .item, #id_wishlist .item{
display: inline-block;
float: none;
}

#id_equipment img, #id_wishlist img{
transition: .5s all;
padding: 3px;
border: 1px solid transparent;
border-radius: 5px;
}

.media_panel{
padding: 0;
right: 30px;
bottom: 10px;
z-index: 7;
box-shadow: none;
border: none;
border-radius: 0;
}

.media_panel object{height: 25px; width: 30px;}

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

html, body{/* Change below URL in order to change entire layout's background. It is set to repeat */
background: url(https://images3.pixlis.com/background-image-stripes-and-lines-seamless-tileable-tory-blue-apricot-white-2322kz.png) repeat center center fixed;
}

@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(http://fonts.gstatic.com/s/ubuntumono/v6/ViZhet7Ak-LRXZMXzuAfkY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntumono/v6/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff) format('woff')
}

#gaia_header, #gaia_header ul{
background: none !important;
color: transparent !important;
font-family: 'Ubuntu Mono';
font-size: 10px !important;
text-transform: uppercase;
}

#gaia_header a{
color: white !important;
font-weight: normal;
text-shadow: 1px 0 0 rgba(0, 0, 0, .5), -1px 0 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 0, 0, .5), 0 -1px 0 rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .5)
letter-spacing: 1px;
transition: .3s all;
}

#gaia_header a:hover{
opacity: .4;
text-decoration: none;
}

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

#columns{
position: absolute;
top: 50px;
left: 50%;
margin-left: -190px;
width: 350px;
height: 500px;
background: white;
border: 15px solid white;
border-top: 100px solid white;
border-bottom: 100px solid white;
border-radius: 30px;
box-shadow: inset 0 0 5px black, 0 0 10px rgba(0, 0, 0, .5)
background: url(http://heyhellothere.weebly.com/uploads/8/4/9/9/8499873/hhlighthouse-04.png) center center/cover, #B1F6CB;
overflow: visible;
}

#columns:after{
content: '';
border: 1px solid lightgray;
box-shadow: 0 0 5px rgba(0, 0, 0, .5)
border-radius: 100%;
position: absolute;
bottom: -80px;
left: 150px;
height: 50px;
width: 50px;
}

#column_1, #column_2, #column_3{
width: 100px;
margin: 0;
overflow: visible;
}

#column_1:before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 89px;
border-top: 1px solid white;
background: rgba(255, 255, 255, .2)
}

.panel{
padding: 5px;
margin: 0;
color: gray;
font-family: 'Ubuntu Mono';
text-align: justify;
background: none;
position: absolute;
overflow: hidden;
}

.panel:hover h2{display: none;}

.panel h2{
font-weight: normal;
font-size: 9px;
text-transform: none;
text-align: center;
text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, 0 0 3px white;
margin: 0 -5px;
padding: 55px 5px 10px 5px;
background: none;
color: black;
}

.panel h2:before{
content: '';
position: absolute;
top: 5px;
left: 9px;
height: 50px;
width: 50px;
box-shadow: inset 0 0 5px rgba(255, 255, 255, .5), 0 0 3px rgba(0, 0, 0, .5)
border: 1px solid black;
border-radius: 5px;
}

.panel a{color: #FD8579; font-weight: normal; transition: .3s all;}
.panel a:hover{color: gray; text-decoration: none;}

.panel img{max-width: 300px !important;}

/* Main Tiles */
#id_about h2:before{border-color: #CB2028; background-color: #EC1D23;}
#id_about{
top: 25px; left: 15px; height: 70px; width: 60px;
}

#id_interests h2:before{border-color: #0C81A2; background-color: #10A0C5;}
#id_interests{
top: 25px; left: 95px; height: 70px; width: 60px;
}

#id_journal h2:before{border-color: #CD4E9D; background-color: #E99DC4;}
#id_journal{
top: 25px; left: 175px; height: 70px; width: 60px;
}

#id_custom_2105 h2:before{border-color: #CCA22A; background-color: #FFC809;}
#id_custom_2105{ /* LoL */
top: 25px; left: 255px; height: 70px; width: 60px;
}

#id_custom_2109 h2:before{border-color: #486DB4; background-color: #9BB0DB;}
#id_custom_2109{ /* My Love */
top: 110px; left: 15px; height: 70px; width: 60px;
}

#id_custom_2107 h2:before{border-color: #CD1F44; background-color: #EA2462;}
#id_custom_2107{ /* Dream Avis */
top: 110px; left: 95px; height: 70px; width: 60px;
}

#id_custom_2121 h2:before{border-color: #CB2028; background-color: #EC1D23;}
#id_custom_2121 {
top: 110px; left: 255px; height: 70px; width: 60px;
}

#id_about:hover, #id_journal:hover, #id_interests:hover, .custom_panel:hover{
top: 0px !important;
left: 0px !important;
height: 390px !important;
width: 330px !important;
z-index: 5;
background: white;
box-shadow: inset 0 0 5px black;
padding: 10px;
overflow-y: auto;
}

/* Sparkles App Tile */
#column_2:before{
content: '';
background: url(http://i.imgur.com/38QeIP8.png) no-repeat 0 0;
height: 50px;
width: 50px;
position: absolute;
left: 183px;
top: 115px;
box-shadow: inset 0 0 5px rgba(255, 255, 255, .5), 0 0 3px rgba(0, 0, 0, .5)
border: 1px solid #96857B;
border-radius: 5px;
}

#column_2:after{
content: 'Profile Sparkles';
font-family: 'Ubuntu Mono';
font-size: 9px;
color: black;
text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, 0 0 3px white;
position: absolute;
left: 175px;
top: 171px;
}

/* Bottom Part of the Screen */
#id_contact{padding: 0; overflow: visible; bottom: 70px; left: 25px;}

#id_contact ul li span, #id_contact ul li a{
font-size: 0;
padding: 25px;
background-size: 30px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
box-shadow: inset 0 0 5px rgba(255, 255, 255, .5), 0 0 3px rgba(0, 0, 0, .5)
border-radius: 5px;
border: 1px solid;
transition: .3s all;
}

#id_contact ul li:nth-child(1) span, #id_contact ul li:nth-child(1) a{
background-image: url(http://i.imgur.com/rZsGptg.png)
background-color: #89C53F;
border-color: #70A241;
left: 0;
}

#id_contact ul li:nth-child(1) span:hover, #id_contact ul li:nth-child(1) a:hover{background-color: #70A241;}

#id_contact ul li:nth-child(2) span, #id_contact ul li:nth-child(2) a{
background-image: url(http://i.imgur.com/0VNMbSt.png)
background-color: #F8901F;
border-color: #CE772A;
left: 80px;
}

#id_contact ul li:nth-child(2) span:hover, #id_contact ul li:nth-child(2) a:hover{background-color: #CE772A;}

#id_contact ul li:nth-child(3) span, #id_contact ul li:nth-child(3) a{
background-image: url(http://i.imgur.com/i2d4a2T.png)
background-color: #602E91;
border-color: #512A7B;
left: 160px;
}

#id_contact ul li:nth-child(3) span:hover, #id_contact ul li:nth-child(3) a:hover{background-color: #512A7B;}

.media_panel{
height: 21px !important;
width: 55px !important;
bottom: 18px;
right: 30px;
padding: 0;
border-top: 18px solid #1B1B1B;
border-bottom: 13px solid #1B1B1B;
border-radius: 5px;
box-shadow: inset 0 0 5px rgba(255, 255, 255, .5), 0 0 3px rgba(0, 0, 0, .5)
font-size: 0;
}

.media_panel .buttons{margin-top: -10px;}

.media_panel object{height: 400px; width: 400px; position: absolute; bottom: 0; left: 0;}

#pictures_container, #texts_container{
position: absolute;
top: 50px;
left: 50%;
margin-left: -175px;
width: 350px;
}

#id_contact h2, .media_panel h2, .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
display:none;
}

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

More Information