Difference between revisions of "Template:Wageningen UR/ResponsiveCSSv2"
| (23 intermediate revisions by the same user not shown) | |||
| Line 72: | Line 72: | ||
.nav-item { | .nav-item { | ||
| − | font-size: 1. | + | font-size: 1.1rem; |
} | } | ||
.sub-nav-item { | .sub-nav-item { | ||
| − | font-size: 0. | + | font-size: 0.9rem; |
} | } | ||
| Line 83: | Line 83: | ||
#SideMenu-Wrapper { | #SideMenu-Wrapper { | ||
| − | width: | + | width:160px; |
| − | left:- | + | left:-160px; |
} | } | ||
#SideMenu { | #SideMenu { | ||
| − | width: | + | width:160px; |
} | } | ||
| Line 101: | Line 101: | ||
} | } | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
@media (max-width: 1320px) { | @media (max-width: 1320px) { | ||
.nav-item { | .nav-item { | ||
| − | font-size: 0. | + | font-size: 0.9rem; |
} | } | ||
.sub-nav-item { | .sub-nav-item { | ||
| − | font-size: 0. | + | font-size: 0.65rem; |
} | } | ||
| Line 118: | Line 114: | ||
/*Mobile devices*/ | /*Mobile devices*/ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 1000px) { |
body, | body, | ||
html { | html { | ||
| Line 126: | 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 134: | 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 222: | 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
