Difference between revisions of "Template:Wageningen UR/ResponsiveCSSv2"
| Line 48: | Line 48: | ||
/*switch to no banner */ | /*switch to no banner */ | ||
@media (max-width: 1520px) { | @media (max-width: 1520px) { | ||
| + | |||
.MenuLeft { | .MenuLeft { | ||
| − | + | width:4%; | |
} | } | ||
.MenuCenter { | .MenuCenter { | ||
| − | width: | + | width:96%; |
} | } | ||
| + | .MenuIconSmall { | ||
| + | width:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | .MenuIconSmall img { | ||
| + | width:100%; | ||
| + | } | ||
| − | + | .TopMenuButtonColumn ul li { | |
| − | margin-right: | + | margin-right:8px; |
} | } | ||
.project-li a { | .project-li a { | ||
| − | padding-left: | + | padding-left:8px; |
} | } | ||
| + | |||
| + | .nav-item { | ||
| + | font-size: 1.1rem; | ||
| + | } | ||
| + | .sub-nav-item { | ||
| + | font-size: 0.9rem; | ||
| + | } | ||
.SubMenuButtonColumn ul li { | .SubMenuButtonColumn ul li { | ||
| − | margin-right: | + | margin-right:8px; |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#SideMenu-Wrapper { | #SideMenu-Wrapper { | ||
| − | width: | + | width:160px; |
| − | left:- | + | left:-160px; |
} | } | ||
#SideMenu { | #SideMenu { | ||
| − | width: | + | width:160px; |
} | } | ||
| Line 92: | Line 100: | ||
padding-bottom:0.4rem!important; | padding-bottom:0.4rem!important; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| + | |||
| + | @media (max-width: 1320px) { | ||
| + | .nav-item { | ||
| + | font-size: 0.9rem; | ||
| + | } | ||
| + | .sub-nav-item { | ||
| + | font-size: 0.65rem; | ||
| + | } | ||
| + | |||
| + | } | ||
| − | |||
| − | |||
/*Mobile devices*/ | /*Mobile devices*/ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 1000px) { |
body, | body, | ||
html { | html { | ||
| Line 114: | Line 123: | ||
body p { | body p { | ||
| − | font-size: | + | font-size:16sp!important; |
} | } | ||
| Line 124: | Line 133: | ||
/* redo all titles for mobile */ | /* redo all titles for mobile */ | ||
h1 { | h1 { | ||
| − | font-size: | + | font-size:32sp!important; |
| − | margin-bottom: | + | margin-bottom:12sp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h2 { | h2 { | ||
| − | font-size: | + | font-size:24sp!important; |
| − | margin-bottom: | + | margin-bottom:12sp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h3 { | h3 { | ||
| − | font-size: | + | font-size:22sp!important; |
| − | margin-bottom: | + | margin-bottom:8sp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h4 { | h4 { | ||
| − | font-size: | + | font-size:20sp!important; |
| − | margin-bottom: | + | margin-bottom:8sp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h5 { | h5 { | ||
| − | font-size: | + | font-size:18sp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
Revision as of 20:57, 1 November 2017
