From: Kai Moritz Date: Thu, 12 Dec 2013 18:57:46 +0000 (+0100) Subject: Basis-Style überarbeitet X-Git-Tag: thymeroot-2.0.0~169 X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=136db10a69e7fbfd778a17bd269cd26166939348;p=website 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 1ca1d24e..58ef0a2a 100644 --- 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 02993a3f..fa90a6cb 100644 --- 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 b5cc0f15..2af6cd6f 100644 --- 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 5a82b53f..3400c246 100644 --- 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 {