diff options
Diffstat (limited to 'css/base.css')
-rw-r--r-- | css/base.css | 90 |
1 files changed, 39 insertions, 51 deletions
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; -} |