Difference between revisions of "Template:Wageningen UR/MenuCSSv2"
| (47 intermediate revisions by 2 users not shown) | |||
| Line 39: | Line 39: | ||
.Menu-Left-Icon { | .Menu-Left-Icon { | ||
height: 70px; | height: 70px; | ||
| + | width:100%; | ||
} | } | ||
.Menu-Left-Icon a:before { | .Menu-Left-Icon a:before { | ||
| Line 47: | Line 48: | ||
} | } | ||
.Menu-Left-Icon a img { | .Menu-Left-Icon a img { | ||
| − | width: 100%; | + | max-width: 100%; |
height: 70px; | height: 70px; | ||
} | } | ||
| Line 90: | Line 91: | ||
} | } | ||
.TopMenuButtonColumn ul li a:hover { | .TopMenuButtonColumn ul li a:hover { | ||
| + | text-decoration: underline; | ||
color: #66bb46 | color: #66bb46 | ||
} | } | ||
| + | .nav-item:hover { | ||
| + | text-decoration: underline!important; | ||
| + | color: #66bb46 | ||
| + | } | ||
| + | |||
| + | .MainMenuIcon { | ||
| + | height:70px; | ||
| + | display:none; | ||
| + | width:71px; | ||
| + | } | ||
| + | |||
| + | .MainMenuIcon img { | ||
| + | height:70px; | ||
| + | } | ||
| + | |||
.sub-nav-item { | .sub-nav-item { | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
| Line 162: | Line 179: | ||
#SideMenu-Anchor { | #SideMenu-Anchor { | ||
float:right; | float:right; | ||
| − | width: | + | width:240px; |
} | } | ||
#SideMenu { | #SideMenu { | ||
| Line 168: | Line 185: | ||
width:240px; | width:240px; | ||
top: 200px; | top: 200px; | ||
| − | padding-top: 0.5rem; | + | padding-top: 0.5rem; |
| − | margin: | + | padding-left: 0rem; |
| − | border-radius: 10px | + | margin: -1rem; |
| − | + | border-radius: 10px 10px 10px 10px; | |
| − | background-color: # | + | border-bottom: solid 5px #006838; |
| − | + | border-top: solid 5px #006838; | |
| + | border-left: solid 5px #006838; | ||
| + | border-right: solid 5px #006838; | ||
| + | background-color:#c5e5b9; | ||
| + | } | ||
| − | .menu-head { | + | .menu-head { |
| + | margin-top:0rem; | ||
text-align:center; | text-align:center; | ||
} | } | ||
| Line 183: | Line 205: | ||
} | } | ||
| − | .menu-head h4 | + | .menu-head h4 { |
| − | font-size:1. | + | font-size:1.2rem; |
color:black; | color:black; | ||
text-align:center; | text-align:center; | ||
| + | font-weight: bold; | ||
| + | padding-left:0.5rem; | ||
| + | padding-right:0.5rem; | ||
} | } | ||
.menu-head h4 a:visited { | .menu-head h4 a:visited { | ||
| Line 195: | Line 220: | ||
margin: 0!important; | margin: 0!important; | ||
padding: 0!important; | padding: 0!important; | ||
| + | background-color:white; | ||
| + | |||
} | } | ||
| Line 201: | Line 228: | ||
list-style-type: none; | list-style-type: none; | ||
list-style-position: inside; | list-style-position: inside; | ||
| − | margin: | + | margin-bottom: 0rem; |
| − | padding:0; | + | padding:0; |
| − | + | ||
} | } | ||
.sidebar-nav li a{ | .sidebar-nav li a{ | ||
display:block; | display:block; | ||
| − | font-size:1. | + | font-size:1.0rem; |
| − | color:black; | + | color:black; |
| − | + | ||
margin: 0; | margin: 0; | ||
padding-top: 0.5rem; | padding-top: 0.5rem; | ||
| Line 215: | Line 240: | ||
padding-left: 0.5rem; | padding-left: 0.5rem; | ||
padding-right: 0.5rem; | padding-right: 0.5rem; | ||
| + | /*border-bottom: 2px solid #1d2129;*/ | ||
} | } | ||
| Line 220: | Line 246: | ||
.sidebar-nav li a:visited { | .sidebar-nav li a:visited { | ||
color:black; | color:black; | ||
| − | } | + | } |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.sidenav-active { | .sidenav-active { | ||
background-color: #66bb46; | background-color: #66bb46; | ||
| − | + | } | |
#SideMenu-Wrapper lu li a { | #SideMenu-Wrapper lu li a { | ||
| Line 266: | Line 288: | ||
/* Rounded corners */ | /* Rounded corners */ | ||
} | } | ||
| − | #UpButton | + | |
| − | + | #UpButton img { | |
| − | + | height:100%; | |
} | } | ||
| + | |||
/*Mobile site elements*/ | /*Mobile site elements*/ | ||
Latest revision as of 22:15, 1 November 2017
