HTML |
---|
<style> .submenu { margin-left: -11px; /* Отступ от левого края сайта */ margin-right: auto; margin-top: -110px; /* Отступ от верхнего края сайта */ width: 500px480px; /* длина строки меню*/ position: absolute; z-index: 1; } #nav2, #nav2 ul { list-style: none outside none; margin: 0; padding: 0; } #nav2 { background-color: white; /* Цвет полосы меню - белый*/ float: left; margin-left: 10px; margin-right: 1%; width: 100%; /* длина строки меню*/ position: relative; } #nav2 > li { float: left; text-align: left; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } #nav2 li a { display: block; text-decoration: none; -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; white-space: normal; } #nav2 > li > a { color: #3b73af; display: block; font-size: 1.0em; /* Размер шрифта главного меню */ line-height: 39px; padding: 0 10px; /* text-transform: uppercase; */ } #nav2 > li:hover > a, #nav > a:hover { background-color: #3b73af; /* фон выделенного элемента подменю */ color: #FFFFFF; } #nav2 li.active > a { background-color: #205081; /* Цвет блока меню при клике курсором мыши - голубой */ color: #FFFFFF; } </style> |
...