juplo.de Git - website/blob - dist/less/base/typo.less

   1 /** Typografische Grundeinstellungen ******************************************/
   2
   3 body
   4 {
   5   .droid;
   6   letter-spacing: 0;
   7   line-height: 1.5em;
   8   padding: 0 1em 1em 1.5em;
   9   background-color: @hintergrund;
  10 }
  11 h1, h2, h3, h4, h5, h6
  12 {
  13   .bpreplay;
  14   color: @schrifthell;
  15   line-height: 1.25em;
  16   margin: 1.125em 0 .25em 0; /** Margin Top für h1 auf Marginalspalte abgestimmt! */
  17 }
  18 h1
  19 {
  20   font-size: 137.5%; /** 22 px */
  21   color: @normal;
  22   padding: 0 0 .25em 0; /** 0 0 5px 0 */
  23 }
  24 h2
  25 {
  26   font-size: 125%; /** 20 px */
  27 }
  28 h3
  29 {
  30   font-size: 112.5%; /** 18px */
  31 }
  32 h4
  33 {
  34   /** font-size: 16px */
  35 }
  36 h1 a, h2 a, h3 a, h4 a
  37 {
  38   color: @normal;
  39   border-style: none;
  40 }
  41 h1 a:hover,
  42 h2 a:hover,
  43 h3 a:hover,
  44 h4 a:hover
  45 {
  46   color: @dunkler;
  47   border-bottom: 1px solid @dunkler;
  48 }
  49 h1 a:focus,
  50 h2 a:focus,
  51 h3 a:focus,
  52 h4 a:focus,
  53 h1 a:active,
  54 h2 a:active,
  55 h3 a:active,
  56 h4 a:active
  57 {
  58   color: @dunkel;
  59   border-bottom: 1px solid @dunkel;
  60 }
  61 p
  62 {
  63   margin: .5em 0 .5em 0;
  64 }
  65 ul, ol
  66 {
  67   margin: .25em 0 .25em 0; /** 4px 0 4px 0 */
  68   padding: 0 0 0 1em; /** 0 0 0 16px */
  69 }
  70 ul
  71 {
  72   list-style-type: square;
  73 }
  74 ol
  75 {
  76   list-style-type: decimal;
  77   padding-left: 1.1875em; /** 19px */
  78 }
  79 li
  80 {
  81   padding-bottom: .25em; /** 2px */
  82 }
  83 table, th, td
  84 {
  85   padding: .1em .2em;
  86 }
  87 th, td
  88 {
  89   font-size: 87.5%; /** 14px */
  90   line-height: 1.5em; /** 20px */
  91   border: .071428571em solid #000; /** 1px */
  92   padding: .214285714em .5em; /** 3px 7px */
  93 }
  94 pre
  95 {
  96   line-height: 1.2em;
  97 }
  98 code
  99 {
 100   font-size: 120%; /** Otherwise, the font-size will be 75%, though not specified so anywhere!! */
 101   line-height: 1.2em;
 102 }
 103 hr
 104 {
 105   border: none;
 106   border-top: 2px solid @normal;
 107   background-color: @normal;
 108   height: 1px;
 109   margin: 1em 0 1em 0;
 110 }
 111 a
 112 {
 113   color: @dunkler;
 114   border-bottom: 1px dashed @dunkler;
 115 }
 116 a:hover
 117 {
 118   color: @nochdunkler;
 119   border-bottom: 1px solid @nochdunkler;
 120 }
 121 a:focus,
 122 a:active
 123 {
 124   color: @dunkler;
 125   border-bottom: 1px solid @dunkler;
 126 }
 127 a:visited
 128 {
 129   border-bottom: 1px dotted @nochdunkler;
 130 }
 131
 132 h2 a,
 133 h3 a,
 134 h4 a
 135 {
 136   color: @schrifthell;
 137 }
 138 h2 a:focus,
 139 h2 a:active,
 140 h3 a:focus,
 141 h3 a:active,
 142 h4 a:focus,
 143 h4 a:active
 144 {
 145   color: @normal;
 146   border-bottom: 1px solid @normal;
 147 }
 148
 149
 150 .logo
 151 {
 152   .bpreplay;
 153   color: @normal;
 154 }