aboutsummaryrefslogtreecommitdiffgithub
path: root/static
diff options
context:
space:
mode:
authorAustin Adams <git@austinjadams.com>2017-02-21 15:35:53 -0500
committerAustin Adams <git@austinjadams.com>2017-02-21 15:36:12 -0500
commit776c788b68e2d899de19d7bc66dff156ef28b916 (patch)
tree0fbd601c4d2c48a89444eec4f69a766b1b9cd202 /static
parent17e2530e99f9ae71d581a0ded62080bf575d9e55 (diff)
downloadwebzone-776c788b68e2d899de19d7bc66dff156ef28b916.tar.gz
webzone-776c788b68e2d899de19d7bc66dff156ef28b916.tar.xz
Integrate new site into old templates
Some old stuff still remains (like the puke-green links), but it's progress.
Diffstat (limited to 'static')
-rw-r--r--static/css/style.css94
1 files changed, 70 insertions, 24 deletions
diff --git a/static/css/style.css b/static/css/style.css
index 567a354..ad02ec6 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,50 +1,95 @@
-/* Common layout */
-
+/* New layout */
body {
font-family: sans-serif;
color: black;
- margin: 0;
- padding: 0;
}
-div#container {
- max-width: 480px;
+#container {
+ max-width: 512px;
margin: 0 auto;
- padding: 8px;
}
header {
+ text-align: center;
+
display: block;
- margin: 0 0 16px 0;
+ margin: 64px auto 0 auto;
+ max-width: 400px;
}
-header a#logo {
- display: inline-block;
- height: 64px;
- width: 64px;
- background-color: #DEF5FF;
- vertical-align: middle;
+#name {
+ font-weight: normal;
+ font-size: 32px;
+ margin: 0;
}
-header h1#title {
- margin: 0 0 0 16px;
- display: inline-block;
- font-weight: normal;
- font-size: 24px;
- vertical-align: middle;
+#name a:link,
+#name a:visited {
+ color: black;
+ text-decoration: none;
+}
+
+#name a:hover,
+#name a:active {
+ text-decoration: underline;
}
-header h1#title a:link,
-header h1#title a:visited {
+#tagline {
+ height: 20px;
+ margin-top: 4px;
+ font-size: 14px;
+ color: #444;
+}
+
+#tagline a {
+ font-size: 16px;
color: black;
text-decoration: none;
}
-header h1#title a:hover,
-header h1#title a:active {
+#tagline a:hover, a:active {
text-decoration: underline;
}
+nav {
+ margin: 8px 0;
+ padding: 0;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+}
+
+#navigation {
+ list-style-type: none;
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+
+#navigation li {
+ display: inline-block;
+ width: 20%;
+}
+
+.navlink {
+ text-decoration: none;
+ color: #222;
+ padding: 8px 4px;
+ display: block;
+}
+
+.navlink:hover {
+ transition-duration: 0.25s;
+ color: white;
+ background-color: #aaa;
+}
+
+@media (max-width: 500px) {
+ #navigation li {
+ display: block;
+ width: 100%;
+ }
+}
+
/* Homepage */
ul#postlist {
@@ -123,3 +168,4 @@ div#content hr {
border: none;
border-top: 1px solid silver;
}
+/* vim: set ts=2 sw=2 : */