Difference between revisions of "Template:Nymu-menu2"
Line 33: | Line 33: | ||
− | # | + | #cssmenu2, |
− | # | + | #cssmenu2 ul, |
− | # | + | #cssmenu2 ul li, |
− | # | + | #cssmenu2 ul li a, |
− | # | + | #cssmenu2 #menu-button { |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 52: | Line 52: | ||
} | } | ||
− | # | + | #cssmenu2:after, |
− | # | + | #cssmenu2 > ul:after { |
content: "."; | content: "."; | ||
display: block; | display: block; | ||
Line 61: | Line 61: | ||
height: 0; | height: 0; | ||
} | } | ||
− | # | + | #cssmenu2 #menu-button { |
display: none; | display: none; | ||
} | } | ||
− | # | + | #cssmenu2 { |
font-family: Montserrat, sans-serif; | font-family: Montserrat, sans-serif; | ||
background-color: #339933; | background-color: #339933; | ||
Line 88: | Line 88: | ||
} | } | ||
− | # | + | #cssmenu2.align-center > ul { |
font-size: 0; | font-size: 0; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | # | + | #cssmenu2.align-center > ul > li { |
display: inline-block; | display: inline-block; | ||
padding-left:20px; | padding-left:20px; | ||
float: none; | float: none; | ||
} | } | ||
− | # | + | #cssmenu2.align-center ul ul { |
text-align: left; | text-align: left; | ||
} | } | ||
− | # | + | #cssmenu2.align-right > ul > li { |
float: right; | float: right; | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li > a { |
font-size: 18px; | font-size: 18px; | ||
Line 116: | Line 116: | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li:hover > a { |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li.has-sub > a { |
padding-right: 30px; | padding-right: 30px; | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li.has-sub > a:after { |
position: absolute; | position: absolute; | ||
top: 22px; | top: 22px; | ||
Line 132: | Line 132: | ||
content: ''; | content: ''; | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li.has-sub > a:before { |
position: absolute; | position: absolute; | ||
top: 19px; | top: 19px; | ||
Line 147: | Line 147: | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
− | # | + | #cssmenu2 > ul > li.has-sub:hover > a:before { |
top: 23px; | top: 23px; | ||
height: 0; | height: 0; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul { |
position: absolute; | position: absolute; | ||
left: -9999px; | left: -9999px; | ||
} | } | ||
− | # | + | #cssmenu2.align-right ul ul { |
text-align: right; | text-align: right; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li { |
height: 0; | height: 0; | ||
-webkit-transition: all .25s ease; | -webkit-transition: all .25s ease; | ||
Line 166: | Line 166: | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
− | # | + | #cssmenu2 li:hover > ul { |
left: auto; | left: auto; | ||
} | } | ||
− | # | + | #cssmenu2.align-right li:hover > ul { |
left: auto; | left: auto; | ||
right: 0; | right: 0; | ||
} | } | ||
− | # | + | #cssmenu2 li:hover > ul > li { |
height: 35px; | height: 35px; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul ul { |
margin-left: 100%; | margin-left: 100%; | ||
top: 0; | top: 0; | ||
} | } | ||
− | # | + | #cssmenu2.align-right ul ul ul { |
margin-left: 0; | margin-left: 0; | ||
margin-right: 100%; | margin-right: 100%; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li a { |
border-bottom: 1px solid rgba(150, 150, 150, 0.15); | border-bottom: 1px solid rgba(150, 150, 150, 0.15); | ||
padding: 11px 15px; | padding: 11px 15px; | ||
Line 194: | Line 194: | ||
background: #333333; | background: #333333; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li:last-child > a, |
− | # | + | #cssmenu2 ul ul li.last-item > a { |
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li:hover > a, |
− | # | + | #cssmenu2 ul ul li a:hover { |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li.has-sub > a:after { |
position: absolute; | position: absolute; | ||
top: 16px; | top: 16px; | ||
Line 212: | Line 212: | ||
content: ''; | content: ''; | ||
} | } | ||
− | # | + | #cssmenu2.align-right ul ul li.has-sub > a:after { |
right: auto; | right: auto; | ||
left: 11px; | left: 11px; | ||
} | } | ||
− | # | + | #cssmenu2 ul ul li.has-sub > a:before { |
position: absolute; | position: absolute; | ||
top: 13px; | top: 13px; | ||
Line 231: | Line 231: | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
− | # | + | #cssmenu2.align-right ul ul li.has-sub > a:before { |
right: auto; | right: auto; | ||
left: 14px; | left: 14px; | ||
Line 238: | Line 238: | ||
− | # | + | #cssmenu2 ul ul > li.has-sub:hover > a:before { |
top: 17px; | top: 17px; | ||
height: 0; | height: 0; | ||
Line 249: | Line 249: | ||
− | <div id=' | + | <div id='cssmenu2' class='align-center'> |
<ul> | <ul> |
Revision as of 08:48, 23 August 2015