Add a new style: blogthon_noir

3 files changed, 398 insertions, 0 deletions

diff --git a/styles/blogthon_noir.css b/styles/blogthon_noir.css
new file mode 100644
index 0000000..439fbd8
--- /dev/null
+++ b/styles/blogthon_noir.css
@@ -0,0 +1,398 @@
+/* 
+*	Author: 	Adrian Vondendriesch <disco-stu@disco-stu.de>
+*/
+
+body		{
+		font-family: Verdana;
+		font-size: 13px;
+		margin: 0px;
+		min-width: 800px;
+		background-color: #000000;
+		color: #FFFFFF;
+	}
+
+img		{
+		border: 0px;
+	}
+
+a	{
+	color: #7FFF00;
+	}
+
+a:hover	{
+	color: #FFFF00;
+	}
+
+blockquote	{
+	margin-top: 10px;
+	margin-bottom: 10px;
+	font-style: italic;
+	color: #AAAAAA;
+	font-size: 10px;
+	}
+
+
+
+
+/* --- header --- */
+
+div.header	{
+	height: 120px;
+	width: 99%;
+	margin: auto;
+	margin-top: 5px;
+	text-align: center;
+	border: 3px double #000000;
+	background-image: url("blogthon_noir_img/header_background.jpg");
+	background-repeat: no-repeat;
+	}
+
+	div.header_title	{
+		font-size: 18px;
+		letter-spacing: 5px;
+		margin-top: 50px;
+		}
+
+		a.header_link	{
+			text-decoration: none;
+			color: #7FFF00;  
+			font-weight: bold;
+			font-style: italic;
+			}
+
+	div.header_subtitle	{
+		margin-left: 80px;
+		}
+
+		span.header_subtitle	{
+			letter-spacing: 4px;
+			}
+
+
+/* --- rss --- */
+
+div.rss		{
+	display: inline;
+	height: 25px;
+	position: absolute;
+		top: 15px;
+		right: 50px;
+	}
+
+	a.rss_link	{
+		text-decoration: none;
+		color: #AAAAAA;
+		}
+
+/* --- atom --- */
+
+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	{
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+
+				}
+
+	div.pages_footer	{
+		float: none;
+		}
+
+
+
+div.months	{
+	clear: left;
+	float: left;
+	margin-top: 10px;
+	margin-bottom: 40px;
+	width: 300px;
+	text-align: right;
+	margin-left: -300px;
+	position: relative;
+		left: 100%;
+	}
+
+	div.months_title	{
+		text-align: center;
+		color: #7FFF00;
+		font-weight: bold;
+		font-size: 14px;
+		letter-spacing: 1px;
+		border-bottom: 2px solid #FFFFFF;
+		width: 200px;
+		margin-left: auto;
+		margin-right: auto;
+		}
+
+	div.months_list	{
+		border-top: 2px solid #7FFF00;
+		border-bottom: 2px solid #FFFFFF;
+		width: 190px;
+		margin-left: auto;
+		margin-right: auto;
+		}
+
+		ul.months_list	{
+			text-align: center;
+			list-style-type: none;
+			margin-top: 0px;
+			margin-bottom: 0px;
+			margin-left: -30px;
+			}
+
+			li.months_list_entry	{
+				margin-right: 10px;
+				}
+
+			a.months_list_entry	{
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+
+				}
+
+	div.months_footer	{
+		margin-left: 900px;
+		float: none;
+		}
+
+
+
+div.linklist	{
+	clear: left;
+	float: left;
+	margin-top: 10px;
+	width: 300px;
+	text-align: right;
+	margin-left: -300px;
+	position: relative;
+		left: 100%;
+	}
+
+	div.linklist_title	{
+		text-align: center;
+		color: #7FFF00;
+		font-weight: bold;
+		font-size: 14px;
+		letter-spacing: 1px;
+		border-bottom: 2px solid #FFFFFF;
+		width: 200px;
+		margin-left: auto;
+		margin-right: auto;
+		}
+
+	div.linklist_list	{
+		border-top: 2px solid #7FFF00;
+		border-bottom: 2px solid #FFFFFF;
+		width: 190px;
+		margin-left: auto;
+		margin-right: auto;
+		}
+
+		ul.linklist_list	{
+			margin-left: 900px;
+			text-align: center;
+			list-style-type: none;
+			margin-top: 0px;
+			margin-bottom: 0px;
+			margin-left: -30px;
+			}
+
+			li.linklist_list_entry	{
+				margin-right: 10px;
+				}
+
+			a.linklist_list_entry	{
+				text-decoration: none;
+				font-size: 12px;
+				font-style: italic;
+				}
+
+	div.linklist_footer	{
+		}
+
+
+
+div.entries	{
+	width: 650px;
+	margin-left: 25px;
+	padding: 3px;
+	}
+
+	div.entry	{
+		margin-top: 10px;
+		margin-bottom: 30px;
+		}
+
+		div.entry_title	{
+			font-weight: bold;
+			font-size: 14px;
+			display: inline;
+			}
+	
+			a.entry_title	{
+				text-decoration: none;
+				}
+
+		div.entry_date	{
+			font-size: 10px;
+			display: inline;
+			}
+
+		div.entry_content	{
+			text-align: justify;
+			margin-top: 5px;
+			margin-left: 15px;
+			padding-left: 5px;
+			border-left: 4px solid #FFFF00;
+			}
+
+			ol.entry	{
+				margin-top: 0px;
+				margin-bottom: 0px;
+				}
+
+			li.entry	{
+				margin-top: -5px;
+				margin-bottom: -8px;
+				}
+
+		div.entry_comments	{
+			margin-top: 5px;
+			}
+
+			a.entry_comments	{
+				text-decoration: none;
+				}
+
+		div.entry_border_bottom	{
+			}
+
+/* --- comments --- */
+
+div.comments	{
+	margin-left: 50px;
+	width: 600px;
+	}
+
+	div.comment	{
+		margin-top: 5px;
+		margin-bottom: 5px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+		border-top: 2px solid #7FFF00;
+		border-bottom: 2px solid #FFFF00;
+	}
+	
+		div.comment_author	{
+			margin-right: 5px;
+			font-weight: bold;
+			float: left;
+		}
+
+		div.comment_date	{
+			font-size: 9px;
+		}
+
+		div.comment_content	{
+			clear: left;
+			border: 1px dotted #AAAAAA;
+			background-color: #555555;
+		}
+
+	div.submit_comment	{
+		border-top: 2px solid #7FFF00;
+		border-bottom: 2px solid #FFFF00;
+		margin-top: 5px;
+		margin-bottom: 5px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+	}
+
+		label.submit_comment_name	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		#cname	{
+			background-color: #333333;
+			color: #FFFFFF;
+		}
+
+		label.submit_comment_text	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		textarea.submit_comment_textarea	{
+			background-color: #333333;
+			color: #FFFFFF;
+		}
+
+		label.submit_comment_quiz	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		#cquiz	{
+			background-color: #333333;
+			color: #FFFFFF;
+		}
+
+		input.submit_comment_button	{
+			margin-top: 5px;
+			text-align: right;
+			background-color: #555555;
+			border: 1px dotted #7FFF00;
+			color: #FFFFFF;
+			width: 120px;
+			text-align: center;
+		}
+
+		input.submit_comment_button:hover	{
+			border: 1px dotted #FFFF00;
+		}
diff --git a/styles/blogthon_noir_img/background.jpg b/styles/blogthon_noir_img/background.jpg
new file mode 100644
index 0000000..66a1160
--- /dev/null
+++ b/styles/blogthon_noir_img/background.jpg
diff --git a/styles/blogthon_noir_img/header_background.jpg b/styles/blogthon_noir_img/header_background.jpg
new file mode 100644
index 0000000..71175aa
--- /dev/null
+++ b/styles/blogthon_noir_img/header_background.jpg