juplo.de Git - website/blob - src/main/webapp/less/tiny/layout.less

   1 body
   2 {
   3   font-size: 75%; /** 12px */
   4 }
   5 .marginal
   6 {
   7   margin-bottom: -991em;
   8 }
   9
  10 @media (max-width: 210px)
  11 {
  12   #header
  13   {
  14     font-size: 75%;
  15     margin: 0 .5em 0 1em;
  16   }
  17   .content > .marginal
  18   {
  19     padding: 1em .5em 999em .5em;
  20   }
  21   .content > .main,
  22   #footer
  23   {
  24     margin: 0;
  25     padding: 0 .5em;
  26   }
  27   #breadcrumb
  28   {
  29     top: .3em;
  30     right: .3em;
  31   }
  32 }
  33 @media (max-width: 150px)
  34 {
  35   #header
  36   {
  37     font-size: 50%;
  38   }
  39   #header > hr.h
  40   {
  41     display: block;
  42   }
  43   #slogan
  44   {
  45     display: none;
  46   }
  47 }