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

diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less
index 1403333f..8e5e6031 100644
--- a/src/main/webapp/less/base/typo.less
+++ b/src/main/webapp/less/base/typo.less
@@ -1,54 +1,41 @@
 /** 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;
+  .droid;
   letter-spacing: 0;
   line-height: 1.5em;
-  padding: 1em 3em 1em 5em;
-  background-color: #fff;
+  padding: .5em 1em 1em 1.5em;
+  background-color: @hintergrund;
 }
 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 */
+  .bpreplay;
+  color: @schrifthell;
+  line-height: 1.25em;
+  margin: 1.125em 0 .25em 0; /** Margin Top für h1 auf Marginalspalte abgestimmt! */
 }
 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 */
+  font-size: 137.5%; /** 22 px */
+  color: @normal;
+  padding: 0 0 .25em 0; /** 0 0 5px 0 */
 }
 h2
 {
-  font-size: 112.5%; /** 18px */
-  line-height: 1.5em; /** 27px */
+  font-size: 125%; /** 20 px */
 }
 h3
 {
-  /** font-size: 16px */
-  /** line-height: 24px */
+  font-size: 112.5%; /** 18px */
 }
 h4
 {
-  font-size: 87.5%; /** 14px */
-  line-height: 1.5em; /** 21px */
+  /** font-size: 16px */
 }
 h1 a, h2 a, h3 a, h4 a
 {
-  color: #0ACF00;
+  color: @normal;
   border-style: none;
 }
 h1 a:hover,
@@ -56,8 +43,8 @@ h2 a:hover,
 h3 a:hover,
 h4 a:hover
 {
-  color: #078600;
-  border-bottom: 1px solid #078600;
+  color: @dunkler;
+  border-bottom: 1px solid @dunkler;
 }
 h1 a:focus,
 h2 a:focus,
@@ -68,12 +55,11 @@ h2 a:active,
 h3 a:active,
 h4 a:active
 {
-  color: #2D9B27;
-  border-bottom: 1px solid #2D9B27;
+  color: @dunkel;
+  border-bottom: 1px solid @dunkel;
 }
 p
 {
-  line-height: 1.5em; /** 21px */
   margin: .5em 0 .5em 0;
 }
 ul, ol
@@ -105,28 +91,64 @@ th, td
   border: .071428571em solid #000; /** 1px */
   padding: .214285714em .5em; /** 3px 7px */
 }
+pre
+{
+  line-height: 1.2em;
+}
+code
+{
+  font-size: 120%; /** Otherwise, the font-size will be 75%, though not specified so anywhere!! */
+  line-height: 1.2em;
+}
 hr
 {
+  border: none;
+  border-top: 2px solid @normal;
+  background-color: @normal;
+  height: 1px;
   margin: 1em 0 1em 0;
 }
 a
 {
-  color: #078600;
-  border-bottom: 1px dashed #078600;
+  color: @dunkler;
+  border-bottom: 1px dashed @dunkler;
 }
 a:hover
 {
-  color: #077600;
-  border-bottom: 1px solid #077600;
+  color: @nochdunkler;
+  border-bottom: 1px solid @nochdunkler;
 }
 a:focus,
 a:active
 {
-  color: #078600;
-  border-bottom: 1px solid #078600;
+  color: @dunkler;
+  border-bottom: 1px solid @dunkler;
 }
 a:visited
 {
-  border-bottom: 1px dotted #077600;
+  border-bottom: 1px dotted @nochdunkler;
+}
+
+h2 a,
+h3 a,
+h4 a
+{
+  color: @schrifthell;
+}
+h2 a:focus,
+h2 a:active,
+h3 a:focus,
+h3 a:active,
+h4 a:focus,
+h4 a:active
+{
+  color: @normal;
+  border-bottom: 1px solid @normal;
 }
 
+ 
+.logo
+{
+  .bpreplay;
+  color: @normal;
+}