X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Ffooter.less;h=bfb951d62623ad446b1c28015830255e1af88486;hb=cea459bf2e32af5de46af1c61c8c69f415b19f40;hp=df17d2f9b6b7513d7845b29aeda277b3fb7b29de;hpb=697279a7b2b206ef6d274ed0c56c795dd28559f6;p=website diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less index df17d2f9..bfb951d6 100644 --- a/src/main/webapp/less/tablet/footer.less +++ b/src/main/webapp/less/tablet/footer.less @@ -1,13 +1,30 @@ .cols_1 > #footer { - margin: 0 0 0 -5em; - padding: 2em 3em 2em 5em; + 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; - 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 { @@ -27,10 +44,6 @@ font-size: 137.5%; margin: 0; } -.cols_2 > #footer > #footer -{ - padding: 0; -} .cols_2 > #footer > #footerlinks { position: static; @@ -41,7 +54,7 @@ { line-height: 1em; display: block; - margin: 0; + margin: 0 0 .25em 0; color: @hintergrund; } .cols_2 > #footer > #footerlinks > li#copyright @@ -49,8 +62,22 @@ line-height: 1em; font-size: 137.5%; top: auto; - bottom: 1em; - right: -9em; + 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 > #footerlinks a.f {