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