juplo.de Git - website/blob - src/main/webapp/less/base/typo.less

   1 /** Typografische Grundeinstellungen ******************************************/
   2
   3 @import '../variables.less';
   4
   5 body
   6 {
   7   font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;
   8   letter-spacing: 0;
   9   line-height: 1.5em;
  10   padding: 1em 2em 1em 3em;
  11   background-color: @hintergrund;
  12 }
  13 h1, h2, h3, h4, h5, h6
  14 {
  15   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
  16   letter-spacing: 0;
  17   font-weight: bold;
  18   color: @normal;
  19   margin: 1em 0 .5em 0; /** 16px 0 8px 0 */
  20 }
  21 h1
  22 {
  23   font-size: 187.5%; /** 30 px */
  24   line-height: 1em; /** 30px */
  25   padding: 0 0 .4em 0; /** 0 0 12px 0 */
  26   margin: 1em 0 .3em 0; /** 30px 0 9px 0 */
  27 }
  28 h2
  29 {
  30   font-size: 112.5%; /** 18px */
  31 }
  32 h3
  33 {
  34   /** font-size: 16px */
  35   /** line-height: 24px */
  36 }
  37 h4
  38 {
  39   font-size: 87.5%; /** 14px */
  40 }
  41 h1 a, h2 a, h3 a, h4 a
  42 {
  43   color: @normal;
  44   border-style: none;
  45 }
  46 h1 a:hover,
  47 h2 a:hover,
  48 h3 a:hover,
  49 h4 a:hover
  50 {
  51   color: @dunkler;
  52   border-bottom: 1px solid @dunkler;
  53 }
  54 h1 a:focus,
  55 h2 a:focus,
  56 h3 a:focus,
  57 h4 a:focus,
  58 h1 a:active,
  59 h2 a:active,
  60 h3 a:active,
  61 h4 a:active
  62 {
  63   color: @dunkel;
  64   border-bottom: 1px solid @dunkel;
  65 }
  66 p
  67 {
  68   margin: .5em 0 .5em 0;
  69 }
  70 ul, ol
  71 {
  72   margin: .25em 0 .25em 0; /** 4px 0 4px 0 */
  73   padding: 0 0 0 1em; /** 0 0 0 16px */
  74 }
  75 ul
  76 {
  77   list-style-type: square;
  78 }
  79 ol
  80 {
  81   list-style-type: decimal;
  82   padding-left: 1.1875em; /** 19px */
  83 }
  84 li
  85 {
  86   padding-bottom: .25em; /** 2px */
  87 }
  88 table, th, td
  89 {
  90   padding: .1em .2em;
  91 }
  92 th, td
  93 {
  94   font-size: 87.5%; /** 14px */
  95   line-height: 1.5em; /** 20px */
  96   border: .071428571em solid #000; /** 1px */
  97   padding: .214285714em .5em; /** 3px 7px */
  98 }
  99 pre
 100 {
 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