3608
edycji
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 86: | Linia 86: | ||
/*----- Menu Outline -----*/ | /*----- Menu Outline -----*/ | ||
.menu-wrap { | .my-menu-wrap { | ||
width:100%; | width:100%; | ||
box-shadow:0px 1px 3px rgba(0,0,0,0.2); | box-shadow:0px 1px 3px rgba(0,0,0,0.2); | ||
Linia 94: | Linia 94: | ||
} | } | ||
.menu { | .my-menu { | ||
width:1000px; | width:1000px; | ||
margin:0px auto; | margin:0px auto; | ||
} | } | ||
.menu li { | .my-menu li { | ||
margin:0px; | margin:0px; | ||
list-style:none; | list-style:none; | ||
Linia 105: | Linia 105: | ||
} | } | ||
.menu a { | .my-menu a { | ||
transition:all linear 0.15s; | transition:all linear 0.15s; | ||
color:#919191; | color:#919191; | ||
} | } | ||
.menu li:hover > a, .menu .current-item > a { | .my-menu li:hover > a, .my-menu .current-item > a { | ||
text-decoration:none; | text-decoration:none; | ||
color:#be5b70; | color:#be5b70; | ||
} | } | ||
.menu .arrow { | .my-menu .arrow { | ||
font-size:11px; | font-size:11px; | ||
line-height:0%; | line-height:0%; | ||
Linia 121: | Linia 121: | ||
/*----- Top Level -----*/ | /*----- Top Level -----*/ | ||
.menu > ul > li { | .my-menu > ul > li { | ||
float:left; | float:left; | ||
display:inline-block; | display:inline-block; | ||
Linia 128: | Linia 128: | ||
} | } | ||
.menu > ul > li > a { | .my-menu > ul > li > a { | ||
padding:10px 40px; | padding:10px 40px; | ||
display:inline-block; | display:inline-block; | ||
Linia 134: | Linia 134: | ||
} | } | ||
.menu > ul > li:hover > a, .menu > ul > .current-item > a { | .my-menu > ul > li:hover > a, .my-menu > ul > .current-item > a { | ||
background:#2e2728; | background:#2e2728; | ||
} | } | ||
/*----- Bottom Level -----*/ | /*----- Bottom Level -----*/ | ||
.menu li:hover .sub-menu { | .my-menu li:hover .sub-my-menu { | ||
z-index:1; | z-index:1; | ||
opacity:1; | opacity:1; | ||
} | } | ||
.sub-menu { | .sub-my-menu { | ||
width:160%; | width:160%; | ||
padding:5px 0px; | padding:5px 0px; | ||
Linia 157: | Linia 157: | ||
} | } | ||
.sub-menu li { | .sub-my-menu li { | ||
display:block; | display:block; | ||
font-size:16px; | font-size:16px; | ||
} | } | ||
.sub-menu li a { | .sub-my-menu li a { | ||
padding:10px 30px; | padding:10px 30px; | ||
display:block; | display:block; | ||
} | } | ||
.sub-menu li a:hover, .sub-menu .current-item a { | .sub-my-menu li a:hover, .sub-my-menu .current-item a { | ||
background:#3e3436; | background:#3e3436; | ||
} | } |
edycji