Basis-Style überarbeitet

 * Margin für kleine Displays optimiert
 * Navigations-Menü durch Rahmen übersichtlicher gestaltet

diff --git a/src/main/webapp/less/base/navigation.less b/src/main/webapp/less/base/navigation.less
index 1ca1d24..58ef0a2 100644 (file)
--- a/src/main/webapp/less/base/navigation.less
+++ b/src/main/webapp/less/base/navigation.less
@@ -1,7 +1,5 @@
 h2.nav
 {
-  padding-bottom: .3em;
-  border-bottom: 1px solid @normal;
 }
 #menu,
 #submenu
@@ -9,7 +7,9 @@ h2.nav
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   font-weight: bold;
   color: @normal;
-  margin: 1em 0 2em 0;
+  margin: .5em 0 1.5em 0;
+  padding: 0.25em 0.25em 0.25em 1.5em;
+  border: 1px solid @normal;
 }
 #menu li.m,
 #submenu li.s
@@ -47,6 +47,7 @@ h2.nav
 #breadcrumb strong.b.title
 {
   float: left;
+  margin: 0 0.5em .6em 0;
 }
 #breadcrumb ol.b
 {
@@ -58,9 +59,17 @@ h2.nav
 #breadcrumb ol.b li.b
 {
   float: left;
-  margin: 0 0 0 1em;
+  margin: 0 0 0.5em 0.5em;
   padding: 0;
 }
+#breadcrumb ol.b li.b:before
+{
+  content: '> ';
+}
+#breadcrumb ol.b li.b:first-child:before
+{
+  content: '';
+}
 #breadcrumb ol.b li.b strong.b
 {
   border-bottom: 1px solid @normal;
@@ -79,6 +88,7 @@ h2.nav
 {
   position: static;
   float: right;
+  margin: 0 0 0 2em;
   white-space: nowrap;
 }
 #breadcrumb div.b

diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less
index 02993a3..fa90a6c 100644 (file)
--- a/src/main/webapp/less/base/typo.less
+++ b/src/main/webapp/less/base/typo.less
@@ -7,7 +7,7 @@ body
   font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;
   letter-spacing: 0;
   line-height: 1.5em;
-  padding: 1em 3em 1em 5em;
+  padding: 1em 2em 1em 3em;
   background-color: @hintergrund;
 }
 h1, h2, h3, h4, h5, h6

diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index b5cc0f1..2af6cd6 100644 (file)
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -1,5 +1,10 @@
 @import '../variables.less';
 
+body
+{
+  padding: 1em 3em 1em 5em;
+}
+
 .content
 {
   position: relative;

diff --git a/src/main/webapp/less/screen/navigation.less b/src/main/webapp/less/screen/navigation.less
index 5a82b53..3400c24 100644 (file)
--- a/src/main/webapp/less/screen/navigation.less
+++ b/src/main/webapp/less/screen/navigation.less
@@ -14,6 +14,7 @@
   list-style-type: none;
   margin: 0;
   padding: 0;
+  border-style: none;
 }
 #menu > li.m
 {
@@ -61,37 +62,6 @@
   left: 6.9em;
   z-index: 3;
 }
-#breadcrumb > strong.b
-{
-}
-#breadcrumb > ol.b
-{
-}
-#breadcrumb > ol.b > li.b
-{
-  margin: 0 .5em 0 0;
-}
-#breadcrumb > ol.b > li.b:before
-{
-  content: '> ';
-  margin-right: .25em;
-}
-#breadcrumb > ol.b > li.b:first-child:before
-{
-  content: '';
-  margin: 0 0 0 1em;
-}
-#breadcrumb > ol.b > li.b > strong.b
-{
-}
-#breadcrumb > ol.b > li.b > a.b
-{
-}
-#breadcrumb > ol.b > li.b > a.b:hover,
-#breadcrumb > ol.b > li.b > a.b:focus,
-#breadcrumb > ol.b > li.b > a.b:active
-{
-}
 #breadcrumb > a.hide
 {
   position: absolute;
@@ -138,6 +108,7 @@
   list-style-type: none;
   margin: 1em 0 4em 0;
   padding: 0 0 0 1.65em; /** 0 0 0 33px */
+  border-style: none;
 }
 #submenu ul.s
 {