192 lines
27 KiB
CSS
192 lines
27 KiB
CSS
|
/*для слепых*/
|
||
|
|
div.main{
|
||
|
|
width: 1000px;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: -10px;
|
||
|
|
border: 0px solid green;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
small,p,a,li{font-size:16pt;}
|
||
|
|
div.clear{clear: both;}
|
||
|
|
header{
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
background-color: LimeGreen;
|
||
|
|
background-image: url("http://detsad20.ru/img/41044f0ed3c76d723.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 180px auto;
|
||
|
|
height: 200px;
|
||
|
|
border: 1px solid green;
|
||
|
|
/*margin-top: -40px;*/
|
||
|
|
}
|
||
|
|
header h1{
|
||
|
|
display: block;
|
||
|
|
font-size: 18pt;
|
||
|
|
color: #fff;
|
||
|
|
margin-left: 190px;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
header p a{
|
||
|
|
margin-right: 20px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 14pt;
|
||
|
|
}
|
||
|
|
/*Меню*/
|
||
|
|
nav{
|
||
|
|
width: 1000px;
|
||
|
|
background-color: #F8BC1B;
|
||
|
|
border: 0px solid green;
|
||
|
|
background-image: url("/mnu.png");
|
||
|
|
height: 23px;
|
||
|
|
font-size: 13pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul {
|
||
|
|
padding: 0px;
|
||
|
|
margin: 0px;
|
||
|
|
border: 0px solid green;
|
||
|
|
height: 23px;
|
||
|
|
|
||
|
|
}
|
||
|
|
nav ul li {
|
||
|
|
list-style: none;
|
||
|
|
float: left;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
margin-left: 15px;
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
border: 0px solid green;
|
||
|
|
height: 23px;
|
||
|
|
padding-left: 2px;
|
||
|
|
padding-right: 2px;
|
||
|
|
|
||
|
|
}
|
||
|
|
nav ul li ul{
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 23px;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
nav ul li ul li{
|
||
|
|
float: none;
|
||
|
|
height: 23px;
|
||
|
|
margin: 0;
|
||
|
|
width: 250px;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #F8BC1B;
|
||
|
|
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li ul li.long{
|
||
|
|
float: none;
|
||
|
|
height: 40px;
|
||
|
|
margin: 0;
|
||
|
|
width: 250px;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #F8BC1B;
|
||
|
|
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li ul li a{
|
||
|
|
|
||
|
|
font-size: 10pt;
|
||
|
|
font-weight: normal;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li a{
|
||
|
|
display: block;
|
||
|
|
color: #3C64DB;
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 10pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li a:hover{
|
||
|
|
/*color: red;*/
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li:hover ul{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li:hover{
|
||
|
|
background: #F27B0E;
|
||
|
|
}
|
||
|
|
nav ul li.long:hover{
|
||
|
|
background: #F27B0E;
|
||
|
|
}
|
||
|
|
nav ul li ul li ul{
|
||
|
|
left:250px;
|
||
|
|
top: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
nav ul li ul li ul li{display: none;}
|
||
|
|
nav ul li ul li:hover ul li{display: block;}
|
||
|
|
|
||
|
|
|
||
|
|
.right_side{
|
||
|
|
background-color: #EDE52F;
|
||
|
|
width: 250px;
|
||
|
|
float: right;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
aside h2{
|
||
|
|
font-size: 14pt;
|
||
|
|
}
|
||
|
|
[name=input_find]{
|
||
|
|
width: 90%;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.submit_find{display: none;}
|
||
|
|
|
||
|
|
article{
|
||
|
|
width: 750px;
|
||
|
|
float: left;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
article h1{
|
||
|
|
font-size: 16pt;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
article h2{
|
||
|
|
font-size: 15pt;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer{
|
||
|
|
width: 1000px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer a{
|
||
|
|
font-size: 8pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
table.login_table td {padding: 10px;}
|
||
|
|
table.login_table {margin:0 auto;}
|
||
|
|
|
||
|
|
table.guest_book td {padding: 10px;}
|
||
|
|
table.guest_book {margin:0 auto;
|
||
|
|
width: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table_otzyv{width: 95%;}
|
||
|
|
.table_otzyv td{padding: 3px;}
|
||
|
|
|
||
|
|
*{font-size: 16pt)
|