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   background-image: url('../../img/bg.gif');
   9   background-repeat: repeat-y;
  10   background-position: right top;
  11 }
  12 .content.cols_2 > .main
  13 {
  14   float: left;
  15   min-height: 1em;
  16   position: relative;
  17   width: 100%;
  18 }
  19 .content.cols_2 > .marginal
  20 {
  21   float: left;
  22   margin: 0 -27em 0 2.625em;
  23   padding: 0 2em 1.0625em 2em;
  24   position: relative;
  25   width: 20.375em;
  26   background-color: #6EE768;
  27 }
  28 .content #nav
  29 {
  30   position: absolute;
  31   top: 0;
  32   width: 100%;
  33 }
  34 .content.cols_2 #nav
  35 {
  36   position: relative;
  37   top: auto;
  38   right: auto;
  39   width: 22.375em; /** 358px = 326px + 32px*/
  40 }
  41 .content.cols_2 #nav > #menu
  42 {
  43   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
  44 }
  45 .content.cols_1 #nav > #menu
  46 {
  47   position: absolute;
  48   top: -7em; /** 112px */
  49   right: 0;
  50   margin: 0;
  51 }
  52
  53 /** Always display vertical scroll-bars */
  54 body { overflow-y: scroll; }