juplo.de Git - website/blob - less/screen/faux-column.less

   1 /** Faux-Column-Hack-Eigengewächs für die Marginalspalte */
   2
   3 .menu #page,
   4 .nomenu #page
   5 {
   6   max-width: 38em; /** 608px + 390px (Marginalspalte) = ca. 1000px */
   7   border-right: 24.375em solid @heller;
   8 }
   9 .nomenu #page
  10 {
  11   border-right-color: @sehrhell;
  12 }
  13 .menu .content,
  14 .nomenu .content
  15 {
  16   margin-right: -24.375em;
  17 }
  18 .menu #header,
  19 .nomenu #header
  20 {
  21   margin-right: -24.375em;
  22   background-color: @hintergrund;
  23 }
  24 .menu #breadcrumb,
  25 .nomenu #breadcrumb
  26 {
  27   right: -24.375em; /** Weil der Breadcrumb sonst an der Faux-Column umbricht! */
  28 }
  29 .menu #footer,
  30 .nomenu #footer
  31 {
  32   margin-right: -24.375em;
  33   background-color: @hintergrund;
  34 }