Difference between revisions of "Template:Freiburg/CSS"
| Line 237: | Line 237: | ||
} | } | ||
| − | + | ||
| + | /* was removed in favour of fit-content */ | ||
| + | /* old version: | ||
float: left; | float: left; | ||
max-width: 1000px; | max-width: 1000px; | ||
| Line 243: | Line 245: | ||
position: relative; | position: relative; | ||
left: 50%; | left: 50%; | ||
| + | */ | ||
| + | |||
| + | .central_position_wrap{ | ||
| + | |||
} | } | ||
| + | /* | ||
.page_content{ | .page_content{ | ||
display:block; | display:block; | ||
| Line 251: | Line 258: | ||
left: -50%; | left: -50%; | ||
} | } | ||
| + | */ | ||
| + | |||
| + | /* responsive desgin: adapt box width s.t. it fits the screen but has a maximum width of 900px */ | ||
| + | @media only screen and (min-width: 1050px){ | ||
| + | /* style for browsers wider thann 1000px */ | ||
| + | .page_content{ | ||
| + | width: 900px; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (max-width: 999px){ | ||
| + | /* style for browsers wider thann 1000px */ | ||
| + | .page_content{ | ||
| + | width: moz-fit-content; | ||
| + | width: -webkit-fit-content; | ||
| + | width: fit-content; | ||
| + | |||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
/* ============= END: Important Site setup ============= */ | /* ============= END: Important Site setup ============= */ | ||
Revision as of 12:59, 27 August 2015