Inital commit

stijl/standaard.css

@@ -0,0 +1,105 @@
+:root {
+	background-color: #ffa500;
+	color: white;
+	font-family: sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	/*margin: 0;*/
+}
+
+h2 {
+	font-size: 1.2em;
+}
+
+dt {
+	font-weight: bold;
+}
+
+dt:after {
+	content: ":";
+}
+
+a {
+	color: white;
+	text-decoration: underline;
+	font-weight: bold;
+}
+
+header {
+	margin-bottom: 0.5em;
+}
+
+header > * {
+	margin: 0;
+}
+
+body {
+	margin: 1em auto;
+	max-width: 600px;
+}
+
+main {
+	max-width: 600px;
+}
+
+main > header {
+	/*max-width: 20em;*/
+	text-align: center;
+}
+
+main > header h1 {
+	margin: 0;
+	font-size: 0.75em;
+}
+main > header p {
+	margin: 0;
+	font-size: 0.75em;
+}
+
+.doos {
+	background-color: #ff8500;
+	padding: 1em;
+	border-radius: 1em;
+	margin: 1em;
+}
+
+.doos.onjuist {
+	background-color: #ff0000;
+}
+
+pre {
+	border-left: 0.5em solid;
+	padding-left: 0.5em;
+	position: relative;
+	left: -1em;
+	width: calc(100% + 0.5em);
+	overflow-x: auto;
+}
+
+pre.juist {
+	border-color: #00ff15;
+	background-color: #dfa500;
+}
+
+pre.onjuist {
+	border-color: #aa0000;
+	background-color: #dd0000;
+}
+
+::marker, .veld, #betaal-ontvanger, #betaal-iban, #betaal-bedrag {
+	font-weight: bold;
+}
+
+::marker {
+	font-size: 1.2em;
+}
+
+#betaal-bedrag {
+	font-size: 2em;
+}
+
+summary {
+	font-weight: bold;
+	padding: 0.25em;
+}