path: root/css/base.css

* + div.graphicsPreview,* + img,* + ol,* + ul,* + table {
	margin-top:1rem;
}

div.graphicsPreview + *,img + *,ol + *,p.graphicText + *,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.graphicText {
	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,table tr td.math {
	font-size:calc(3rem / 2);
	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);
}

p.graphicText + p.graphicText {
	margin-top:0;
}

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.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-bottom:1rem;
	width:        6rem;
}

img.subgroup-mc,img.subgroup-mc:hover {
	transition:1s;
}

img.subgroup-mc:hover {
	transform:rotate3d(0,1,0,180deg);
}

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.data {
	font-family:   "Courier New","monospace";
	word-break:    break-all;
	letter-spacing:calc(1rem / 12);
}

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.rightAlign,table tr th.rightAlign {
	text-align:right;
}