WIP: Logo
[website] / dist / less / base / typo.less
1 /** Typografische Grundeinstellungen ******************************************/
2
3 body
4 {
5   .droid;
6   letter-spacing: 0;
7   line-height: 1.5em;
8   padding: 0 1em 1em 1.5em;
9   background-color: @hintergrund;
10 }
11 h1, h2, h3, h4, h5, h6
12 {
13   .bpreplay;
14   color: @schrifthell;
15   line-height: 1.25em;
16   margin: 1.125em 0 .25em 0; /** Margin Top für h1 auf Marginalspalte abgestimmt! */
17 }
18 h1
19 {
20   font-size: 137.5%; /** 22 px */
21   color: @normal;
22   padding: 0 0 .25em 0; /** 0 0 5px 0 */
23 }
24 h2
25 {
26   font-size: 125%; /** 20 px */
27 }
28 h3
29 {
30   font-size: 112.5%; /** 18px */
31 }
32 h4
33 {
34   /** font-size: 16px */
35 }
36 h1 a, h2 a, h3 a, h4 a
37 {
38   color: @normal;
39   border-style: none;
40 }
41 h1 a:hover,
42 h2 a:hover,
43 h3 a:hover,
44 h4 a:hover
45 {
46   color: @dunkler;
47   border-bottom: 1px solid @dunkler;
48 }
49 h1 a:focus,
50 h2 a:focus,
51 h3 a:focus,
52 h4 a:focus,
53 h1 a:active,
54 h2 a:active,
55 h3 a:active,
56 h4 a:active
57 {
58   color: @dunkel;
59   border-bottom: 1px solid @dunkel;
60 }
61 p
62 {
63   margin: .5em 0 .5em 0;
64 }
65 ul, ol
66 {
67   margin: .25em 0 .25em 0; /** 4px 0 4px 0 */
68   padding: 0 0 0 1em; /** 0 0 0 16px */
69 }
70 ul
71 {
72   list-style-type: square;
73 }
74 ol
75 {
76   list-style-type: decimal;
77   padding-left: 1.1875em; /** 19px */
78 }
79 li
80 {
81   padding-bottom: .25em; /** 2px */
82 }
83 table, th, td
84 {
85   padding: .1em .2em;
86 }
87 th, td
88 {
89   font-size: 87.5%; /** 14px */
90   line-height: 1.5em; /** 20px */
91   border: .071428571em solid #000; /** 1px */
92   padding: .214285714em .5em; /** 3px 7px */
93 }
94 pre
95 {
96   line-height: 1.2em;
97 }
98 code
99 {
100   font-size: 120%; /** Otherwise, the font-size will be 75%, though not specified so anywhere!! */
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
132 h2 a,
133 h3 a,
134 h4 a
135 {
136   color: @schrifthell;
137 }
138 h2 a:focus,
139 h2 a:active,
140 h3 a:focus,
141 h3 a:active,
142 h4 a:focus,
143 h4 a:active
144 {
145   color: @normal;
146   border-bottom: 1px solid @normal;
147 }
148
149  
150 .logo
151 {
152   .bpreplay;
153   color: @normal;
154 }