X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Ffooter.less;h=7e6567b448aab21e8bd5465f226fa6eb563b7dd0;hp=9f5beb55d948ae28caa1cfff1ab3c18569dc040c;hb=a06a8f90ea1c87ca482ac7de085883a6d92cd213;hpb=ca6df6f375793a05fdc41dd677eafa44f17b9ac9 diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less index 9f5beb55..7e6567b4 100644 --- a/src/main/webapp/less/tablet/footer.less +++ b/src/main/webapp/less/tablet/footer.less @@ -1,68 +1,71 @@ -.cols_1 > #footer +.nomenu #footer { - margin: 0 0 0 -5em; - padding: 2em 3em 1.5em 5em; + padding: 0 3em 1.5em 5em; @media (max-width: @maxsmalltablet) { - margin: 0 0 0 -4em; - padding: 1.5em 2em 1em 4em; + padding: 0 2em 1em 3em; } @media (max-width: @maxsmallertablet) { - margin: 0 0 0 -3em; - padding: 1em 1em .75em 3em; + padding: 0 1em .75em 2.5em; } background-color: @heller; } -.cols_1 > #footer > #footerlinks +.nomenu #footer > #footerlinks { position: static; - border-style: none; + margin: -.125em; + padding-top: 1.5em; + @media (max-width: @maxsmalltablet) + { + padding-top: 1em; + } + @media (max-width: @maxsmallertablet) + { + padding-top: .5em; + } + border-top: .125em solid @hintergrund; } -.cols_1 > #footer > #footerlinks > li.f +.nomenu #footer > #footerlinks > li.f { line-height: 1em; margin: 0 1em 0 0; padding: 0; } -.cols_1 > #footer > #footerlinks > li.f > a.f +.nomenu #footer > #footerlinks > li.f > a.f { color: @hintergrund; border-color: @hintergrund; } -.cols_1 > #footer > #footerlinks > li#copyright +.nomenu #footer > #footerlinks > li#copyright { position: static; float: right; font-size: 137.5%; margin: 0; } -.cols_2 > #footer -{ - z-index: 1; -} -.cols_2 > #footer > #footerlinks +.menu #footer > #footerlinks { position: static; border-style: none; margin: 4em 0 0 2em; } -.cols_2 > #footer > #footerlinks > li.f +.menu #footer > #footerlinks > li.f { line-height: 1em; display: block; - margin: 0; + margin: 0 0 .25em 0; color: @hintergrund; } -.cols_2 > #footer > #footerlinks > li#copyright +.menu #footer > #footerlinks > li#copyright { line-height: 1em; font-size: 137.5%; top: auto; bottom: 0; - left: -3em; - right: -10.909090909em; /* 240px */ - padding: 9em 2.18181818em 1.5em; /* ? 3*16px ? */ + left: 0; + right: 0; + padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */ @media (max-width: @maxsmalltablet) { padding-right: 1.45454545em; @@ -76,12 +79,12 @@ background-color: @heller; text-align: right; } -.cols_2 > #footer > #footerlinks a.f +.menu #footer > #footerlinks a.f { color: @hintergrund; border-color: @hintergrund; } -.cols_2 > #footer > #footerlinks a.f:hover +.menu #footer > #footerlinks a.f:hover { color: @hintergrund; border-color: @hintergrund;