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

body{
color: #7e7d7d;
font: 12px Tahoma;
max-width: 400px;
margin :
auto;
background: url(images/bg.png);
}
a:link, a:visited {
color :
#fff;
text-decoration : none;
}
a:hover, a:focus {
color : #d0a2;
}

img
{
border : 0;
vertical-align : middle;
}



.logo {
background-image :
url(images/head.png);
}
.footer {
color : #8d5300;
font-size :
13px;
background-image : url(images/title.png);
text-align : left;
padding
: 9px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid
#e3e3e3;

}
.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 :
#8d5300;
text-shadow: 0px 1px 0px #ffe26b;
}
.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 #6ac204;
color : #fff;border-top: 1px solid
#f7fef1;
text-align : center;
padding : 5px;border-bottom: 1px solid
#559c00;
}
.panel a:hover, a:focus {
text-decoration : underline;
color :
#fff;
}
.block {
background : url(images/menus.png) top left repeat-x
#e8f9ff;
padding: 7px  7px  7px  7px;

}
.block a {
color :
#3b9b01;
}
.block a:hover {
color : #000;
}
.title {
color :
#8d5300;
font-size : 13px;
background-image :
url(images/title.png);
text-align : left;
padding : 9px;
border-top: 1px
solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
text-shadow: 0px 1px 0px
#ffe26b;
}
.title a {
color : #fff;
}
.title a:hover {
color :
#ebebeb;
text-decoration : none;
}




.title5 {
color :
#8d5300;
background-image : url(images/title.png);
border-bottom: 1px solid
#e3e3e3;
text-shadow: 0px 1px 0px #ffe26b;
}
.title5 a {
color :
#000;
}
.title5 a:hover {
color : #000;
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 {
background : url(images/menus.png) top left repeat-x
#e8f9ff;
padding: 7px  7px  7px  7px;
border-bottom: 1px solid
#d1f3ff;
}
.menu a {
color : #3b9b01;
text-shadow: 0px 1px #fff;
}
.menu
a:hover {
color : #000;
}
.post {
background : url(images/bnm.png) top left
repeat-x #ffedd3;
padding: 7px  7px  7px  7px;
border-top: 1px solid
#fff;
border-bottom: 1px solid #ffe2aa;
}
.post a {
color : #bb5a5a;
}
.img
{
border : 0;
vertical-align : middle;
}
.gold {
background :
url(images/gold.png) top left repeat-x #efe4dc;
margin-top:
1px;
margin-bottom: 1px;
padding: 7px  7px  7px  7px;
border: 1px solid
#e1d6ce;
border-bottom: 1px solid #e1d6ce;
}
.gold a {
color :
#bb5a5a;
}
.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/bnm.png) top left
repeat-x #ffedd3;
padding: 14px;
border-top: 1px solid #fff;
border-bottom:
1px solid #ffe2aa;
}
.cpage {
background: #98dc48;
border : #58a101 solid
1px;
padding : 9px;border-radius: 5px;
text-decoration : none;color:
#fff;
}
a.panv {color:#000;
background: url(images/panel.png) repeat-x
#E2E2E2;
border : #58a101 solid 1px;
padding : 9px;border-radius:
5px;
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;color:
#000;
background: url(images/panel.png) repeat-x #E2E2E2;
padding: 5px
8px;
border: 1px solid #59ac01;
margin: 1px;
-webkit-border-radius:
4px;
-moz-border-radius: 4px;
border-radius:
4px;
}
input[type="submit"]:hover {
color: #000;
background:
#78cb1e;
border: 1px solid #78cb1e;
}
textarea{
background:
url(images/menus.png) repeat-x #e8f9ff;
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;
}
.perfcms {padding:
10px;
background-image : none;
opacity : 0.2;text-align: center;
}
.perfcms
a {
color : #797978;
}
.perfcms a:hover {
color : #9e9e9d;
}
.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;
}