Просмотр архива Мастерская css

body{
color: #7e7d7d;
background : url(images/bg.png) #000;
font: 12px
Tahoma;
margin: 2px auto;
max-width: 700px;
border-radius: 14px;
}
a:link,
a:visited {
color : #fff;
text-decoration : none;
}
a:hover, a:focus
{
color : #d0a233;
}
.logo {
background : url(images/head.png)
repeat-x;
height: 50px;
}
.footer {
color : #fff;
font-size :
13px;
font-weight: bold;
background-color : #818108;
background-image :
url(images/foot.png);
text-align : left;
padding : 16px;
border: 1px solid
#818108;
border-bottom: 1px solid #818108;
text-shadow: 1px 1px 1px
#818108;
border-bottom-left-radius: 14px 14px;
border-bottom-right-radius:
14px 14px;
}
.foot {
color : #fff;
font-size : 13px;
background-color :
#fff;
background : url(images/foot.png) left top repeat-x;
text-align :
left;
padding-bottom : 8px;
padding-left : 8px;
padding-right :
8px;
border-top : 2px solid #fff;
}
.footer a {
color : #fff;
}
.footer
a:hover {
color : #c9c9c8;
}
.gray {
color : gray;
}
.green {
color :
green;
}
.header {
background : url(images/header.png) left top repeat-x
#fff;
color : #06ace1;
text-shadow : 0 1px 1px #fff;
margin : 0 0 1px
0;
padding : 4px 1px 4px 6px;
}
.header b {
color : #45aad0;
}
.left
{
float : left;
}
.panel {
font-size : 11px;
background :
url(images/panel.png) top left repeat-x #fe0801;
color : #fff;
text-align :
center;
padding : 5px;
}
.panel a:hover, a:focus {
text-decoration :
underline;
color : #fff;
}
.block {
background : url(images/menus.png) top
left repeat-x #f0eded;
margin-top: 1px;
margin-bottom: 1px;
padding: 7px 
7px  7px  7px;
border: 1px solid #dedede;
border-bottom: 1px solid
#dedede;
}
.block a {
color : #5e5d5d;
}
.block a:hover {
color :
#9e9e9d;
}
.title {
color : #92908f;
font-size :
13px;
font-weight:bold;
background-color : #92908f;
background-image :
url(images/title.png);
text-align : left;
padding : 10px;
border: 1px solid
#0d0c0c;
border-bottom: 1px solid #000;
text-shadow: 1px 1px 1px
#000;
}
.title a {
color : #fff;
}
.title a:hover {
color :
#ebebeb;
text-decoration : none;
}
.main {
color : #fff;
font-size :
13px;
background-color : #04abe1;
background-image :
url(images/main.png);
text-align : left;
padding : 6px;
}
.error
{
background : url(images/rmenu.png) left top repeat-x;
border-top : 1px
solid #fff;
background-color : #fff;
margin : 2px;
padding : 3px 0 3px
2px;
border-radius : 4px 4px 0 0;
}
.error input, .error textarea, .error
select {
border : #E2C0C7 solid 1px;
}
.error input:focus, .error
textarea:focus {
border : #DBB0B9 solid 1px;
background : #FDFBFB;
}
.menu
{
text-decoration : none; 
padding: 9px;
background : url(images/menu.png)
repeat-x #e8e8e8;
border-bottom: 1px solid #d7d5d5;
border-top: 1px solid
#fff;
color : #4a4949;
text-shadow: 0px 1px #fff;
}
.menu a {
color :
#709002;
text-shadow: 0px 1px #fff;
}
.menu a:hover {
color :
#9e9e9d;
}
.post {
text-decoration : none; 
padding: 9px;
background :
url(images/menu.png) repeat-x #e8e8e8;
border-bottom: 1px solid
#d7d5d5;
border-top: 1px solid #fff;
color : #4a4949;
text-shadow: 0px 1px
#fff;
}
.post a {
color : #709002;
text-shadow: 0px 1px #fff;
}
.img
{
border : 0;
vertical-align : middle;
}
.gold {
text-decoration : none;

padding: 9px;
background : url(images/gold.png) repeat-x
#d2d4b8;
border-bottom: 1px solid #afb195;
border-top: 1px solid
#fff;
color : #4a4949;
text-shadow: 0px 1px #fff;
}
.gold a {
color :
#575a2e;
}
.img {
border : 0;
vertical-align : middle;
}
.news {
background
: url(images/bmenu.png) left top repeat-x;
border-top : 1px solid
#fff;
background-color : #fff;
padding : 3px 0 3px 2px;
}
.quote
{
background-color:#ffef88; border: 1px solid #efd950; color:black;
border-left: 4px solid #e8a218; padding : 3px;  padding-left : 6px;
}
.red,
.red a {
color : #f00;
}
.code {
background-color : #E0E6E9;
border :
#9FAEBB dotted 1px;
margin-top : 4px;
padding : 0 2px 0 2px;
}
.top a
{
color : #878787;
}
.top {
background : url(images/fmenu.png) top
repeat-x;
border-top : 1px solid #fff;
background-color : #fff;
padding :
3px 0 3px 3px;
}
.cpage {
background-color : #edebeb;
border : #cccccc
solid 1px;
padding : 0 5px 0 5px;
}
a.panv {
border : #cccccc solid
1px;
padding : 0 3px 0 3px;
text-decoration : none;
}
a.panv:hover
{
background-color : #edebeb;
border : #A9A9A9 solid 1px;
}
p {
margin :
1px;
}
form label {
display: inline-block;
padding-right: 5px;
margin: 1px
0px 1px 0px;
}

input[type="submit"] {
font-size:
12px;
background: url(images/panel.png) repeat-x #E2E2E2;
padding: 5px
8px;
border: 1px solid #d14703;
margin: 1px;
-webkit-border-radius:
4px;
-moz-border-radius: 4px;
border-radius:
4px;
}
input[type="submit"]:hover {
color: #646363;
background:
url(images/menus.png) repeat-x #f0eded;
border: 1px solid
#d0cece;
}
textarea{
background: url(images/menus.png) repeat-x
#f0eded;
padding: 5px 8px;
border: 1px solid #cccccc;
margin:
1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:
4px;
}

input, select{
background: url(images/menus.png) repeat-x
#f0eded;
padding: 5px 8px;
border: 1px solid #cccccc;
margin:
1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:
4px;
}
hr {
border : 0;
border-top : 1px dotted #E1E1E1;
margin : 5px
0;
}
h3 {
margin : 0;
padding : 0 0 2px 0;
}
ul {
margin : 0;
padding-left
: 20px;
}
.copy {
text-align : right;
}
.copy a {
color : #fff;
}
.copy
a:hover {
color : #fff;
}
.mail { 
  color: #2F4F4F;
  background-color :
#DCDCDC;
  margin: 1px; 
  background-repeat : repeat-x; 
  border-bottom :
1px solid #dcdcdc;
  border-left : 1px solid #dcdcdc;
  border-right : 1px
solid #dcdcdc;
  padding : 6px;
}
.mail a {
color : #797978;
}
.mail
a:hover {
color : #797900;
}