diff options
| -rw-r--r-- | CHANGELOG.txt | 6 | ||||
| -rw-r--r-- | css/base.css | 90 | ||||
| -rw-r--r-- | css/pghdr.css | 14 | ||||
| -rw-r--r-- | html/encyclopedia/latin.html | 16 | ||||
| -rw-r--r-- | include/pghdr.shtml | 3 |
5 files changed, 66 insertions, 63 deletions
diff --git a/CHANGELOG.txt b/CHANGELOG.txt index 4180045..fd71865 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -1,3 +1,9 @@ +# 43 + +* Stylesheet adjustments; +* Update navigation bar; +* Improve proceduralism; + # 42 * encyclopedia: Update physics; diff --git a/css/base.css b/css/base.css index e8278a5..4e862d5 100644 --- a/css/base.css +++ b/css/base.css @@ -1,8 +1,8 @@ -* + img,* + ol,* + ul,* + table { +* + div.graphicsPreview,* + img,* + ol,* + ul,* + table { margin-top:1rem; } -img + *,ol + *,p.graphicText + *,p.large + *,p.small + *,ul + *,table + * { +div.graphicsPreview + *,img + *,ol + *,p.graphicText + *,p.large + *,p.small + *,ul + *,table + * { margin-top:1rem; } @@ -65,6 +65,28 @@ p.math,table tr td.math { margin: calc(3rem / 2 / 2) 0; } +div.graphicsPreview { + align-items: center; + background-color:var(--foregroundColour); + border-radius: calc(1rem); + box-sizing: border-box; + display: flex; + height: calc(12rem + 1rem * 2 + 1rem / 3 * 2); + padding: 1rem; + width: calc(12rem + 1rem * 2 + 1rem / 3 * 2); +} + +div.graphicsPreview img { + background-color:var(--backgroundColour); + border-color: var(--backgroundColour); + border-radius: calc(1rem / 3 * 2); + border-style: solid; + border-width: calc(1rem / 3); + margin: auto; + max-height: 12rem; + max-width: 12rem; +} + p.graphicText { font-style:italic; margin-top:calc(1rem / 2); @@ -87,10 +109,17 @@ p img { height: 1em; } +img.mcBanner { + background-color:var(--backgroundColour); + border-radius: 0; + border-style: none; + height: 6rem; + width: 3rem; +} + img.subgroup,img.subgroup-mc { border-radius:calc(6rem / 24); border-style: none; - margin: 0; margin-bottom:1rem; width: 6rem; } @@ -103,14 +132,6 @@ img.subgroup-mc:hover { transform:rotate3d(0,1,0,180deg); } -img.mcBanner { - background-color:var(--backgroundColour); - border-radius: 0; - border-style: none; - height: 6rem; - width: 3rem; -} - ul li,ol li { margin-left:2rem; } @@ -124,6 +145,12 @@ table { color: var(--backgroundColour); } +table.data { + font-family: "Courier New","monospace"; + word-break: break-all; + letter-spacing:calc(1rem / 12); +} + table tr.small { font-size:calc(2rem / 3); } @@ -144,45 +171,6 @@ table tr td + td,table tr td + th,table tr th + td { border-left-width:calc(1rem / 12); } -table tr td.rightAligne { +table tr td.rightAlign,table tr th.rightAlign { text-align:right; } - -table.data { - font-family: "Courier New","monospace"; - word-break: break-all; - letter-spacing:calc(1rem / 12); -} - -table.data tr + tr { - border-top-color:var(--foregroundColour); - border-top-style:solid; - border-top-width:calc(1rem / 12); -} - -div.graphicsPreview { - align-items: center; - background-color:var(--foregroundColour); - border-radius: calc(1rem); - box-sizing: border-box; - display: flex; - height: calc(12rem + 1rem * 2 + 1rem / 3 * 2); - margin-top: 1rem; - padding: 1rem; - width: calc(12rem + 1rem * 2 + 1rem / 3 * 2); -} - -div.graphicsPreview + * { - margin-bottom:1rem; -} - -div.graphicsPreview img { - background-color:var(--backgroundColour); - border-color: var(--backgroundColour); - border-radius: calc(1rem / 3 * 2); - border-style: solid; - border-width: calc(1rem / 3); - margin: auto; - max-height: 12rem; - max-width: 12rem; -} diff --git a/css/pghdr.css b/css/pghdr.css index 39bbc4f..4944ff7 100644 --- a/css/pghdr.css +++ b/css/pghdr.css @@ -11,16 +11,24 @@ div.navbar { width: 100%; } -div.navbar p,div.navbar a,div.navbar a:visited { +div.navbar p span.section + span.section::before { + content:"\0020\2014\0020" +} + +div.navbar p,div.navbar p span.section a,div.navbar p span.section a:visited { color: var(--backgroundColour); text-decoration:none; } -div.navbar a:hover { +div.navbar p span.section a:hover { color:var(--colour); } -div.navbar a.mandelbrot-link:hover { +div.navbar p span.section a + a::before { + content:"\0020\00B7\0020" +} + +div.navbar p span.section a.mandelbrot-link:hover { color:var(--green); } diff --git a/html/encyclopedia/latin.html b/html/encyclopedia/latin.html index 4f4ca64..8833def 100644 --- a/html/encyclopedia/latin.html +++ b/html/encyclopedia/latin.html @@ -15,35 +15,35 @@ </tr> <tr> <td>N<sub> †</sub></td> - <td class="rightAligne">0</td> + <td class="rightAlign">0</td> </tr> <tr> <td>I</td> - <td class="rightAligne">1</td> + <td class="rightAlign">1</td> </tr> <tr> <td>V</td> - <td class="rightAligne">5</td> + <td class="rightAlign">5</td> </tr> <tr> <td>X</td> - <td class="rightAligne">10</td> + <td class="rightAlign">10</td> </tr> <tr> <td>L</td> - <td class="rightAligne">50</td> + <td class="rightAlign">50</td> </tr> <tr> <td>C</td> - <td class="rightAligne">100</td> + <td class="rightAlign">100</td> </tr> <tr> <td>D</td> - <td class="rightAligne">500</td> + <td class="rightAlign">500</td> </tr> <tr> <td>M</td> - <td class="rightAligne">1000</td> + <td class="rightAlign">1000</td> </tr> </table> <p><sup>†</sup><sub> Per konvention.</sub></p> diff --git a/include/pghdr.shtml b/include/pghdr.shtml index 2521f30..e07b757 100644 --- a/include/pghdr.shtml +++ b/include/pghdr.shtml @@ -1,5 +1,6 @@ <div class="navbar"> - <p class="links"><a href="/html/about.html">Om</a> — <a href="/html/graphics.html">Grafik</a> · <a href="/html/encyclopedia.html">Leksikon</a> · <a href="/html/members.html">Medlemmer</a> · <a href="/html/posts.html">Opslag</a> · <a href="/html/projects.html">Projekter</a> · <a href="/html/texts.html">Skrifter</a> · <a href="/html/subgroups.html">Undergrupper</a> — <a href="/files">Filer</a> — <a class="mandelbrot-link" href="https://mandelbrot.dk/fadaesen-webservice">Kildekode</a></p> + <p><span class="section"><a href="/html/about.html">Om</a></span><span class="section"><a href="/html/members.html">Medlemmer</a><a href="/html/subgroups.html">Undergrupper</a></span><span class="section"><a href="/html/posts.html">Opslag</a></span></p> + <p><span class="section"><a href="/html/graphics.html">Grafik</a><a href="/html/encyclopedia.html">Leksikon</a><a href="/html/projects.html">Projekter</a><a href="/html/texts.html">Skrifter</a><a href="/html/subgroups.html">Undergrupper</a></span><span class="section"><a href="/files">Filer</a></span><span class="section"><a class="mandelbrot-link" href="https://mandelbrot.dk/fadaesen-webservice">Kildekode</a></span></p> <img class="themeToggler" onclick="toggleTheme()" src="/svg/themeToggler.svg" title="Skift kontrast" /> </div> <div class="banner"> |