Clientseitige LESS-Umsetzung integriert

[website] / less / screen / layout.less

diff --git a/less/screen/layout.less b/less/screen/layout.less
deleted file mode 100644 (file)
index 9771f83..0000000
--- a/less/screen/layout.less
+++ /dev/null
@@ -1,192 +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: 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: 8.375em;
-  left: 6.9em;
-  z-index: 3;
-}
-#breadcrumb > a.hide
-{
-  position: absolute;
-}
-#breadcrumb > hr.b
-{
-  display: none;
-}
-
-
-/** Footer positionieren */
-
-#footer
-{
-  padding: 2em 0;
-}
-.onecolumn #footer
-{
-  background-color: @hintergrund;
-}
-#footer > hr.f
-{
-  display: none;
-}