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

   1 @import '../variables.less';
   2
   3 body
   4 {
   5   padding: 1em 3em 1em 5em;
   6 }
   7
   8 .content
   9 {
  10   position: relative;
  11 }
  12 .content.cols_2
  13 {
  14   padding: 0 27em 0 0;
  15   background-image: url('../../img/bg.gif');
  16   background-repeat: repeat-y;
  17   background-position: right top;
  18 }
  19 .content.cols_2 > .main
  20 {
  21   float: left;
  22   min-height: 1em;
  23   position: relative;
  24   width: 100%;
  25 }
  26 .content.cols_2 > .marginal
  27 {
  28   float: left;
  29   margin: 0 -27em 0 2.625em;
  30   padding: 0 2em 1.0625em 2em;
  31   position: relative;
  32   width: 20.375em;
  33   background-color: @heller;
  34 }
  35 .cols_2 > .content > .marginal h1,
  36 .cols_2 > .content > .marginal h2,
  37 .cols_2 > .content > .marginal h3,
  38 .cols_2 > .content > .marginal h4
  39 {
  40   color: @hintergrund;
  41 }
  42 .content #nav
  43 {
  44   position: absolute;
  45   top: 0;
  46   width: 100%;
  47 }
  48 .content.cols_2 #nav
  49 {
  50   position: relative;
  51   top: auto;
  52   right: auto;
  53   width: 22.375em; /** 358px = 326px + 32px*/
  54 }
  55 .content.cols_2 #nav > #menu
  56 {
  57   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
  58 }
  59 .content.cols_1 #nav > #menu
  60 {
  61   position: absolute;
  62   top: -7em; /** 112px */
  63   right: 0;
  64   margin: 0;
  65 }
  66
  67 /** Always display vertical scroll-bars */
  68 body { overflow-y: scroll; }
  69
  70 /** Center content, when screen is bigger than 1240 */
  71 #page
  72 {
  73   position: relative;
  74   max-width: 1000px;
  75   margin: 0 auto;
  76 }