X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Flayout.less;h=3d9787fa5aa5d27c9d80fb019ae43cfff0c2bf14;hp=04c51d7332ed48c2b1cda574934a5e6cc14b6aee;hb=6482c022bf5777165d20d1cfe58f3668f8699dba;hpb=02dfc8d7c054fa2c3f89eae7594f3262817d62f2 diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less index 04c51d73..3d9787fa 100644 --- a/src/main/webapp/less/tablet/layout.less +++ b/src/main/webapp/less/tablet/layout.less @@ -1,6 +1,7 @@ /** Seite gesamt (Abmessungen, Aussenabstände etc.) */ -body +body.menu, +body.nomenu { padding: 0; } @@ -8,6 +9,10 @@ body { overflow: hidden; } +.nomenu #page +{ + padding: 0; +} /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */ @@ -111,6 +116,10 @@ body @media (max-width: @maxsmallertablet) { margin-left: 17.5em; + #menu > li.about + { + display: inline-block; + } } width: auto; } @@ -131,6 +140,10 @@ body right: 1em; } } +#menu > li.about +{ + display: none; +} #menu > li.m { @media (max-width: @maxsmalltablet) @@ -197,7 +210,8 @@ body /** Breadcrump positionieren */ -#breadcrumb +.menu #breadcrumb, +.nomenu #breadcrumb { left: 11.9em; right: 3em; @@ -209,28 +223,33 @@ body } @media (max-width: @maxsmallertablet) { - display: none; + top: 5.8em; + left: 7em; } } -/** Faux-Column-Hack für Marginalinhalte anpassen */ +/** Faux-Column-Hack für Marginalinhalte */ .nomenu .content > .marginal aside.m { margin: 3.5em -3em -999em -5em; padding: 2em 3em 995em 5em; - border-style: none; + background-color: @heller; + position: relative; + top: -4.5em; } .menu .content > .marginal > aside.m { - margin: 0 -12em 1em 17.5em; + margin: 0 -12em 1em 20em; @media (max-width: @maxsmalltablet) { + margin-left: 18.5em; margin-right: -13em; } @media (max-width: @maxsmallertablet) { + margin-left: 17.5em; margin-right: -14em; } }