|
|
| Line 213: |
Line 213: |
| | .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important} | | .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important} |
| | | | |
| − | #dropmenu {
| + | ul.hover_menu ul { display: none; } |
| − | list-style-type: none;
| + | ul.hover_menu li:hover > ul { display: block; } |
| − | width: 190px;
| + | |
| − | height: 90px;
| + | |
| − | margin: 10px auto 150px;
| + | |
| − | padding: 0;
| + | |
| − | background: #00aaee;
| + | |
| − | border-bottom: 5px solid #006699;
| + | |
| − | border-right: 5px solid #006699;
| + | |
| − | border-radius: 3px 3px 0 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li {
| + | |
| − | position: relative;
| + | |
| − | top:0%;
| + | |
| − | width: 100%;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li a {
| + | |
| − | display: block;
| + | |
| − | margin: 0;
| + | |
| − | padding: 9px 0 9px;
| + | |
| − | color: #ffffff;
| + | |
| − | font-size: 12px;
| + | |
| − | font-weight: bold;
| + | |
| − | line-height: 1;
| + | |
| − | border-top: 1px solid #ffffff;
| + | |
| − | border-right: 0px solid #ffffff;
| + | |
| − | text-decoration: none;
| + | |
| − | } | + | |
| − | | + | |
| − | #dropmenu li ul {
| + | |
| − | list-style: none;
| + | |
| − | position: absolute;
| + | |
| − | width: 190px;
| + | |
| − | top: 0;
| + | |
| − | left: 100%;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | border-radius: 0px 0px 3px 3px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li ul li{
| + | |
| − | overflow: hidden;
| + | |
| − | width: 100%;
| + | |
| − | height: 0;
| + | |
| − | color: #ffffff;
| + | |
| − | -moz-transition: .2s;
| + | |
| − | -webkit-transition: .2s;
| + | |
| − | -o-transition: .2s;
| + | |
| − | -ms-transition: .2s;
| + | |
| − | transition: .2s;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li ul li a{
| + | |
| − | padding: 9px 9px;
| + | |
| − | background: #00aaee;
| + | |
| − | text-align: left;
| + | |
| − | font-size: 11px;
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li:hover > a{
| + | |
| − | background: #00aaee;
| + | |
| − | color: #ffff00;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu > li:hover > a{
| + | |
| − | border-radius: 3px 3px 0px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li:hover ul li{
| + | |
| − | overflow: visible;
| + | |
| − | height: 30px;
| + | |
| − | border-bottom: 1px dotted #00aacc;
| + | |
| − | border-left: 1px dotted #ffffff;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li:hover ul li:first-child{
| + | |
| − | border-top: 0;
| + | |
| − | }
| + | |
| − | #dropmenu li:hover ul li:last-child{
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #dropmenu li:hover ul li:last-child a{
| + | |
| − | border-radius: 0 0 3px 3px;
| + | |
| − | } | + | |
| | | | |
| | | | |
