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