X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fbase%2Ftypo.less;h=8e5e6031cde5c43b802416021806e9c37d285242;hp=02993a3fb223eb249b5bfd212c5a016d4ced53bb;hb=40f9a579c5324f56a938e262fe8c708228cf6c83;hpb=7a8daa5c1039a23a04c6d48f3c430a82af8fec7b diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less index 02993a3f..8e5e6031 100644 --- a/src/main/webapp/less/base/typo.less +++ b/src/main/webapp/less/base/typo.less @@ -1,42 +1,37 @@ /** Typografische Grundeinstellungen ******************************************/ -@import '../variables.less'; - body { - font-family: 'DroidSerif', 'Times New Roman', 'Palatino Linotype' , serif; + .droid; letter-spacing: 0; line-height: 1.5em; - padding: 1em 3em 1em 5em; + 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: @normal; - 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 */ + 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 { @@ -100,6 +95,11 @@ 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; @@ -129,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; +}