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