Difference between revisions of "Template:Wageningen UR/ResponsiveCSSv2"
| (44 intermediate revisions by 2 users not shown) | |||
| Line 23: | Line 23: | ||
max-width:100%; | max-width:100%; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.MenuIconSmall { | .MenuIconSmall { | ||
display: block; | display: block; | ||
| Line 58: | 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 { | |
| − | + | margin-right:8px; | |
} | } | ||
| − | |||
| − | |||
| − | |||
#SideMenu-Wrapper { | #SideMenu-Wrapper { | ||
| − | width: | + | width:160px; |
| − | left:- | + | left:-160px; |
} | } | ||
#SideMenu { | #SideMenu { | ||
| − | width: | + | width:160px; |
} | } | ||
| Line 102: | 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; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | font-size: 0. | + | |
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
} | } | ||
/*Mobile devices*/ | /*Mobile devices*/ | ||
| − | @media (max-width: | + | @media screen and (max-width: 1000px) { |
body, | body, | ||
html { | html { | ||
| Line 143: | Line 122: | ||
} | } | ||
| + | .Main-Border { | ||
| + | padding-left:10px!important; | ||
| + | padding-right:10px!important; | ||
| + | } | ||
| + | |||
body p { | body p { | ||
font-size:16sp!important; | font-size:16sp!important; | ||
| Line 151: | Line 135: | ||
} | } | ||
| + | .table { | ||
| + | margin:0!important; | ||
| + | font-size:12px!important; | ||
| + | overflow: auto; | ||
| + | overflow-y: hidden; | ||
| + | } | ||
| − | + | /* redo all titles for mobile */ | |
h1 { | h1 { | ||
font-size:32sp!important; | font-size:32sp!important; | ||
| Line 239: | Line 229: | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
| + | #UpButton { | ||
| + | width:64px; | ||
| + | height:64px; | ||
| + | right:10%; | ||
| + | } | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 04:34, 19 November 2017
