-nav li {
- float: left;
- position: relative;
- list-style: none;
- margin-right: 1em;
-}
-
-h1, nav li {
- text-transform: uppercase;
+body {
+ font-family: sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #fdfdfd;
}
-nav a, nav a:hover, nav a:visited {
- text-decoration: none;
- color: black;
+div, h2, h3 {
+ margin: 0;
+ padding: 0;
}
-nav a:hover {
- border-bottom-style: solid;
- border-bottom-width: 2px;
+nav {
+ margin: 0;
+ padding: 1em;
+ display: block;
+ height: 1em;
+ background-color: black;
+ color: white;
}
nav ul {
- margin: 0;
padding: 0;
+ margin: 0;
}
-body {
- font-family: sans-serif;
- margin: 1em 1em 1em 2em;
- padding: 0;
+h1 {
+ margin: 1em 1em 1em 1em;
+ padding: 0;
}
-h1 {
+#content {
+ margin: 0em 1em 0em 1em;
padding: 0;
- margin: 0;
- clear: both;
}
-h2 {
- padding: 0;
- margin: 0;
+nav li {
+ float: left;
+ position: relative;
+ list-style: none;
+ margin-right: 1em;
}
-#content,#header {
- margin: 1em;
- padding: 0;
+h1, nav li, h2, h3 {
+ text-transform: uppercase;
+}
+
+nav a, nav a:hover, nav a:visited {
+ text-decoration: none;
+ color: inherit;
+}
+
+nav a:hover {
+ border-bottom-style: solid;
+ border-bottom-width: 2px;
}
#footer {
pre {
margin: 1em 1em 1em 1em;
padding: 1em 1em 1em 1em;
+ background-color: #dfdfdf;
+}
+
+code {
+ font-family: monospace;
+ font-size: 100%;
}
\ No newline at end of file