X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Ffooter.less;h=1ab926b546325f8540468945ba222353bac65226;hp=c737f050e153ee118626c3f57133d0d6f6f7589b;hb=02dfc8d7c054fa2c3f89eae7594f3262817d62f2;hpb=8e719af3e5416142f6ad4cd9bea9c51f9f2011e4 diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less index c737f050..1ab926b5 100644 --- a/src/main/webapp/less/tablet/footer.less +++ b/src/main/webapp/less/tablet/footer.less @@ -1,67 +1,81 @@ -@import '../variables.less'; - -.cols_1 > #footer -{ - margin: 0 0 0 -5em; - padding: 2em 3em 2em 5em; - background-color: @heller; -} -.cols_1 > #footer > #footerlinks +.menu #footer > #footerlinks { position: static; border-style: none; + margin: 4em 0 0 2em; } -.cols_1 > #footer > #footerlinks > li.f +.menu #footer > #footerlinks > li.f { line-height: 1em; - margin: 0 1em 0 0; - padding: 0; -} -.cols_1 > #footer > #footerlinks > li.f > a.f -{ + display: block; + margin: 0 0 .25em 0; color: @hintergrund; - border-color: @hintergrund; } -.cols_1 > #footer > #footerlinks > li#copyright +.menu #footer > #footerlinks > li#copyright { - position: static; - float: right; + line-height: 1em; font-size: 137.5%; - margin: 0; + top: auto; + bottom: 0; + left: 0; + right: 0; + padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */ + @media (max-width: @maxsmalltablet) + { + padding-right: 1.45454545em; + padding-bottom: 1em; + } + @media (max-width: @maxsmallertablet) + { + padding-right: .72727272em; + padding-bottom: .5em; + } + background-color: @heller; + text-align: right; } -.cols_2 > #footer > #footer +.menu #footer > #footerlinks a.f { - padding: 0; + color: @hintergrund; + border-color: @hintergrund; } -.cols_2 > #footer > #footerlinks +.menu #footer > #footerlinks a.f:hover { - position: static; - border-style: none; - margin: 4em 0 0 2em; + color: @hintergrund; + border-color: @hintergrund; + border-style: solid; } -.cols_2 > #footer > #footerlinks > li.f + + +.nomenu #footer > #footerlinks { - line-height: 1em; - display: block; - margin: 0; - color: @hintergrund; + position: static; + 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_2 > #footer > #footerlinks > li#copyright +.nomenu #footer > #footerlinks > li.f { line-height: 1em; - font-size: 137.5%; - top: auto; - bottom: 1em; - right: -9em; + margin: 0 1em 0 0; + padding: 0; } -.cols_2 > #footer > #footerlinks a.f +.nomenu #footer > #footerlinks > li.f > a.f { color: @hintergrund; border-color: @hintergrund; } -.cols_2 > #footer > #footerlinks a.f:hover +.nomenu #footer > #footerlinks > li#copyright { - color: @hintergrund; - border-color: @hintergrund; - border-style: solid; + position: static; + float: right; + font-size: 137.5%; + margin: 0; }