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

   1 body
   2 {
   3   padding: 0 0 0 5em;
   4 }
   5
   6 .cols_1
   7 {
   8   padding-right: 3em;
   9 }
  10 .cols_1 > .content
  11 {
  12   padding-bottom: 5.5em;
  13 }
  14 .cols_2 > .content
  15 {
  16   padding: 0 15em 0 0;
  17   margin-right: -15em;
  18 }
  19 .cols_2 > .content.cf:before,
  20 .cols_2 > .content.cf:after
  21 {
  22   clear: none;
  23   content: none;
  24   display: inline;
  25 }
  26 .cols_2 > .content > .main
  27 {
  28   float: none;
  29   margin-right: -15em;
  30   width: auto;
  31   background-color: @hintergrund;
  32   border-right: 3em solid @hintergrund;
  33   /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
  34       Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
  35       heraus... */
  36   border-top: 1px solid @hintergrund;
  37   border-bottom: 1px solid @hintergrund;
  38 }
  39 .cols_1 > .content > .marginal
  40 {
  41   margin: 2em -3em 0 -5em;
  42 }
  43 .cols_1 > .content > .marginal aside.m
  44 {
  45   margin: -.125em 3em 0 5em;
  46   padding: 2em 0;
  47   background-color: @heller;
  48   border-bottom: .125em solid @hintergrund;
  49 }
  50 .cols_2 > .content > .marginal
  51 {
  52   float: left;
  53   margin: 0 0 0 -5em;
  54   padding: 2em 0 5em 5em;
  55   position: static;
  56   width: 100%;
  57   border-top: 3em solid @hintergrund;
  58 }
  59 .cols_2 > .content > .marginal > aside.m
  60 {
  61   margin-right: -12em;
  62 }
  63 .cols_2 > .content #nav
  64 {
  65   position: static;
  66   width: auto;
  67   border-right: .125em solid @hintergrund;
  68 }
  69 .cols_2 > .content #nav > #menu
  70 {
  71   position: absolute;
  72   top: -7em; /** 112px */
  73   right: 3em;
  74   margin: 0;
  75 }
  76
  77 /** Faux-Column-Hack-Eigengewächs anpassen */
  78 #page.cols_2
  79 {
  80   max-width: none;
  81   border-right-width: 15em;
  82 }
  83 .cols_2 > #header
  84 {
  85   margin-right: -15em;
  86   border-right: 3em solid @hintergrund;
  87 }
  88 .cols_2 > #breadcrumb
  89 {
  90   right: -15em;
  91 }
  92 .cols_2 > #footer
  93 {
  94   position: static;
  95   float: right;
  96   margin-right: -15em;
  97   padding: 0;
  98   width: 15em;
  99   background-color: @heller;
 100   border-top: 3em solid @hintergrund;
 101 }
 102