css: Adjust to old spice-space.org look

Everyone likes nineties

4 files changed, 50 insertions, 32 deletions

diff --git a/spice-space/static/css/main.css b/spice-space/static/css/main.css
index 2e681b8..7d7675d 100644
--- a/spice-space/static/css/main.css
+++ b/spice-space/static/css/main.css
@@ -20,45 +20,22 @@ body {
     background: #F5F4EF;
     color: #000305;
     font-size: 87.5%; /* Base font size: 14px */
-    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    font-family: Helvetica, Arial, sans-serif;;
     line-height: 1.429;
     margin: 0;
     padding: 0;
     text-align: left;
 }
 
-/* Headings */
-h1 {font-size: 2em }
-h2 {font-size: 1.571em}	/* 22px */
-h3 {font-size: 1.429em}	/* 20px */
-h4 {font-size: 1.286em}	/* 18px */
-h5 {font-size: 1.143em}	/* 16px */
-h6 {font-size: 1em}		/* 14px */
-
-h1, h2, h3, h4, h5, h6 {
-	font-weight: 400;
-	line-height: 1.1;
-	margin-bottom: .8em;
-    font-family: 'Yanone Kaffeesatz', arial, serif;
-}
-
-h3, h4, h5, h6 { margin-top: .8em; }
-	
 hr { border: 2px solid #EEEEEE; }
 
 /* Anchors */
 a {outline: 0;}
 a img {border: 0px; text-decoration: none;}
-a:link, a:visited {
-	color: #C74350;
-	padding: 0 1px;
-	text-decoration: underline;
-}
+
 a:hover, a:active {
-	background-color: #C74350;
-	color: #fff;
+	background-color: inherit;
 	text-decoration: none;
-	text-shadow: 1px 1px 1px #333;
 }
 
 h1 a:hover {
@@ -185,16 +162,16 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 	/* Main Nav */
 	#banner nav {
 		background: #000305;
-		font-size: 1.143em;
 		height: 40px;
 		line-height: 30px;
 		margin: 0 auto 0 auto;
 		padding: 0;
-		text-align: center;
 		width: 800px;
 		position: absolute;
 		bottom: 0px;
-		
+		font-size: 12px;
+		font-weight: bold;
+		text-align: center;
 		border-radius: 5px;
 		-moz-border-radius: 5px;
 		-webkit-border-radius: 5px;
@@ -210,9 +187,12 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 		padding: 5px 1.5em;
 		text-decoration: none;
 	}
-	#banner nav a:hover, #banner nav a:active,
+	#banner nav a:hover {
+		background-image: url('../images/icons/menu_highlight.png');
+		background-repeat: repeat-x;
+	}
+	#banner nav a:active,
 	#banner nav .active a:link, #banner nav .active a:visited {
-		background: #C74451;
 		color: #fff;
 		text-shadow: none !important;
 	}
@@ -271,6 +251,32 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 	-webkit-border-radius: 10px;
 }
 
+#content strong {
+	color: #003380;
+	font-size: 16px;
+	font-weight: bold;
+	margin-top: 0px;
+	margin-bottom: 3px;
+}
+
+#content a:link {
+  text-decoration: none;
+  color: #0c7faf;
+}
+
+#content a:visited {
+  text-decoration: none
+}
+
+#content a:active {
+  color: #0c7faf;
+  text-decoration: none
+}
+
+#content a:hover {
+  text-decoration: underline;
+}
+
 /*
 	Extras
 *****************/
@@ -384,7 +390,19 @@ img.left, figure.left {float: left; margin: 0 2em 2em 0;}
 li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 #content > .hentry {padding: 1em 0;}
 .hentry img{display : none ;}
-.entry-title {font-size: 3em; margin-bottom: 10px; margin-top: 0;}
+.entry-title {
+	background-image: url('../images/icons/content_icon.png'), url('../images/icons/content_gradient.png');
+	background-position: right, top left;
+	background-repeat: no-repeat, repeat-x;
+	border: 1px solid #000000;
+	height: 46px;
+}
+
+h1.entry-title {
+	font-size: 2em;
+	padding-left: 0.5em;
+}
+
 .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
 .entry-title a:visited {background-color: #fff;}
 
diff --git a/spice-space/static/images/icons/content_gradient.png b/spice-space/static/images/icons/content_gradient.png
new file mode 100644
index 0000000..2197dd6
--- /dev/null
+++ b/spice-space/static/images/icons/content_gradient.png
diff --git a/spice-space/static/images/icons/content_icon.png b/spice-space/static/images/icons/content_icon.png
new file mode 100644
index 0000000..cc62070
--- /dev/null
+++ b/spice-space/static/images/icons/content_icon.png
diff --git a/spice-space/static/images/icons/menu_highlight.png b/spice-space/static/images/icons/menu_highlight.png
new file mode 100644
index 0000000..b9fa8c7
--- /dev/null
+++ b/spice-space/static/images/icons/menu_highlight.png