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

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