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

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