1 files changed, 188 insertions, 0 deletions
diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..2f86b92
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,188 @@
+* + img,* + ol,* + ul,* + table {
+	margin-top:1rem;
+}
+
+img + *,ol + *,p.imageText + *,p.large + *,p.small + *,ul + *,table + * {
+	margin-top:1rem;
+}
+
+ol ol,ol ul,p.large + p.small,p.small + p.small,ul ol, ul ul {
+	margin-top:0;
+}
+
+br {
+	line-height:1rem;
+}
+
+p a,p a:visited {
+	color:          var(--colour);
+	font-weight:    bold;
+	text-decoration:none;
+}
+
+p a:hover {
+	color:var(--foregroundColour);
+}
+
+p.pageTitle,p.large {
+	font-family:"Helvetica","sans-serif";
+}
+
+p.pageTitle {
+	margin-bottom:1rem;
+}
+
+p.pageTitle {
+	font-size:    3rem;
+	text-align:   center;
+}
+
+p.pageTitle sub {
+	font-size: 1rem;
+	font-style:italic;
+}
+
+p.large {
+	font-size:    2rem;
+	font-weight:  bold;
+}
+
+p.small,p.imageText {
+	font-size:calc(11rem / 12);
+}
+
+p.small {
+	font-weight:bold;
+}
+
+p.small span.data + span.data::before {
+	content:    "\0020\2014\0020";
+	font-weight:normal;
+}
+
+p.math {
+	font-size:calc(3rem / 2);
+	margin:   calc(3rem / 2 / 2) 0;
+}
+
+p.imageText {
+	font-style:   italic;
+	margin-top:   calc(1rem / 2);
+}
+
+img {
+	background-color:var(--foregroundColour);
+	border-color:    var(--foregroundColour);
+	border-radius:   calc(1rem / 3 * 2);
+	border-style:    solid;
+	border-width:    calc(1rem / 3);
+	display:         block;
+	max-height:      12rem;
+	max-width:       12rem;
+}
+
+p img {
+	border-style:none;
+	display:     inline-block;
+	height:      1em;
+}
+
+img.subgroup,img.subgroup-mc {
+	border-radius:calc(6rem / 24);
+	border-style: none;
+	margin:       0;
+	margin-bottom:1rem;
+	width:        6rem;
+}
+
+img.subgroup-mc,img.subgroup-mc:hover {
+	transition:1s;
+}
+
+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;
+}
+
+table {
+	background-color:var(--foregroundColour);
+	border-collapse: collapse;
+	border-color:    var(--foregroundColour);
+	border-style:    solid;
+	border-width:    calc(1rem / 12);
+	color:           var(--backgroundColour);
+}
+
+table tr.small {
+	font-size:calc(2rem / 3);
+}
+
+table tr td,table tr th {
+	box-sizing:border-box;
+	padding:   calc(1rem / 12) calc(1rem / 3);
+}
+
+table tr td {
+	background-color:var(--backgroundColour);
+	color:           var(--foregroundColour);
+}
+
+table tr td + td,table tr td + th,table tr th + td {
+	border-left-color:var(--foregroundColour);
+	border-left-style:solid;
+	border-left-width:calc(1rem / 12);
+}
+
+table tr td.rightAligne {
+	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;
+}