Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
I made this layout with a free desktop. I made the layout's comment box and headers with PDN/PSP/Animation Shop. This layout was made to be used on individual profiles. No other website has my permission to host this layout or the images used in the layout.
CLICK on “Continue reading” below for code & Preview button!
Myspace1
body{
background-color: #0b0f12;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/326x438bg1st.png");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
color: #ffffff;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;}
.redtext,
.redbtext,
a:link,
a:active,
a:visited,
a.redlink:link,
a.redlink:active,
a.redlink:visited,
.userProfileURL a,
#footerWarpper a {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
color: #6988b3 !important;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
a:hover, a.redlink:hover, a.navbar:hover
{background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/70x35tt.gif");
font-size:12px; color:#ffffff ! important; font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;text-decoration:none; border:0px solid;}
a:hover img {background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/70x35tt.gif"); filter:alpha(finishopacity=0, style=2); font-size:12px; color:#ffffff ! important; font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;text-decoration:none; border:0px solid;}
.btext,
.lightbluetext8{
font-weight: bold;
font-size: 12px !important;
color: #303f4e !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
}
table, td, tr {
background-color: transparent;
border: none;
}
#topnav{
margin: auto;
display: block;
height: 590px !important;
background-color: transparent ! important; background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/800x557.png") !important;
background-repeat: no-repeat ! important;
background-position: bottom center ! important;
background-attachment: scroll ! important;
color:#0000ee;
border: 2px solid #7c3082;
box-shadow: inset 0 0 36px #7c3082;
}
div#header.profileWidth, .profileWidth {
border: 2px solid #7c3082 !important;
}
#header,
#topnav ul li a.open,
#subnav ul li a {
background:-moz-linear-gradient(center top , #0b0f12 , #303f4e) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#0b0f12), to(#303f4e));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0g12',endColorstr='#303f4e'); background-repeat: repeat-x;
color: #8d6d9a !important;
background-repeat: ;
background-position: ;
background-attachment:;
color:#6988b3;
}
#topnav ul li a,
#subnav ul li a {
color: #6988b3 !important;
font-size: 12px !important;
border: 2px inset #7c3082 !important;
}
.rail {
background-color: transparent;
}
#topnav ul li a:hover,
#subnav ul li a:hover {
background-color:#4d5874 !important; background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/70x35tt.gif") !important;
background-repeat:repeat ;
background-position:;
background-attachment:;
color: #ffffff !important;
}
#footerWarpper,
#profileV1main{
background-color:#0b0f12 !important; background-image: url("") !important;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
padding-left: 8px;
}
#profileV1main{
border: 2px solid #7c3082;
box-shadow: inset 0 0 36px #7c3082;
padding-right: 8px;
}
.contactTable .whitetext12{
display: none !important;
}
.contactTable a img{
visibility: hidden;
}
.contactTable a {
display:block;
height:28px;
width:120px;
}
.contactTable {
height: 150px;
width: 300px;
background-color: #0b0f12;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/300x150.png");
background-repeat: ;
background-attachment: ;
border: 2px solid #7c3082;
box-shadow: inset 0 0 14px #7c3082;
padding: 0px;
}
note{EN}
span.blacktext12 {
background-color: #0b0f12 !important;
background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/435x296wb.png");
background-repeat:no-repeat;
background-position:top center;
padding-top: 296px;
display:block !important;
text-align: center!important;
margin: -4px;
_margin: -1px;
color: #7c3082 !important;
font-size: 12px !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
border: 2px solid #7c3082;
box-shadow: inset 0 0 14px #7c3082;
}
.profileInfo,
.latestBlogEntry {
padding: 10px;
}
.profileInfo,
.userProfileURL,
.userAlbums,
.interestsAndDetails,
.userProfileDetail,
.latestBlogEntry,
.blurbs,
.friendSpace,
.userProfileSchool,
.userProfileCompany {
background-color:#7c3082;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/animals/2012/full_moon/272x114tbbgst.png");
background-repeat:repeat ;
background-attachment: ;
background-position:;
color: #6988b3 !important;
font-size: 12px !important;
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif !important;
border: 2px solid #7c3082;
box-shadow: inset 0 0 14px #7c3082;
padding-left: 10px;
padding-right: 10px;
}
.text,
body,
td,
li,
p,
div {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
color: #0b0f12 !important;
font-size: 12px !important;
}
.nametext {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
font-size: 15px;
color: #7c3082 !important;
text-align: center;
background:-moz-linear-gradient(center top , #0b0f12 , #303f4e) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#0b0f12), to(#303f4e));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0g12',endColorstr='#303f4e');
background-position: ; padding: 10px;
display: block;
line-height: 25px;
border: 2px solid #7c3082;
box-shadow: inset 0 0 8px #7c3082;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}
.text .whitetext12,
.text .orangetext15 {
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif;
font-size: 15px;
color: #7c3082;
text-align: center;
background:-moz-linear-gradient(center top , #0b0f12 , #303f4e) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#0b0f12), to(#303f4e));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0g12',endColorstr='#303f4e');
background-position: ; padding: 0px;
display: block;
line-height: 25px;
border: 2px solid #7c3082;
box-shadow: inset 0 0 8px #7c3082;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}
{Time and date in comments} span.blacktext10 {
background:-moz-linear-gradient(center top , #0b0f12 , #303f4e) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#0b0f12), to(#303f4e));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b0g12',endColorstr='#303f4e');
font-family: Kristen ITC, Arial, Helvetica, FreeSans, sans-serif !important;
font-size: 15px;
color: #7c3082;
text-align: center;
font-weight:bold !important;
letter-spacing:1px;
line-height:25px;
border:2px solid;
border-color:#7c3082;
box-shadow: inset 0 0 8px #7c3082;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
padding-left:0px;
display:block;
}
td.columnsWidening, td.columnsWidening img, td.columnsWidening object {
width: 260px;
}
Designer Comments:
I made this layout with a free desktop. I made the layout's comment box and headers with PDN/PSP/Animation Shop. This layout was made to be used on individual profiles. No other website has my permission to host this layout or the images used in the layout.
Continue reading →
