Rewrite session Part 1

3 files changed, 193 insertions, 107 deletions

diff --git a/styles/blogthon.css b/styles/blogthon.css
index 4adb10d..472d8a8 100644
--- a/styles/blogthon.css
+++ b/styles/blogthon.css
@@ -1,107 +1,193 @@
-.html, body {
-    background: #000;
-    color: #FFF;
-    margin: 0px;
-    overflow-x: hidden;
-}
-
-img {
-    border: 0;
-}
-
-a:link, a:active, a:visited, a:hover {
-    font-family: Verdana;
-    font-size: 12px;
-    color: #FC3;
-    text-decoration: none;
-}
-
-a.title:link, a.title:hover, a.title:active, a.title:visited {
-	position: absolute;
-	text-align: center;
-    width: 100%;
-    height: 25px;
-    background-image: url(blogthon_img/title_background.png);
-    font-family: Verdana;
-    font-weight: bold;
-    font-size: 18px;
-    color: #FC3;
-}
-
-.screen {
-	position: relative;
-	margin: auto;	
-	top: 30px;
-}
-
-.content { /* Container for entrytitle and entry */
-	margin-left: 15px;
-}
-
-.entrytitle {
-    font-family: Verdana;
-    font-weight: bold;
-    font-size: 14px;
-    color: #335599;
-    text-decoration: underline;
-}
-
-a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active {
-    font-family: Verdana;
-    font-weight: bold;
-    font-size: 12px;
-    color: #335599;
-    text-decoration: underline;
-}
-
-.entry {
-    font-family: Verdana;
-    font-size: 12px;
-    color: #FFF;
-    margin: 15px;
-	width: 600px;
-}
-
-.sidebar {
-	margin-right: 15px;
-	margin-left: 20px;
-	margin-bottom: 20px;
-	float: right;
-}
-
-.sidebarentry {
-    font-family: Verdana;
-    font-size: 12px;
-    color: #5577BB;
-    text-align: center;
-	padding-left: 8px;
-	padding-right: 8px;
-    background: #111;
-}
-
-a.comment:link, a.comment:hover, a.comment:active, a.comment:visited {
-	font-family: Helvetica;
-	font-size: 10px;
-}
-
-input, textarea {
-	font-family: Verdana;
-	font-size: 10px;
-	display: block;
-	width: 300px;
-	background: #333;
-	color: #FFF;
-	border: thin dotted;
-}
-
-input#submit {
-	width: 120px;
-}
-
-.feeds {
-	position: absolute;
-	top: 4px;
-	right: 5px;
-}
-
-# vim: set tw=0 ts=4:
+/* 
+*	Author: 	Adrian Vondendriesch <disco-stu@disco-stu.de>
+*/
+
+body		{
+		font-family: Verdana, Times New Roman, Courier New;
+		font-size: 10px;
+		margin: 0px;
+		padding: 0px;
+	}
+
+img		{
+		border: 0px;
+	}
+
+div.header	{
+		height: 120px;
+		width: 99%;
+		margin: auto;
+		margin-top: 5px;
+		text-align: center;
+		display: table;
+		border: 3px double #000000;
+		background-image: url("blogthon_img/header_background.jpg");
+		background-repeat: no-repeat;
+	}
+
+	div.header_title	{
+			font-size: 18px;
+			letter-spacing: 5px;
+			vertical-align: middle;
+			display: table-cell;
+		}
+
+	div.header_subtitle	{
+			font-size: 14px;
+			vertical-align: middle;
+		}
+
+		a.header_link	{
+				text-decoration: none;
+				color: #395434;
+				font-weight: bold;
+				font-style: italic;
+			}
+
+div.rss		{
+		display: inline;
+		height: 25px;
+		position: absolute;
+			top: 15px;
+			right: 41px;
+	}
+
+	a.rss_link	{
+			text-decoration: none;
+			color: #AAAAAA;
+		}
+
+div.atom		{
+		
+		display: inline;
+		height: 25px;
+		position: absolute;
+			top: 15px;
+			right: 14px;
+	}
+
+	a.atom_link	{
+			text-decoration: none;
+			color: #AAAAAA;
+		}
+
+div.pages	{
+		width: 100%;
+		position: absolute;
+			top: 110px;
+	}
+
+	div.pages_title	{
+		text-align: center;
+		display: none;
+		font-weight: bold;
+		font-size: 14px;
+		letter-spacing: 2px;
+		}
+
+	div.pages_list	{
+		}
+
+		ul.pages_list	{
+			text-align: center;
+			list-style-type: none;
+			margin-top: 0px;
+			margin-bottom: 0px;
+			padding: 0px;
+			}
+
+			li.pages_list_entry	{
+				display: inline;
+				margin-right: 10px;
+				}
+
+			a.pages_list_entry	{
+				color: #000000;
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+
+				}
+
+	div.pages_footer	{
+		float: none;
+		}
+
+div.months	{
+		width: 100px;
+	}
+
+	div.months_title	{
+		color: #999999;
+		font-weight: bold;
+		font-size: 14px;
+		letter-spacing: 1px;
+		}
+
+	div.months_list	{
+		}
+
+		ul.months_list	{
+			text-align: center;
+			list-style-type: none;
+			margin-top: 0px;
+			margin-bottom: 0px;
+			padding: 0px;
+			margin-left: -40px;
+			}
+
+			li.months_list_entry	{
+				margin-right: 10px;
+				}
+
+			a.months_list_entry	{
+				color: #000000;
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+
+				}
+
+	div.months_footer	{
+		float: none;
+		}
+
+div.linkslist	{
+		width: 100px;
+	}
+
+	div.linklist_title	{
+		color: #999999;
+		font-weight: bold;
+		font-size: 14px;
+		letter-spacing: 1px;
+		}
+
+	div.linklist_list	{
+		}
+
+		ul.linklist_list	{
+			text-align: center;
+			list-style-type: none;
+			margin-top: 0px;
+			margin-bottom: 0px;
+			padding: 0px;
+			margin-left: -40px;
+			}
+
+			li.linklist_list_entry	{
+				margin-right: 10px;
+				}
+
+			a.linklist_list_entry	{
+				color: #000000;
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+
+				}
+
+	div.linklist_footer	{
+		float: none;
+		}
+
diff --git a/styles/blogthon_img/header_background.jpg b/styles/blogthon_img/header_background.jpg
new file mode 100644
index 0000000..943214d
--- /dev/null
+++ b/styles/blogthon_img/header_background.jpg
diff --git a/styles/blogthon_img/title_background.png b/styles/blogthon_img/title_background.png
deleted file mode 100644
index 961d0fe..0000000
--- a/styles/blogthon_img/title_background.png
+++ /dev/null