juplo.de Git - website/blob - 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: .25em .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: .1em;
  30     right: .3em;
  31   }
  32   #breadcrumb > a.hide:before
  33   {
  34     font-size: 300%; /** Vielfaches von 12px */
  35   }
  36 }
  37 @media (max-width: 150px)
  38 {
  39   #header
  40   {
  41     font-size: 50%;
  42   }
  43   #header > hr.h
  44   {
  45     display: block;
  46   }
  47   #slogan
  48   {
  49     display: none;
  50   }
  51   #breadcrumb
  52   {
  53     top: .2em;
  54   }
  55   #breadcrumb > a.hide:before
  56   {
  57     font-size: 264%; /** Vielfaches von 12px */
  58   }
  59 }