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: .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   #nav:target
  28   {
  29     padding-top: 0;
  30   }
  31   #nav:target > #menu
  32   {
  33     padding-left: 0;
  34   }
  35   #breadcrumb,
  36   #nav:target > a.hide
  37   {
  38     top: .1em;
  39     right: .3em;
  40   }
  41   #breadcrumb > a.hide:before,
  42   #nav:target > a.hide:before
  43   {
  44     font-size: 300%; /** Vielfaches von 12px */
  45   }
  46 }
  47 @media (max-width: 150px)
  48 {
  49   #header
  50   {
  51     font-size: 50%;
  52   }
  53   #header > hr.h
  54   {
  55     display: block;
  56   }
  57   #slogan
  58   {
  59     display: none;
  60   }
  61   #breadcrumb,
  62   #nav:target > a.hide
  63   {
  64     top: .2em;
  65   }
  66   #breadcrumb > a.hide:before,
  67   #nav:target > a.hide:before
  68   {
  69     font-size: 264%; /** Vielfaches von 12px */
  70   }
  71 }