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

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