juplo.de Git - website/blob - src/main/webapp/less/screen/layout.less

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