summaryrefslogtreecommitdiff
path: root/html/style/main.css
diff options
context:
space:
mode:
authorAdam Spragg <adam@spra.gg>2018-05-31 23:25:50 +0100
committerAdam Spragg <adam@spra.gg>2018-05-31 23:25:50 +0100
commit93858a4c34dd4007c72e915ed175bcdc24bbdadd (patch)
tree40279e7f6f521f0abc97a9f317ed500acb0d141e /html/style/main.css
First fully working config and content for the site
Diffstat (limited to 'html/style/main.css')
-rw-r--r--html/style/main.css97
1 files changed, 97 insertions, 0 deletions
diff --git a/html/style/main.css b/html/style/main.css
new file mode 100644
index 0000000..d94e0a7
--- /dev/null
+++ b/html/style/main.css
@@ -0,0 +1,97 @@
+html {
+ background-color: #f0fff0;
+ background-image: url('/style/grid.png');
+ font-family: sans-serif;
+ color: #404040;
+}
+
+body {
+ margin: 0;
+}
+
+a,
+a:hover,
+a:visited {
+ color: inherit;
+}
+
+/* * * Header * * */
+body > header {
+ padding-top: 1px; /* Don't allow child element top margins to extend out of the header element */
+ background-color: #000000;
+ background-image: url('/style/grid.png');
+ color: #00c000;
+}
+
+h1 {
+ font-family: monospace;
+ /*font-variant: small-caps;*/
+ text-align: center;
+ text-shadow: 0 0 0.2em #00c000;
+}
+
+nav {
+ background-color: #00c000;
+ color: #000000;
+}
+
+nav ul {
+ max-width: 80em;
+ margin: 0 auto 0;
+}
+
+nav ul li {
+ display: inline-block;
+ padding: 0.2em 1em;
+ border-right: 1px #000000 solid;
+}
+
+nav ul li:first-child {
+ border-left: 1px #000000 solid;
+}
+
+nav ul li.selected {
+ color: #ffffff;
+}
+
+nav a,
+nav a:visited {
+ text-decoration: none;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+
+
+/* * * Main * * */
+
+main {
+ max-width: 80em;
+ margin: 0 auto 0;
+ padding: 2em;
+ background-color: #ffffff;
+}
+
+h2 {
+ margin-bottom: 0;
+}
+
+p {
+ margin-top: 0.5em;
+}
+
+/* * * Footer * * */
+
+footer {
+ max-width: 80em;
+ margin: 0 auto 0;
+ padding: 2em;
+ background-color: #ffffff;
+}
+
+footer p {
+ font-size: 70%;
+ text-align: center;
+}
+