X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=dist%2Fless%2Fscreen%2Flayout.less;fp=dist%2Fless%2Fscreen%2Flayout.less;h=0000000000000000000000000000000000000000;hp=d01d0907e723e75df66c84ee36eff67f210c4861;hb=6b7ab8c11e0c5d43952fc7a3a114cb1c1e85a310;hpb=152a67959bd3f9243489a648d4021eb2a0667679 diff --git a/dist/less/screen/layout.less b/dist/less/screen/layout.less deleted file mode 100644 index d01d0907..00000000 --- a/dist/less/screen/layout.less +++ /dev/null @@ -1,198 +0,0 @@ -/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ - -body -{ - padding: 0; - overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */ -} -#page -{ - margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ - max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */ -} - -/** Seitenaufteilung mit Menü (Zweispaltig) */ - -body -{ - padding: 0 3em 0 5em; -} -.content -{ - position: relative; - padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ -} -.menu .content, -.nomenu .content -{ - padding-right: 27em; -} -.content > .main -{ - min-height: 1em; - position: relative; - width: 100%; -} -.menu .content > .main, -.nomenu .content > .main -{ - float: left; -} -.content > .marginal -{ - position: relative; - background-color: @heller; -} -.menu .content > .marginal, -.nomenu .content > .marginal -{ - float: left; - margin: 0 -27em 0 2.625em; - padding: 0 2em 1.0625em 2em; - width: 20.375em; -} - -/** Anpassungen für Seiten ohne Menü */ - -.nomenu .content > .marginal -{ - background-color: @sehrhell; -} - -/** Anpassungen für einspaltige Seiten */ - -.onecolumn .content > .marginal -{ - margin-top: 4em; - background-color: transparent; -} - -/** Seitenkopf positionieren */ - -#header -{ - margin-left: -2.125em; - padding: .125em 0 1em 0; -} -#header > hr.h -{ - display: none; -} - - -/** Bereichsauswahl positionieren und stylen */ - -.onecolumn #nav -{ - position: absolute; - top: 0; - right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ - width: 100%; -} - -#nav > hr.n -{ - display: none; -} -#nav -{ - position: relative; - top: auto; - right: auto; - width: 22.375em; /** 358px = 326px + 32px*/ -} -#menu -{ - position: relative; - width: 200%; - top: -8em; /** 136px */ - right: 100%; - text-align: right; - list-style-type: none; - margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */ - padding: 0; - border-style: none; -} -.onecolumn #menu -{ - top: -15.5625em; /** -249px -- warum auch immer... */ -} -#menu > li.m -{ - display: inline-block; - padding: 0 0 0 4em; -} -#menu > li.m > .m -{ - font-size: 250%; /** 40px */ - color: @normal; -} -#menu > li.m > a.m -{ - border-color: @normal; -} -#menu > li.m > a.m:hover -{ - border-color: @dunkler; -} -#menu > li.m > a.m:hover, -#menu > li.m > strong.m -{ - border-style: solid; -} -#menu > li.m > a.m.selected -{ - color: @normal; -} -#menu > li.m > a.m:hover -{ - color: @dunkler; -} -#menu > li.m > a.m:hover:before, -#menu > li.m > a.m.selected:before, -#menu > li.m > strong.m:before -{ - content: '> '; - margin-left: -.92em; -} - - -/** Breadcrump positionieren */ - -#breadcrumb -{ - position: absolute; - top: 7.875em; /* 126px */ - left: 10em; - z-index: 3; -} -#breadcrumb > a.hide -{ - position: absolute; -} -#breadcrumb > hr.b -{ - display: none; -} -#breadcrumb > strong.b.title, -#breadcrumb > ol.b > li.b:first-child -{ - text-indent: -999em; - width: 0; - margin: 0; -} - -/** Footer positionieren */ - -#footer -{ - padding: 2em 0; -} -.onecolumn #footer -{ - background-color: @hintergrund; -} -#footer > hr.f -{ - display: none; -}