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