juplo.de Git - website/blob - less/tiny/layout.less

   1 body
   2 {
   3   font-size: 75%; /** 12px */
   4 }
   5 #header
   6 {
   7   font-size: 75%;
   8   margin: .25em .5em 1em 1em;
   9 }
  10 #nav:target
  11 {
  12   padding-left: 0.5em;
  13   padding-right: 0.5em;
  14 }
  15 #breadcrumb,
  16 #nav:target > a.hide
  17 {
  18   top: .5em;
  19   right: .5em;
  20 }
  21 .content > .main,
  22 #footer
  23 {
  24   margin: 0;
  25   padding: 0 .5em;
  26 }
  27 .content > .marginal
  28 {
  29   padding: 1em .5em 999em .5em;
  30   margin-bottom: -991em;
  31 }
  32
  33 @media (max-width: 210px)
  34 {
  35   #nav:target
  36   {
  37     padding-top: 0;
  38   }
  39 }
  40 @media (max-width: 150px)
  41 {
  42   #header
  43   {
  44     font-size: 50%;
  45   }
  46   #header > hr.h
  47   {
  48     display: block;
  49     margin: 0;
  50   }
  51   #slogan
  52   {
  53     display: none;
  54   }
  55   #breadcrumb,
  56   #nav:target > a.hide
  57   {
  58     top: .2em;
  59     line-heigth: 2.3em;
  60     width: 2.4em;
  61   }
  62   #breadcrumb > a.hide:before,
  63   #nav:target > a.hide:before
  64   {
  65     font-size: 264%; /** Vielfaches von 12px */
  66   }
  67 }