X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fbase%2Ftypo.less;fp=src%2Fmain%2Fwebapp%2Fless%2Fbase%2Ftypo.less;h=1403333f169859c133e33df0a3cfc3e92b5b86cd;hp=0000000000000000000000000000000000000000;hb=333d6535bf30e4811ca4b1b62b02ce8658a7b777;hpb=60794b90fccca40a5041c40fad9efe38e0cd3e37

diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less
new file mode 100644
index 00000000..1403333f
--- /dev/null
+++ b/src/main/webapp/less/base/typo.less
@@ -0,0 +1,132 @@
+/** Typografische Grundeinstellungen ******************************************/
+
+/** Farben:
+  * 1: 0ACF00 Normal
+  * 2: 2D9B27 
+  * 3: 078600 Dunkler
+  * 4: 42E73A Heller
+  * 5: 6EE768
+  */
+
+body
+{
+  font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif;
+  letter-spacing: 0;
+  line-height: 1.5em;
+  padding: 1em 3em 1em 5em;
+  background-color: #fff;
+}
+h1, h2, h3, h4, h5, h6
+{
+  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
+  letter-spacing: 0;
+  font-weight: bold;
+  color: #0ACF00;
+  margin: 1em 0 .5em 0; /** 16px 0 8px 0 */
+}
+h1
+{
+  font-size: 187.5%; /** 30 px */
+  line-height: 1em; /** 30px */
+  padding: 0 0 .4em 0; /** 0 0 12px 0 */
+  margin: 1em 0 .3em 0; /** 30px 0 9px 0 */
+}
+h2
+{
+  font-size: 112.5%; /** 18px */
+  line-height: 1.5em; /** 27px */
+}
+h3
+{
+  /** font-size: 16px */
+  /** line-height: 24px */
+}
+h4
+{
+  font-size: 87.5%; /** 14px */
+  line-height: 1.5em; /** 21px */
+}
+h1 a, h2 a, h3 a, h4 a
+{
+  color: #0ACF00;
+  border-style: none;
+}
+h1 a:hover,
+h2 a:hover,
+h3 a:hover,
+h4 a:hover
+{
+  color: #078600;
+  border-bottom: 1px solid #078600;
+}
+h1 a:focus,
+h2 a:focus,
+h3 a:focus,
+h4 a:focus,
+h1 a:active,
+h2 a:active,
+h3 a:active,
+h4 a:active
+{
+  color: #2D9B27;
+  border-bottom: 1px solid #2D9B27;
+}
+p
+{
+  line-height: 1.5em; /** 21px */
+  margin: .5em 0 .5em 0;
+}
+ul, ol
+{
+  margin: .25em 0 .25em 0; /** 4px 0 4px 0 */
+  padding: 0 0 0 1em; /** 0 0 0 16px */
+}
+ul
+{
+  list-style-type: square;
+}
+ol
+{
+  list-style-type: decimal;
+  padding-left: 1.1875em; /** 19px */
+}
+li
+{
+  padding-bottom: .25em; /** 2px */
+}
+table, th, td
+{
+  padding: .1em .2em;
+}
+th, td
+{
+  font-size: 87.5%; /** 14px */
+  line-height: 1.5em; /** 20px */
+  border: .071428571em solid #000; /** 1px */
+  padding: .214285714em .5em; /** 3px 7px */
+}
+hr
+{
+  margin: 1em 0 1em 0;
+}
+a
+{
+  color: #078600;
+  border-bottom: 1px dashed #078600;
+}
+a:hover
+{
+  color: #077600;
+  border-bottom: 1px solid #077600;
+}
+a:focus,
+a:active
+{
+  color: #078600;
+  border-bottom: 1px solid #078600;
+}
+a:visited
+{
+  border-bottom: 1px dotted #077600;
+}
+