Просмотр архива Public design №2

/*
##### by Edward Forix
##### icq: 9966403
##### www: CoolDiz.ru
#####
vk.com/edward_forix
##### public design
*/

body {
backgrou2nd: #000
url('img/bg.gif');

background: #000
url('http://i636.photobucket.com/albums/uu83/jules771/woodtextures/wood-pattern-parquet-floor-tiles_w725_h725.png');
color:
#ddd;
margin-left: auto;
margin-right: auto;
margin-top:
10px;
margin-bottom: 10px;
max-width: 600px;

}
.body {
background:
#eee;
color: #666;
padding: 5px;
border-radius: 14px;
opacity:
0.9;
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.75);
}
a {
color:
#eee;
text-decoration: none;
}


.head {
padding: 7px;
border-bottom: 2px
solid #aaa;
margin-left: -5px;
margin-right: -5px;
margin-top:
-5px;
border-radius: 0 0 14px 14px;
}
.foot {
padding: 7px;
border-top: 2px
solid #aaa;
margin-left: -5px;
margin-right: -5px;
margin-bottom:
-5px;
border-radius: 14px 14px 0 0;
}
.copy {
background:
#3a3a3a;
background: -moz-linear-gradient(top, #3a3a3a 0%, #898989
100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#3a3a3a), color-stop(100%,#898989));
background:
-webkit-linear-gradient(top, #3a3a3a 0%,#898989 100%);
background:
-o-linear-gradient(top, #3a3a3a 0%,#898989 100%);
background:
-ms-linear-gradient(top, #3a3a3a 0%,#898989 100%);
background:
linear-gradient(to bottom, #3a3a3a 0%,#898989 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a',
endColorstr='#898989',GradientType=0 );

text-align: left;
display:
block;
border-top: 2px solid #333;
border-left: 2px solid #333;
padding:
10px;
float: right;
border-radius: 7px 0 0 0;
position: fixed; bottom: 0;
right: 0; z-index: 999;

}
.copy_a {
display: block;
color:
#E0E0E0;
text-shadow: 1px 1px 5px #333;
padding: 15px;
margin:
-10px;
}
.copy_a:hover {
color: #52a5eb;
text-shadow: 1px 1px 5px
#000;
}



.reklama_top {
border: 1px solid #bbb;
border-radius:
7px;
padding: 4px;
margin-top: 25px;
margin-bottom: 5px;
}
.reklama_down
{
border: 1px solid #bbb;
border-radius: 7px;
padding: 4px;
margin-top:
25px;
margin-bottom: 3px;
}
.reklama_name {
background: #ddd;
color:
#999;
text-shadow: 1px 1px #fff;
border-left: 1px solid #bbb;
border-top:
1px solid #bbb;
border-right: 1px solid #bbb;
border-radius: 7px 7px 0
0;
float: right;
margin-right: 4px;
margin-top: -27px;
padding-left:
5px;
padding-right: 5px;
padding-bottom: 3px;
}
.reklama_top a,

.reklama_down a {
display: block;
padding: 4px;
margin-left:
-4px;
margin-right: -4px;
border-top: 1px dashed #fff;
border-bottom: 1px
dashed #ccc;
color: #ababab;
}
.reklama_top a:hover, 
.reklama_down a:hover
{
background: #ddd;
}



.title {
background: #bbb;
color:
#666;
text-shadow: 1px 1px #eee;
border-top: 2px solid #fff;
border-bottom:
2px solid #aaa;
padding: 5px;
margin-left: -5px;
margin-right:
-5px;
}

.razdel {
border-top: 1px solid #bbb;
border-left: 1px solid
#bbb;
border-bottom: 2px solid #bbb;
border-radius: 9px 0 0
9px;
padding-top: 4px;
padding-bottom: 4px;
padding-right:
4px;
padding-left: 8px;
margin-top: 5px;
margin-bottom: 2px;
margin-right:
-5px;
}
.main {
border-top: 1px solid #bbb;
border-left: 1px solid
#bbb;
border-bottom: 2px solid #bbb;
border-radius: 9px 0 0
9px;
padding-top: 3px;
padding-bottom: 3px;
padding-right:
3px;
padding-left: 3px;
margin-top: 2px;
margin-left: 7px;
margin-right:
-5px;
}

.touch {
color: #666;
text-shadow: 0px -1px #fff;
display:
block;
padding: 6px;
margin-left: -2px;
margin-right: -2px;
border-top: 1px
solid #fff;
border-bottom: 1px solid #ccc;
}
.touch:hover {
background:
#ddd;
color: #222;
text-shadow: 1px 1px #fff;
border-bottom: 1px solid
#c0c0c0;
}
.count {
float: right;
border-bottom: 2px solid
#c0c0c0;
border-right: 2px solid #c0c0c0;
border-radius: 7px;
padding-left:
5px;
padding-right: 5px;
margin-top: -1px;
}



.error {
background:
#fbb;
color: #a77;
text-shadow: 1px 1px #fdd;
padding: 5px;
border-radius:
9px;
margin-bottom: 3px;
}
.ok {
background: #bfb;
color:
#7a7;
text-shadow: 1px 1px #efe;
padding: 5px;
border-radius:
9px;
margin-bottom: 3px;
}
.info {
background: #aee;
color:
#7aa;
text-shadow: 1px 1px #dff;
padding: 5px;
border-radius:
9px;
margin-bottom: 3px;
}



.input, .textarea {
background: #ddd;
color:
#666;
border-top: 2px solid #888;
border-left: 2px solid
#888;
border-right: 0px;
border-bottom: 0px;
border-radius: 3px;
padding:
5px;
margin-left: 5px;
margin-bottom: 2px;
}
.submit {
background:
#ddd;
color: #222;
border-bottom: 2px solid #888;
border-right: 2px solid
#888;
border-left: 0px;
border-top: 0px;
border-radius: 8px;
padding:
7px;
margin-left: 5px;
margin-bottom: 2px;
}
.submit:hover {
background:
#ccc;
}