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

   1 /** Typografische Grundeinstellungen ******************************************/
   2
   3 /** Farben:
   4   * 1: 0ACF00 Normal
   5   * 2: 2D9B27
   6   * 3: 078600 Dunkler
   7   * 4: 42E73A Heller
   8   * 5: 6EE768
   9   */
  10
  11 body
  12 {
  13   font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;
  14   letter-spacing: 0;
  15   line-height: 1.5em;
  16   padding: 1em 3em 1em 5em;
  17   background-color: #fff;
  18 }
  19 h1, h2, h3, h4, h5, h6
  20 {
  21   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
  22   letter-spacing: 0;
  23   font-weight: bold;
  24   color: #0ACF00;
  25   margin: 1em 0 .5em 0; /** 16px 0 8px 0 */
  26 }
  27 h1
  28 {
  29   font-size: 187.5%; /** 30 px */
  30   line-height: 1em; /** 30px */
  31   padding: 0 0 .4em 0; /** 0 0 12px 0 */
  32   margin: 1em 0 .3em 0; /** 30px 0 9px 0 */
  33 }
  34 h2
  35 {
  36   font-size: 112.5%; /** 18px */
  37   line-height: 1.5em; /** 27px */
  38 }
  39 h3
  40 {
  41   /** font-size: 16px */
  42   /** line-height: 24px */
  43 }
  44 h4
  45 {
  46   font-size: 87.5%; /** 14px */
  47   line-height: 1.5em; /** 21px */
  48 }
  49 h1 a, h2 a, h3 a, h4 a
  50 {
  51   color: #0ACF00;
  52   border-style: none;
  53 }
  54 h1 a:hover,
  55 h2 a:hover,
  56 h3 a:hover,
  57 h4 a:hover
  58 {
  59   color: #078600;
  60   border-bottom: 1px solid #078600;
  61 }
  62 h1 a:focus,
  63 h2 a:focus,
  64 h3 a:focus,
  65 h4 a:focus,
  66 h1 a:active,
  67 h2 a:active,
  68 h3 a:active,
  69 h4 a:active
  70 {
  71   color: #2D9B27;
  72   border-bottom: 1px solid #2D9B27;
  73 }
  74 p
  75 {
  76   line-height: 1.5em; /** 21px */
  77   margin: .5em 0 .5em 0;
  78 }
  79 ul, ol
  80 {
  81   margin: .25em 0 .25em 0; /** 4px 0 4px 0 */
  82   padding: 0 0 0 1em; /** 0 0 0 16px */
  83 }
  84 ul
  85 {
  86   list-style-type: square;
  87 }
  88 ol
  89 {
  90   list-style-type: decimal;
  91   padding-left: 1.1875em; /** 19px */
  92 }
  93 li
  94 {
  95   padding-bottom: .25em; /** 2px */
  96 }
  97 table, th, td
  98 {
  99   padding: .1em .2em;
 100 }
 101 th, td
 102 {
 103   font-size: 87.5%; /** 14px */
 104   line-height: 1.5em; /** 20px */
 105   border: .071428571em solid #000; /** 1px */
 106   padding: .214285714em .5em; /** 3px 7px */
 107 }
 108 hr
 109 {
 110   margin: 1em 0 1em 0;
 111 }
 112 a
 113 {
 114   color: #078600;
 115   border-bottom: 1px dashed #078600;
 116 }
 117 a:hover
 118 {
 119   color: #077600;
 120   border-bottom: 1px solid #077600;
 121 }
 122 a:focus,
 123 a:active
 124 {
 125   color: #078600;
 126   border-bottom: 1px solid #078600;
 127 }
 128 a:visited
 129 {
 130   border-bottom: 1px dotted #077600;
 131 }
 132