|
CSS codes. Pt.2
Dead Space~Red and black layout
body {
background-image:none;
}
html {
background-color: #000000;
background-image: url(http://i403.photobucket.com/albums/pp112/QuestionSleepZz/Desktop%20Wallpapers/DeadSpace.jpg);
background-position: top left;
background-attachment: fixed;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #222222;
scrollbar-3dlight-color: #111111;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;}
}
/*-----------------------------------------------------------*/
#header_left .spacer {
display: block;
background-image: url();
background-repeat: no-repeat;
background-position: center left;
width: 250;
height: 25px;
float: right;
}
li {
background-color: transparent;
color: #222222;
}
/*-----------------------------------------------------------*/
#columns {
background-color: transparent;
background-image: url();
background-position: bottom right;
background-attachment: scroll;
background-repeat: repeat-y;
width: 800px;
float: center;
top: 5px;
margin-left: -100px;
padding-left: 640px;
margin-right: 0px;
position: relative;
}
/*-----------------------------------------------------------*/
.panel {
background-color: transparent;
background-image: url();
background-position: top center;
background-attachment: scroll;
background-repeat: repeat;
border-color: #ffffff;
border-width: 1px;
border-style: none;
font-family: helvetica;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-align: center;
text-decoration: none;
color: #888888;
margin: 3px;
padding: 5.5px;
opacity: 1.0;
filter: alpha(opacity=100);
zoom:1; /* STUPID IE */
}
.panel h2 {
background-color: transparent;
background-image: url();
background-position: center right;
background-attachment: scroll;
background-repeat: no-repeat;
border-color: #ffffff;
border-width: 1px;
border-style: none;
font-family: helvetica;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #500000;
opacity: 1.0;
filter: alpha(opacity=100);
text-align: center;
text-transform: none;
zoom:1; /* stupid IE */
}
a {
font-family: helvetica;
font-size: 10px;
font-weight: bold;
color: #500000;
text-transform: none;
}
a:hover {
background-color: #500000;
background-image: url();
background-position: bottom center;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
color: #999999;
text-decoration: none;
text-transform: none;
}
/*-----------------------------------------------------------*/
.comments_panel .style1 dt {
clear: left;
border-bottom: 0px;
height: 10px;
line-height: 20px;
padding: 4px;
padding-bottom: 0px;
text-align: right;
} #profile
/*-----------------------------------------------------------*/
Gray skulls~Black, gray, an' shades of gray layout
body {
background-image:none;
}
html {
background-color: #646464;
background-image: url(http://i688.photobucket.com/albums/vv247/zzxxasilaydyingxxzz/photo4-2-1.jpg);
background-position: center right;
background-attachment: fixed;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
scrollbar-arrow-color: silver;
scrollbar-track-color: black;
scrollbar-face-color: darkslategray;
scrollbar-highlight-color: #222222;
scrollbar-3dlight-color: #111111;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;}
}
/*-----------------------------------------------------------*/
#header_left .spacer {
display: block;
background-image: url();
background-repeat: no-repeat;
background-position: center center;
width: 250;
height: 25px;
float: right;
}
li {
background-color: transparent;
color: #222222;
}
/*-----------------------------------------------------------*/
#columns {
background-color: transparent;
background-image: url(http://i688.photobucket.com/albums/vv247/zzxxasilaydyingxxzz/photo4-2.jpg);
background-position: center left;
background-attachment: fixed;
background-repeat: no-repeat;
width: 800px;
float: center;
top: 2px;
margin-left: -363px;
padding-left: 640px;
margin-right: 0px;
position: relative;
}
/*-----------------------------------------------------------*/
.panel {
background-color: #222222;
background-image: url();
background-position: top center;
background-attachment: scroll;
background-repeat: repeat;
border-color: #444444;
border-width: 0px;
border-style: ridge;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
font-style: normal;
text-align: center;
text-decoration: none;
color: darkslategray;
margin: -5px;
padding: 5.5px;
opacity: 1.0;
filter: alpha(opacity=99);
zoom:1; /* STUPID IE */
}
.panel h2 {
background-color: transparent;
background-image: url();
background-position: center right;
background-attachment: scroll;
background-repeat: no-repeat;
border-color: #444444;
border-width: 0px;
border-style: ridge;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: silver;
opacity: 1.0;
filter: alpha(opacity=100);
text-align: center;
text-transform: none;
zoom:1; /* stupid IE */
}
a {
font-family: helvetica;
font-size: 10px;
font-weight: normal;
color: silver;
text-transform: none;
}
a:hover {
background-color: transparent;
background-image: url();
background-position: bottom center;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
color: darkslategray;
text-decoration: none;
text-transform: none;
}
/*-----------------------------------------------------------*/
.comments_panel .style1 dt {
clear: left;
border-bottom: 0px;
height: 10px;
line-height: 20px;
padding: 4px;
padding-bottom: 0px;
text-align: right;
} #profile
/*-----------------------------------------------------------*/
Black and white profile
body {
background-image:none;
}
html {
background-color: #000000;
background-image: url(http://i210.photobucket.com/albums/bb100/RSP_06/wallpaper_10782.jpg);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
scrollbar-arrow-color: #111111;
scrollbar-track-color: #ffffff;
scrollbar-face-color: black;
scrollbar-highlight-color: #222222;
scrollbar-3dlight-color: #111111;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;}
}
/*-----------------------------------------------------------*/
#header_left .spacer {
display: block;
background-image: url();
background-repeat: no-repeat;
background-position: center center;
width: 250;
height: 25px;
float: right;
}
li {
background-color: transparent;
color: silver;
}
/*-----------------------------------------------------------*/
#columns {
background-color: transparent;
background-image: url();
background-position: top left;
background-attachment: fixed;
background-repeat: no-repeat;
width: 800px;
float: center;
top: 5px;
margin-left: -360px;
padding-left: 640px;
margin-right: 0px;
position: relative;
}
/*-----------------------------------------------------------*/
.panel {
background-color: #000000;
background-image: url();
background-position: top center;
background-attachment: scroll;
background-repeat: repeat;
border-color: #444444;
border-width: 0px;
border-style: ridge;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
font-style: normal;
text-align: center;
text-decoration: none;
color: white;
margin: -5px;
padding: 5.5px;
opacity: 1.0;
filter: alpha(opacity=80);
zoom:1; /* STUPID IE */
}
.panel h2 {
background-color: transparent;
background-image: url();
background-position: center right;
background-attachment: scroll;
background-repeat: no-repeat;
border-color: #444444;
border-width: 0px;
border-style: none;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
opacity: 1.0;
filter: alpha(opacity=100);
text-align: center;
text-transform: none;
zoom:1; /* stupid IE */
}
a {
font-family: helvetica;
font-size: 10px;
font-weight: normal;
color: white;
text-transform: none;
}
a:hover {
background-color: transparent;
background-image: url();
background-position: bottom center;
font-family: helvetica;
font-size: 10px;
font-weight: bold;
color: #555555;
text-decoration: none;
text-transform: none;
}
/*-----------------------------------------------------------*/
.comments_panel .style1 dt {
clear: left;
border-bottom: 0px;
height: 10px;
line-height: 20px;
padding: 4px;
padding-bottom: 0px;
text-align: right;
} #profile
/*-----------------------------------------------------------*/
|
