X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Ffooter.less;h=2541618b2468066ac351d5db7d13fe552d8d1bf5;hp=bfb951d62623ad446b1c28015830255e1af88486;hb=7967465800f4235b769e7151d5986ca92fc2a0ff;hpb=cea459bf2e32af5de46af1c61c8c69f415b19f40 diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less index bfb951d6..2541618b 100644 --- a/src/main/webapp/less/tablet/footer.less +++ b/src/main/webapp/less/tablet/footer.less @@ -1,63 +1,17 @@ -.cols_1 > #footer -{ - padding: 0 3em 1.5em 5em; - @media (max-width: @maxsmalltablet) - { - padding: 0 2em 1em 3em; - } - @media (max-width: @maxsmallertablet) - { - padding: 0 1em .75em 2.5em; - } - background-color: @heller; -} -.cols_1 > #footer > #footerlinks -{ - 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_1 > #footer > #footerlinks > li.f -{ - line-height: 1em; - margin: 0 1em 0 0; - padding: 0; -} -.cols_1 > #footer > #footerlinks > li.f > a.f -{ - color: @hintergrund; - border-color: @hintergrund; -} -.cols_1 > #footer > #footerlinks > li#copyright -{ - position: static; - float: right; - font-size: 137.5%; - margin: 0; -} -.cols_2 > #footer > #footerlinks +.menu #footer > #footerlinks { position: static; border-style: none; - margin: 4em 0 0 2em; + margin: 3.75em 0 0 2em; } -.cols_2 > #footer > #footerlinks > li.f +.menu #footer > #footerlinks > li.f { line-height: 1em; display: block; 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%; @@ -66,12 +20,12 @@ left: 0; right: 0; padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */ - @media (max-width: @maxsmalltablet) + @media (max-width: (@maxsmalltablet)) { padding-right: 1.45454545em; padding-bottom: 1em; } - @media (max-width: @maxsmallertablet) + @media (max-width: (@maxsmallertablet)) { padding-right: .72727272em; padding-bottom: .5em; @@ -79,14 +33,50 @@ 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; border-style: solid; } + + +.nomenu #footer > #footerlinks, +.onecolumn #footer > #footerlinks +{ + 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; + > li.f + { + line-height: 1em; + margin: 0 1em 0 0; + padding: 0; + } + li.f > a.f + { + color: @hintergrund; + border-color: @hintergrund; + } + li#copyright + { + position: static; + float: right; + font-size: 137.5%; + margin: 0; + } +}