|
|
| Строка 16: |
Строка 16: |
| | width: auto; | | width: auto; |
| | } | | } |
| − |
| |
| − | /*Хуйня какая-то*/
| |
| − |
| |
| − | #colorNav > ul{
| |
| − | width: 450px;
| |
| − | margin:0 auto;
| |
| − | }
| |
| − |
| |
| − | #colorNav > ul > li{ /* стили только для элементов li верхнего уровня */
| |
| − | list-style: none;
| |
| − | box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
| |
| − | display: inline-block;
| |
| − | line-height: 1;
| |
| − | margin: 1px;
| |
| − | border-radius: 3px;
| |
| − | position:relative;
| |
| − | }
| |
| − |
| |
| − | #colorNav > ul > li > a{
| |
| − | color:inherit;
| |
| − | text-decoration:none !important;
| |
| − | font-size:24px;
| |
| − | padding: 25px;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul{
| |
| − | position:absolute;
| |
| − | list-style:none;
| |
| − | text-align:center;
| |
| − | width:180px;
| |
| − | left:50%;
| |
| − | margin-left:-90px;
| |
| − | top:70px;
| |
| − | font:bold 12px 'Open Sans Condensed', sans-serif;
| |
| − |
| |
| − | /* Важно для анимации вывода/скрытия */
| |
| − | max-height:0px;
| |
| − | overflow:hidden;
| |
| − |
| |
| − | -webkit-transition:max-height 0.4s linear;
| |
| − | -moz-transition:max-height 0.4s linear;
| |
| − | transition:max-height 0.4s linear;
| |
| − | }
| |
| − |
| |
| − | #colorNav li:hover ul{
| |
| − | max-height:200px;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li{
| |
| − | background-color:#313131;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li a{
| |
| − | padding:12px;
| |
| − | color:#fff !important;
| |
| − | text-decoration:none !important;
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li:nth-child(odd){ /* полоски зебры */
| |
| − | background-color:#363636;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li:hover{
| |
| − | background-color:#444;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li:first-child{
| |
| − | border-radius:3px 3px 0 0;
| |
| − | margin-top:25px;
| |
| − | position:relative;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li:first-child:before{ /* указатель подсказки */
| |
| − | content:'';
| |
| − | position:absolute;
| |
| − | width:1px;
| |
| − | height:1px;
| |
| − | border:5px solid transparent;
| |
| − | border-bottom-color:#313131;
| |
| − | left:50%;
| |
| − | top:-10px;
| |
| − | margin-left:-5px;
| |
| − | }
| |
| − |
| |
| − | #colorNav li ul li:last-child{
| |
| − | border-bottom-left-radius:3px;
| |
| − | border-bottom-right-radius:3px;
| |
| − | }
| |
| − |
| |
| − | #colorNav li.green{
| |
| − | /* Цвет пункта меню */
| |
| − | background-color:#00c08b;
| |
| − |
| |
| − | /* Цвет иконки */
| |
| − | color:#127a5d;
| |
| − | }
| |
| − |
| |
| − | #colorNav li.red{ background-color:#ea5080;color:#aa2a52;}
| |
| − | #colorNav li.blue{ background-color:#53bfe2;color:#2884a2;}
| |
| − | #colorNav li.yellow{ background-color:#f8c54d;color:#ab8426;}
| |
| − | #colorNav li.purple{ background-color:#df6dc2;color:#9f3c85;}
| |
