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 { | ||
| − | + | display:none | |
} | } | ||
.MenuCenter { | .MenuCenter { | ||
| − | width: | + | width:100% !important; |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | .TopMenuButtonColumn ul li { | |
| − | margin-right: | + | margin-right:0.8rem; |
} | } | ||
.project-li a { | .project-li a { | ||
| − | padding-left: | + | padding-left:0.5rem; |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.SubMenuButtonColumn ul li { | .SubMenuButtonColumn ul li { | ||
| − | margin-right: | + | margin-right:0.6rem; |
} | } | ||
| + | |||
| + | .SubMenuButtonColumn ul li a{ | ||
| + | font-size: 0.7rem; | ||
| + | } | ||
| + | .SubMenuButtonColumn ul li a { | ||
| + | font-size: 0.8rem; | ||
| + | } | ||
#SideMenu-Wrapper { | #SideMenu-Wrapper { | ||
| − | width: | + | width:120px; |
| − | left:- | + | left:-120px; |
} | } | ||
#SideMenu { | #SideMenu { | ||
| − | width: | + | width:120px; |
} | } | ||
| Line 100: | Line 92: | ||
padding-bottom:0.4rem!important; | padding-bottom:0.4rem!important; | ||
} | } | ||
| + | |||
| + | .sidebar-nav li a { | ||
| + | font-size:0.7rem; | ||
| + | padding-top: 0.25rem; | ||
| + | padding-left: 0.5rem; | ||
| + | padding-right: 0.25rem; | ||
| + | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | } | ||
| + | |||
/*Mobile devices*/ | /*Mobile devices*/ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 900px) { |
body, | body, | ||
html { | html { | ||
| Line 123: | Line 114: | ||
body p { | body p { | ||
| − | font-size: | + | font-size:16xp!important; |
} | } | ||
| Line 133: | Line 124: | ||
/* redo all titles for mobile */ | /* redo all titles for mobile */ | ||
h1 { | h1 { | ||
| − | font-size: | + | font-size:32xp!important; |
| − | margin-bottom: | + | margin-bottom:12xp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h2 { | h2 { | ||
| − | font-size: | + | font-size:24xp!important; |
| − | margin-bottom: | + | margin-bottom:12xp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h3 { | h3 { | ||
| − | font-size: | + | font-size:22xp!important; |
| − | margin-bottom: | + | margin-bottom:8xp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h4 { | h4 { | ||
| − | font-size: | + | font-size:20xp!important; |
| − | margin-bottom: | + | margin-bottom:8xp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
h5 { | h5 { | ||
| − | font-size: | + | font-size:18xp!important; |
padding:0!important; | padding:0!important; | ||
} | } | ||
Revision as of 20:57, 1 November 2017
