X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fbase%2Ftypo.less;h=8e5e6031cde5c43b802416021806e9c37d285242;hp=2d6c284888489ecd9455f7e7ff54328267cd0071;hb=7967465800f4235b769e7151d5986ca92fc2a0ff;hpb=78ee3ab05e409a12e30e6f439560ce279d669b40 diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less index 2d6c2848..8e5e6031 100644 --- a/src/main/webapp/less/base/typo.less +++ b/src/main/webapp/less/base/typo.less @@ -1,40 +1,37 @@ /** Typografische Grundeinstellungen ******************************************/ -@import '../variables.less'; - body { .droid; letter-spacing: 0; line-height: 1.5em; - padding: 1em 2em 1em 3em; + padding: .5em 1em 1em 1.5em; background-color: @hintergrund; } h1, h2, h3, h4, h5, h6 { .bpreplay; - color: @normal; - margin: 1em 0 .5em 0; /** 16px 0 8px 0 */ + 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 */ + font-size: 125%; /** 20 px */ } h3 { - /** font-size: 16px */ - /** line-height: 24px */ + font-size: 112.5%; /** 18px */ } h4 { - font-size: 87.5%; /** 14px */ + /** font-size: 16px */ } h1 a, h2 a, h3 a, h4 a { @@ -132,3 +129,26 @@ a:visited 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; +}