|
|
| Строка 16: |
Строка 16: |
| width: auto; | | width: auto; |
| } | | } |
|
| |
| h1 {
| |
| text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
| |
| color: #CDAA80; /* Белый цвет текста */
| |
| font-size: 2em; /* Размер надписи */
| |
| }
| |
|
| |
| h2 {
| |
| text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
| |
| color: #CDAA80; /* Белый цвет текста */
| |
| font-size: 1em; /* Размер надписи */
| |
| }
| |
|
| |
| h3 {
| |
| text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
| |
| color: #CDAA80; /* Белый цвет текста */
| |
| font-size: 0,5em; /* Размер надписи */
| |
| }
| |
|
| |
|
| |
| /*Менюшка*/
| |
|
| |
| /* Fixed Positioned AddThis Toolbox */
| |
| .addthis_toolbox {
| |
| position: fixed; z-index: 1000;
| |
| top: -10px;
| |
| right: 80%;
| |
| padding: 5px 5px 4px;
| |
| width: 32px;
| |
| -moz-border-radius: 4px;
| |
| -webkit-border-radius: 4px;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| .addthis_toolbox .custom_images a {
| |
| width: 32px;
| |
| height: 32px;
| |
| cursor: pointer;
| |
| }
| |
| .addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; }
| |
| .addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }
| |
|
| |
| /*Менюшка вторая*/
| |
|
| |
| .vyp-menu, .vyp-menu li, .vyp-menu ul, .vyp-menu a, .vyp-menu:after {
| |
| margin: 0;
| |
| padding: 0;
| |
| z-index: 200;
| |
| display: block;
| |
| }
| |
|
| |
| .vyp-menu:after { /* убираем после меню действие float */
| |
| clear: both;
| |
| content: "";}
| |
|
| |
| .vyp-menu > li { float: left; } /* горизонтальное размещение пунктов */
| |
|
| |
| .vyp-menu li {
| |
| height: 30px;
| |
| position: relative;
| |
| }
| |
|
| |
| .vyp-menu > li > ul > li, .vyp-menu > li > ul > li > ul > li, .vyp-menu > li > ul > li > ul > li > ul > li {
| |
| height: 0px;
| |
| -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;
| |
| overflow: hidden;}
| |
|
| |
| .vyp-menu > li:hover > ul > li, .vyp-menu > li > ul > li:hover > ul > li, .vyp-menu > li > ul > li > ul > li:hover > ul > li {
| |
|
| |
| overflow: visible;}
| |
|
| |
| .vyp-menu li ul li, .vyp-menu li ul li a { width: 100%; } /* фон подпунктов равной ширины */
| |
|
| |
| .vyp-menu ul { position: absolute; }
| |
|
| |
| .vyp-menu ul ul { left: 100%; top: 0; } /* третий и четвёртый список позиционируется не вниз, а вправо. Можно часть списков повернуть и влево, но тогда width должен быть задан в px */
| |
|
| |
| .vyp-menu {
| |
| background: #808080;
| |
| background: -webkit-linear-gradient(#fff, #808080);
| |
| background: -moz-linear-gradient(#fff, #808080);
| |
| background: -o-linear-gradient(#fff, #808080);
| |
| background: -ms-linear-gradient(#fff, #808080);
| |
| background: linear-gradient(#fff, #808080);
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .vyp-menu > li:first-child {border-radius: 5px 0 0 5px; border-left: none;}
| |
|
| |
| .vyp-menu > li {border-left: 1px solid #CDAA80;}
| |
|
| |
| .vyp-menu > li:hover {background: #CDAA80;}
| |
|
| |
| .vyp-menu li li {background: #CDAA80 content-box; padding: 1px 1px 0px 0px; border-right: 1px solid #ccc;}
| |
|
| |
| .vyp-menu li li:last-child {border-radius: 0 0 5px 5px;}
| |
|
| |
| .vyp-menu li a {
| |
| line-height: 20px;
| |
| padding: 0 14px;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .strelka:after {
| |
| content: "\2b";
| |
| position: absolute;
| |
| right: 1px; bottom: -4px;
| |
| }
| |
|
| |
| .strelka:hover:after {content: "\2d";}
| |
