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

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