juplo.de Git - website/blob - src/main/webapp/css/base/layout.css

   1 .content
   2 {
   3   position: relative;
   4 }
   5 .content.cols_2
   6 {
   7   padding: 0 27em 0 0;
   8 }
   9 .content.cols_2 > .main
  10 {
  11   float: left;
  12   min-height: 1em;
  13   position: relative;
  14   width: 100%;
  15 }
  16 .content.cols_2 > .marginal
  17 {
  18   float: left;
  19   margin: 0 -27em 0 2.625em;
  20   padding: 0 2em 1.0625em 2em;
  21   position: relative;
  22   width: 20.375em;
  23   background-color: #6EE768;
  24 }
  25 .content #nav
  26 {
  27   position: absolute;
  28   top: 0;
  29   width: 100%;
  30 }
  31 .content.cols_2 #nav
  32 {
  33   position: relative;
  34   top: auto;
  35   right: auto;
  36   width: 22.375em; /** 358px = 326px + 32px*/
  37 }
  38 .content.cols_2 #nav > #menu
  39 {
  40   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
  41 }
  42 .content.cols_1 #nav > #menu
  43 {
  44   position: absolute;
  45   top: -7em; /** 112px */
  46   right: 0;
  47   margin: 0;
  48 }