X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=dist%2Fless%2Fphone%2Flayout.less;fp=dist%2Fless%2Fphone%2Flayout.less;h=0000000000000000000000000000000000000000;hp=7b276ba3db5d4b9f7c05b8295f22d71c47ed4f55;hb=6b7ab8c11e0c5d43952fc7a3a114cb1c1e85a310;hpb=152a67959bd3f9243489a648d4021eb2a0667679 diff --git a/dist/less/phone/layout.less b/dist/less/phone/layout.less deleted file mode 100644 index 7b276ba3..00000000 --- a/dist/less/phone/layout.less +++ /dev/null @@ -1,221 +0,0 @@ -/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ - -body -{ - font-size: 87.5%; /** 14px */ - padding: 0; -} -#page -{ - position: relative; - overflow: hidden; -} - - -/** Seitenaufteilung mit/ohne Menü */ - -.content > .main -{ - margin: 0 1em 0 2.5em; -} -.menu .content > .main -{ - border-top-style: none; -} - - - -/** Seitenkopf positionieren */ - -#header -{ - margin: .125em 1em 1em 1.25em; -} -#header > hr.h -{ - display: none; -} -#logo -{ - font-size: 50%; -} - -/** Bereichsauswahl positionieren und stylen */ - -#nav > hr.n -{ - display: none; -} -#menu -{ - border-style: none; - font-size: 125%; - line-height: 1.5em; -} -#menu -{ - font-size: 150%; - border-bottom: .125em solid @hintergrund; - margin-top: 0; - padding: .25em .25em 1em 1.5em; -} -#menu > li.m -{ - float: left; - @media (max-width: 359px) - { - float: none; - } - list-style-type: none; - padding: .25em 1em 0 0; -} -#menu > li.m > a.m -{ - color: @dunkel; -} -#menu > li.m > strong.m -{ - color: @hintergrund; - border-bottom: .0625em solid @hintergrund; -} -#menu > li.m > a.m:hover, -#menu > li.m > a.m:focus, -#menu > li.m > a.m:active -{ - color: @dunkler; - border-bottom: .0625em solid @dunkler; -} -#menu > li.m > a.m.selected -{ - color: @hintergrund; - border-bottom: .0625em dashed @hintergrund; -} -#menu > li.m > a.m.selected:hover, -#menu > li.m > a.m.selected:focus, -#menu > li.m > a.m.selected:active -{ - border-style: solid; -} - - -/** Navigations-Sprunglink reaktivieren und stylen */ - -#breadcrumb -{ - position: absolute; - top: .8em; - right: 1.5em; -} -#breadcrumb > strong.b, -#breadcrumb > ol.b, -#breadcrumb > hr.b -{ - display: none; -} -#breadcrumb > a.hide -{ - display: block; - overflow: hidden; - width: 3.5em; - height: 3em; - line-height: 2.1em; - color: @normal; - border-style: none; -} -#breadcrumb > a.hide:before -{ - content: ""; - font-family: 'symbols'; - font-size: 378%; /** Vielfaches von 14px */ - padding: 0 0 1em 0; - font-weight: normal; -} -#breadcrumb > a.hide:hover, -#breadcrumb > a.hide:focus, -#breadcrumb > a.hide:active -{ - color: @dunkler; -} - - -/** Inhalts-Sprunglink reaktivieren und stylen */ - -#nav:target -{ - position: absolute; - top: 0; - right: 0; - left: 0; - padding: .25em 1em 999em 2.5em; - margin-bottom: -993em; - z-index: 5; - background-color: @heller; - #menu - { - padding-top: 0; - padding-bottom: .75em; - } - > a.hide - { - position: absolute; - left: auto; - top: .8em; - right: 1.5em; - display: block; - overflow: hidden; - width: 3.5em; - height: 3em; - line-height: 2.1em; - color: @hintergrund; - border-style: none; - } - > a.hide:before - { - content: ""; - font-family: 'symbols'; - font-size: 378%; /** Vielfaches von 14px */ - padding: 0 0 1em 0; - margin: 0 1em 0 0; - } - > a.hide:hover, - > a.hide:focus, - > a.hide:active - { - color: @dunkler; - } -} - - -/** Footer positionieren */ - -#footer -{ - padding: 0 1em .5em 2.5em; - background-color: @heller; -} -#footer > hr.f -{ - border-color: @hintergrund; -} - - -/** Marginal-Inhalte anpassen... */ - -.marginal h1, -.marginal h2, -.marginal h3, -.marginal h4 -{ - color: @hintergrund; -} - - -/** Faux-Column-Hack für Marginalinhalte */ - -.marginal -{ - margin-top: 4em; - margin-bottom: -993em; - padding: 1em 1em 999em 2.5em; - background-color: @heller; -}