juplo.de Git - website/blob - src/main/webapp/less/tablet/footer.less

   1 .cols_1 > #footer
   2 {
   3   padding: 0 3em 1.5em 5em;
   4   @media (max-width: @maxsmalltablet)
   5   {
   6     padding: 0 2em 1em 3em;
   7   }
   8   @media (max-width: @maxsmallertablet)
   9   {
  10     padding: 0 1em .75em 2.5em;
  11   }
  12   background-color: @heller;
  13 }
  14 .cols_1 > #footer > #footerlinks
  15 {
  16   position: static;
  17   margin: -.125em;
  18   padding-top: 1.5em;
  19   @media (max-width: @maxsmalltablet)
  20   {
  21     padding-top: 1em;
  22   }
  23   @media (max-width: @maxsmallertablet)
  24   {
  25     padding-top: .5em;
  26   }
  27   border-top: .125em solid @hintergrund;
  28 }
  29 .cols_1 > #footer > #footerlinks > li.f
  30 {
  31   line-height: 1em;
  32   margin: 0 1em 0 0;
  33   padding: 0;
  34 }
  35 .cols_1 > #footer > #footerlinks > li.f > a.f
  36 {
  37   color: @hintergrund;
  38   border-color: @hintergrund;
  39 }
  40 .cols_1 > #footer > #footerlinks > li#copyright
  41 {
  42   position: static;
  43   float: right;
  44   font-size: 137.5%;
  45   margin: 0;
  46 }
  47 .cols_2 > #footer > #footerlinks
  48 {
  49   position: static;
  50   border-style: none;
  51   margin: 4em 0 0 2em;
  52 }
  53 .cols_2 > #footer > #footerlinks > li.f
  54 {
  55   line-height: 1em;
  56   display: block;
  57   margin: 0 0 .25em 0;
  58   color: @hintergrund;
  59 }
  60 .cols_2 > #footer > #footerlinks > li#copyright
  61 {
  62   line-height: 1em;
  63   font-size: 137.5%;
  64   top: auto;
  65   bottom: 0;
  66   left: 0;
  67   right: 0;
  68   padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
  69   @media (max-width: @maxsmalltablet)
  70   {
  71     padding-right: 1.45454545em;
  72     padding-bottom: 1em;
  73   }
  74   @media (max-width: @maxsmallertablet)
  75   {
  76     padding-right: .72727272em;
  77     padding-bottom: .5em;
  78   }
  79   background-color: @heller;
  80   text-align: right;
  81 }
  82 .cols_2 > #footer > #footerlinks a.f
  83 {
  84   color: @hintergrund;
  85   border-color: @hintergrund;
  86 }
  87 .cols_2 > #footer > #footerlinks a.f:hover
  88 {
  89   color: @hintergrund;
  90   border-color: @hintergrund;
  91   border-style: solid;
  92 }