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 .cols_2 > .content > .marginal h1,
  31 .cols_2 > .content > .marginal h2,
  32 .cols_2 > .content > .marginal h3,
  33 .cols_2 > .content > .marginal h4
  34 {
  35   color: @hintergrund;
  36 }
  37 .content #nav
  38 {
  39   position: absolute;
  40   top: 0;
  41   width: 100%;
  42 }
  43 .content.cols_2 #nav
  44 {
  45   position: relative;
  46   top: auto;
  47   right: auto;
  48   width: 22.375em; /** 358px = 326px + 32px*/
  49 }
  50 .content.cols_2 #nav > #menu
  51 {
  52   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
  53 }
  54 .content.cols_1 #nav > #menu
  55 {
  56   position: absolute;
  57   top: -7em; /** 112px */
  58   right: 0;
  59   margin: 0;
  60 }
  61
  62 /** Always display vertical scroll-bars */
  63 body { overflow-y: scroll; }