X-Git-Url: https://git.siccegge.de//index.cgi?p=frida%2Fweb.git;a=blobdiff_plain;f=html%2Fcss%2Fmain.css;fp=html%2Fcss%2Fmain.css;h=e6a619a498d5fd21b66066fcb9523b036ddfcc6c;hp=0000000000000000000000000000000000000000;hb=4003c5c41d327c8b7b7b6be1107e8135472488a1;hpb=4df0249257a66c72b5e3feb776213ed779451314

diff --git a/html/css/main.css b/html/css/main.css
new file mode 100644
index 0000000..e6a619a
--- /dev/null
+++ b/html/css/main.css
@@ -0,0 +1,102 @@
+@font-face {
+	font-family: SourceCodePro;
+	src: url('https://static.siccegge.de/WOFF/OTF/SourceCodePro-Regular.otf.woff');
+}
+
+@font-face {
+	font-family: SourceSansPro;
+	src: url('https://static.siccegge.de/WOFF/OTF/SourceSansPro-Regular.otf.woff');
+}
+
+@font-face {
+	font-family: SourceSerifPro;
+	src: url('https://static.siccegge.de/WOFF/OTF/SourceSerifPro-Regular.otf.woff');
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	font-family: SourceSerifPro;
+	line-height: 1.3;
+}
+
+body {
+	background-color: #B3E1FF;
+}
+
+#frame {
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	width: 90%;
+	max-width: 60em;
+	background-color: #fff;
+	border: 2px solid #0011CA;
+}
+
+#header {
+	background-color: #A2A5CA;
+	border-bottom: 2px solid #0011CA;
+	color: #000;
+}
+
+#header h1 {
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+
+#nav {
+	margin-left: -2px;
+}
+
+#nav li {
+	display: inline-block;
+	border: 2px solid #0011CA;
+	background-color: #A2A5CA;
+	margin-right: 0.5em;
+	margin-top: -2px;
+}
+
+#nav a {
+	display: inline-block;
+	text-decoration: none;
+	font-weight: bold;
+	color: #000;
+	padding: 2px;
+}
+
+#nav a:hover {
+	color: #fff;
+	background-color: #0011CA;
+}
+
+.document {
+	margin: 3em 5em 2em;
+}
+
+.document h1 {
+	margin-top: 1em;
+	margin-bottom: .5em;
+}
+
+.document h2 , .document h3 {
+	margin-top: .8em;
+	margin-bottom: .3em;
+}
+
+.document ul {
+	margin-left: 2em;
+}
+
+.document p {
+	margin: .2em;
+}
+
+.literal-block {
+	font-family: SourceCodePro;
+	background-color: #eee;
+	display:inline-block;
+	margin: .5em;
+}