Просмотр файла CS_1-6/CS_1-6/style.css

Размер файла: 5.87Kb
*{
border: 0;
margin: 0;
}
body{	
scrollbar-face-color: #2C2C2C; 
scrollbar-shadow-color: #4D514A; 
scrollbar-highlight-color: #4D514A; 
scrollbar-3dlight-color: #5E5E5E; 
scrollbar-darkshadow-color: #5E5E5E; 
scrollbar-track-color: #2C2C2C; 
scrollbar-arrow-color: #4D514A;
font: 15px Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff;
background: #000;
}
a: {
text-decoration: none;
color: #2D3128;
}
a:link {
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #4D514A;
}
a:visited {
text-decoration: none;
color: #fff;
}

img {
padding: 5px;
opacity: 1.0;
-moz-opacity: 1.0; 
filter: alfa(opacity=100);
}
img:hover {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alfa(opacity=60);}
/* Main */

#main{
margin: 0 auto;
width: 1149px;
background: #000 url('images/back_all.png') bottom fixed no-repeat;
border-left: 1px #4D514A solid;
border-right: 1px #4D514A solid;
text-align: left;
text-shadow: 1px 1px 3px #454545;
}

/* Header */
#header{
height: 130px;
}

#logo{
height: 50px;
width: 240px;
padding-top: 15px;
margin-bottom: 20px;
background-color: #2C2C2C;
text-align: center;
border-right: 1px #4D514A solid;
border-bottom: 1px #4D514A solid;
}
#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 17px;
color: #ffffff;
font-weight: bold;
text-shadow: 2px 3px 3px #000;
}
#logo a:hover {
text-decoration: none;
color: #454545;
font-weight: bold;
}
#logo H2 a{
font-size: 10px;
text-shadow: 2px 3px 3px #000;
}
#logo H2 a:hover{
font-size: 10px;
color: #000;
text-shadow: 1px 2px 5px #ff0000;
}
#buttons{
height: 61px;
margin: 0 50px;
padding-left: 20px;
background: url('images/background.png') repeat;
border: 1px #4D514A solid;
}
#buttons li {
display: inline;
}
#buttons a {
float: left;
width: 140px;
height: 41px;
margin-left: 1px;
padding-top: 20px;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-shadow: 2px 3px 3px #000;
}
#buttons a:hover {
text-decoration: none;
color: #9D9D9D;
text-shadow: 2px 3px 5px #454545;
}
#buttons img:hover {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alfa(opacity=60);}
#buttons img {
padding: 5px;
opacity: 1.0;
-moz-opacity: 1.0; 
filter: alfa(opacity=100);
}

/* Content */
#content{
margin: 0 50px;
}
#left{
float: left;
width: 650px;
}
.opera #left {
width: 690px;
}
.cont{
margin: 25px 10px;
padding: 25px 30px;
background: url('images/background.png') repeat;
border: 1px #4D514A solid;
color: #141611;
}
.cont a {
text-decoration: none;
color: #fff;
text-shadow: 2px 3px 5px #000;
}
.cont a:hover {
text-decoration: none;
color: #C5C5C4;
text-shadow: 2px 3px 5px #454545;
}
#right{
float: right;
width: 310px;
margin: 27px 10px;
padding: 25px 10px;
background: url('images/background.png') repeat;
border: 1px #4D514A solid;
}
#sidebar {
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin-bottom: 15px;
}
#sidebar li ul {
padding: 10px;
background: url('images/background.png') repeat;
border: 1px #4D514A solid;
}
#sidebar li li {
margin: 0;
padding: 3px 0;
color: #141611;
}
#sidebar li h2 {
height: 25px;
margin: 0;
padding: 5px 0 0 20px;
background: url('images/title.png') repeat;
font-size: 18px;
border: 1px #4D514A solid;
border-bottom: none; 
color: #2D3128;
text-shadow: 2px 3px 3px #454545;
}
#sidebar a:link {
text-decoration: none;
color: #fff;
}
#sidebar a:hover {
text-decoration: none;
color: #C5C5C4;
text-shadow: 2px 3px 5px #454545;
}
#sidebar li a {
padding-left: 20px;
padding-bottom: 10px;
text-shadow: 2px 3px 3px #000;
background: url('icons/Messages.png') no-repeat;
}
#footer{
height: 52px;
padding-top: 20px;
background-color: #2C2C2C;
color: #ffffff;
font-size: 13px;
text-align: center;
border: 1px #4D514A solid;  
}
.opera #left_footer { 
float:right; 
margin-left: 60px;
padding:30px;
background-color: #000; 
color: #A0A0A0;
font-size: 9px;
text-transform: uppercase;
font-size: 11px;
text-shadow: 0px 2px 2px #454545;
border: 1px #4D514A solid;
border-bottom: none;
}
#left_footer {  
position: absolute;
margin-left: 200px;
padding:30px;
background-color: #000; 
color: #A0A0A0;
font-size: 9px;
text-transform: uppercase;
font-size: 11px;
text-shadow: 0px 2px 2px #454545;
border: 1px #4D514A solid;
border-bottom: none;
}
#left_footer a { 
color: #8A8A8A;
}
#left_footer a:hover { 
text-decoration:none;
color: #fff;
}
.opera #right_footer { 
float: right;
padding-right: 2px;
color: #A0A0A0;
font-size: 9px;
text-transform: uppercase;
text-align:right;
text-shadow: 2px 3px 3px #000;
border: 1px #4D514A solid; 
border-right: none;
}
#right_footer { 
float: left;
padding: 0 2px;
color: #A0A0A0;
font-size: 9px;
text-transform: uppercase;
text-align:right;
text-shadow: 2px 3px 3px #000;
border: 1px #4D514A solid; 
border-left: none;
}
#right_footer a { 
color: #8A8A8A;
}
#right_footer a:hover { 
text-decoration:none;
color: #ff0000;
}
.b{
margin: 15px;
padding: 25px 10px;
background: url('images/background.png') repeat;
border: 1px #4D514A solid; 
}
input {
margin: 5px;
padding: 3px; 
background: url('images/background.png') repeat;
color: #C8C8C8;
font-size:10pt; 
font-family:verdana,arial,helvetica; 
border: 1px #4D514A solid; 
}
input:hover { 
background: url('images/background.png') repeat;
color: #C8C8C8;
font-size:10pt;
border: 1px #4D514A solid; 
}
select {
margin: 5px;
padding: 3px;  
background: #2C2C2C;
color: #C8C8C8;
font-size:10pt; 
font-family:verdana,arial,helvetica;
border: 1px #4D514A solid; 
}
textarea {
min-width: 300px;
width: 99%;
height: 100px;
margin: 10px; 
background: url('images/title.png') repeat;
color: #C8C8C8;
font-size:10pt;
border: 1px #4D514A solid; 
}
h1, h2, h3, h4, h5, h6{
font-size: 19px;
}