From: Kai Moritz Date: Mon, 9 Dec 2013 12:38:41 +0000 (+0100) Subject: Einfache Unterstützung für unterschiedliche Bildschirmgrößen aktiviert X-Git-Tag: thymeroot-2.0.0~172 X-Git-Url: https://juplo.de/gitweb/?p=website;a=commitdiff_plain;h=4847c7b7a47021ac0fed26b5f3538f4e8c230cb0 Einfache Unterstützung für unterschiedliche Bildschirmgrößen aktiviert Als erste grundsätzliche Unterstützung stark unterschiedlicher Bildschirmgrößen wurde das Stadard-Layout für die Media-Klasse "screen" für eine Größe der Anzeigefläche < 960px deaktiviert, so dass dann nur die Styling-Anweisungen aus dem base-Layout angewendet werden. Außerdem wurde das Standard-Layout künstlich auf eine maximale Breie von 1000px gestutzt. Bei einer größeren Anzeigefläche wird das Layout dann jetzt vorerst in einer Breite von 1000px zentriert angezeigt. --- diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp index 10ba76d8..46f581ef 100644 --- a/src/main/webapp/WEB-INF/templates/html5page.jsp +++ b/src/main/webapp/WEB-INF/templates/html5page.jsp @@ -10,7 +10,7 @@ - - -
cf"> -
-

- -
-
- - +
+ + +
cf"> +
+

+ +
+
+ + +
+
- diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index 10d147f0..b5cc0f15 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -61,3 +61,11 @@ /** Always display vertical scroll-bars */ body { overflow-y: scroll; } + +/** Center content, when screen is bigger than 1240 */ +#page +{ + position: relative; + max-width: 1000px; + margin: 0 auto; +} diff --git a/src/main/webapp/less/screen/navigation.less b/src/main/webapp/less/screen/navigation.less index c3760e5b..5a82b53f 100644 --- a/src/main/webapp/less/screen/navigation.less +++ b/src/main/webapp/less/screen/navigation.less @@ -57,8 +57,8 @@ #breadcrumb { position: absolute; - top: 8.4em; - left: 13.4em; + top: 7.375em; + left: 6.9em; z-index: 3; } #breadcrumb > strong.b