hobbyhimmel/dokuwiki-plugin-s5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed font sizing: all elements scale proportionally from dynamic body size, no nesting multiplication

Browse Source
This commit is contained in:
Matthias Lotz 2025-12-06 15:03:33 +01:00
parent 481da2842c
commit c34d837847
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
ui/hobbyhimmel/pretty.css
View File

@ -5,14 +5,18 @@
* @author Andreas Gohr <andi@splitbrain.org>
*/
body {background: #fff url(logo.png) top right no-repeat; color: #000; font-size: 1.9em;}
body {
background: #fff url(logo.png) top right no-repeat;
color: #000;
/* font-size wird dynamisch vom S5-Skript gesetzt (für h1 optimiert) */
}
:link, :visited {text-decoration: none; color: #436976;font-style:italic;}
#controls :active {color: #436976 !important;}
#controls :focus {outline: 1px dotted #436976;}
h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
ul, pre {margin: 0; line-height: 1em;}
h1, h2, h3, h4 { font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
pre {margin: 0; line-height: 1em; font-size: 40%;} /* pre 40% vom Body */
html, body {margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif;}
p {font-size: 50%;} /* 50% vom Body */
img {
display: block;
@ -26,18 +30,18 @@ img {
}
blockquote, q {font-style: italic;}
blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 50%;}
blockquote p {margin: 0;}
blockquote em {font-style: normal;}
blockquote strong {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
blockquote strong em {font-style: italic;}
.slide code {padding: 2px 0.25em; font-weight: bold; color: #000;}
.slide pre {padding: 0.5em; margin: 0.25em 0 0.5em 0.5em; color: #000; font-size: 80%;background:#dee7ec;border:1px dashed #8cacbb;}
.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
.slide li {margin-top: 0.75em; margin-right: 0;}
.slide ul ul {line-height: 1;}
.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
.slide pre {padding: 0.5em; margin: 0.25em 0 0.5em 0.5em; color: #000;background:#dee7ec;border:1px dashed #8cacbb;}
.slide ul, .slide ol {margin-left: 5%; margin-right: 7%; margin-top: 0; margin-bottom: 0; line-height: 1em; font-size: 50%;} /* 50% vom Body */
.slide li {margin-top: 0.75em; margin-right: 0; font-size: 100%;} /* 100% vom ul (ergibt 50% vom Body) */
.slide ul ul, .slide ol ol {font-size: 100%;} /* Verschachtelte Liste: 100% vom Eltern-li (nicht vom Eltern-ul!) */
.slide ul ul li, .slide ol ol li {margin: .2em; list-style: square; font-size: 100%;} /* 100% vom verschachtelten ul */
div#header, div#footer {background: #dee7ec; color: #000;
font-family: Verdana, Helvetica, sans-serif;}
@ -48,12 +52,15 @@ div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;border-top:1px s
#footer h2 {font-style: italic;}
div.long {font-size: 0.75em;}
.slide h1 {position: absolute; top: 0.1em; left: 1.5%; z-index: 1;
.slide h1 {
position: absolute;
top: 0.1em; left: 1.5%; z-index: 1;
margin: 0; padding: 0.3em 0 0 25px; white-space: nowrap;
font: bold 150%/1em Verdana, Helvetica, sans-serif;
font: bold 100%/1em Verdana, Helvetica, sans-serif; /* 100% = Body-Größe (für h1 optimiert) */
color: #436976; background: inherit;}
.slide h2 {font-size: 140%;}
.slide h3 {font-size: 130%;}
.slide h2 {font-size: 75%;} /* 75% vom Body */
.slide h3 {font-size: 65%;} /* 65% vom Body */
h1 abbr {font-variant: small-caps;}
div#controls {position: absolute; left: 50%; bottom: 0;