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

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