|
|
| Строка 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";}
| |
