New Style: technology (beta)

3 files changed, 301 insertions, 0 deletions

diff --git a/styles/technology/bg.png b/styles/technology/bg.png
new file mode 100644
index 0000000..1f9ee92
--- /dev/null
+++ b/styles/technology/bg.png
diff --git a/styles/technology/header.png b/styles/technology/header.png
new file mode 100644
index 0000000..f5dddc5
--- /dev/null
+++ b/styles/technology/header.png
diff --git a/styles/technology/technology.css b/styles/technology/technology.css
new file mode 100644
index 0000000..b9ffced
--- /dev/null
+++ b/styles/technology/technology.css
@@ -0,0 +1,301 @@
+/*
+*	Author:		Pascal Turbing <pascal@turbing.de>
+*/
+* {
+	margin: 0px;
+}
+
+
+body {
+	background: #606060;
+	background-image: url(bg.png);
+	background-repeat: repeat-x;
+	width: 800px;
+	margin: 20px auto 20px;
+	font-family: "Sans Serif";
+}
+
+a {
+	text-decoration: none;
+/*	color: #ddd; */
+}
+
+img {
+	border: none;
+}
+
+.header {
+	background-color: black;
+	background-image: url(header.png);
+	background-repeat: no-repeat;
+	border:1px solid black;
+	padding: 5px;
+	margin-bottom: 10px;
+	height: 96px;
+}
+	.header_link {
+		text-decoration: none;
+		color: #eee;
+		font-size: 1.3em;
+		font-weight: bold;
+		margin-top: 25px;
+		margin-left: 180px;
+		display: block;
+	}
+
+	div.header_subtitle {
+		color: #aaa;
+		font-size: 0.8em;
+		margin-left: 210px;
+	}
+
+.rss, .atom {
+	visibility: hidden;
+	display: none;
+}
+
+.pages {
+	background: #bbb;
+	border: 1px solid black;
+	width: 140px;
+	position: absolute;
+	top: 168px;
+	height: 18px;
+	padding: 4px;
+	text-align: center;
+	overflow: hidden;
+	font-size: 0.8em;
+}
+
+.pages:hover {
+	height: auto;
+}
+	li.pages_list_entry {
+		border: 1px solid black;
+		margin-left: -38px;
+		font-size: 0.7em;
+		margin-top: 2px;
+		display: block;
+	}
+	li.pages_list_entry:first-child {
+		margin-top: 20px;
+	}
+
+	li.pages_list_entry a {
+		display: block;
+		color: black;
+	}
+	li.pages_list_entry a:hover {
+		background: #999;
+	}
+
+.months {
+	background: #bbb;
+	border: 1px solid black;
+	width: 140px;
+	position: absolute;
+	top:138px;
+	padding: 4px;
+	text-align: center;
+	height: 18px;
+	overflow: hidden;
+	font-size: 0.8em;
+}
+
+.months:hover {
+	height: auto;
+}
+	li.months_list_entry {
+		border: 1px solid black;
+		margin-left: -38px;
+		font-size: 0.7em;
+		margin-top: 2px;
+		display: block;
+	}
+	li.months_list_entry:first-child {
+		margin-top: 20px;
+	}
+	li.months_list_entry a {
+		display: block;
+		color: black;
+	}
+	li.months_list_entry a:hover {
+		background: #999;
+	}
+
+.linklist {
+	background: #bbb;
+	width: 180px;
+	position: absolute;
+	top: 138px;
+	margin-left: 610px;
+	padding: 4px;
+	text-align: center;
+	border: 1px solid black;
+}
+
+	li.linklist_list_entry {
+		font-size: 0.7em;
+		border: 1px solid black;
+		margin-left: -38px;
+		margin-top: 2px;
+		display: block;
+	}
+	li.linklist_list_entry:first-child {
+		margin-top: 20px;
+	}
+	li.linklist_list_entry a {
+		display: block;
+		color: black;
+	}
+	li.linklist_list_entry a:hover {
+		background: #999;
+	}
+
+.entries {
+	background: none;
+	border: 1px solid black;
+	width: 440px;
+	position: relative;
+	left: 156px;
+	padding: 4px;
+}
+
+	.entry {
+		margin-top: 8px;
+		background: #888;
+		padding-top: 6px;
+	}
+
+	.entry:first-child {
+		margin-top: 0px;
+	}
+
+	div.entry_title {
+		padding: 2px;
+		padding-left: 6px;
+		background: #bbb;
+		margin-left: 10px;
+		border: 1px solid #444;
+		border-right: none;
+	}
+
+	a.entry_title {
+		font-size: 0.9em;
+		font-weight: bold;
+		text-decoration: none;
+		color: #333;
+	}
+
+	.entry_date {
+		color: #555555;
+		font-size: 0.7em;
+		padding-left: 20px;
+	}
+	
+	.entry_content {
+		padding: 10px;
+		padding-left: 15px;
+		font-size: 0.85em;
+	}
+
+	div.entry_comment {
+		text-align: right;
+		padding: 4px 10px 4px;
+	}
+
+	a.entry_comment {
+		text-decoration: none;
+		color: #444;
+		font-size: 0.6em;
+	}
+
+div.comments {
+	border: 1px solid black;
+	background: #888;
+	width: 440px;
+	padding: 4px;
+	position: relative;
+	left: 156px;
+	margin-top: 10px;
+}
+
+	div.comment {
+		background: #666666;
+		margin-bottom: 10px;
+		padding-top: 8px;
+		color: black;
+	}
+
+	div.comment_author {
+		padding: 2px;
+		padding-left: 6px;
+		background: #888;
+		margin-left: 10px;
+		border: 1px solid black;
+		border-right: none;
+	}
+
+	div.comment_date {
+		color: #252525;
+		font-size: 0.7em;
+		padding-left: 20px;
+	}
+
+	div.comment_content {
+		padding: 10px;
+		padding-left: 15px;
+		font-size: 0.85em;
+	}
+
+	div.submit_comment {
+		background: #666666;
+		padding: 10px;
+		padding-left: 15px;
+		margin-top: 15px;
+	}
+
+	label.submit_comment_name {
+		font-size: 0.8em;
+		display: block;
+	}
+
+	input.submit_comment_name_input {
+		width: 100px;
+		margin-left: 10px;
+		margin-top: 4px;
+		border: none;
+		background: #999;
+	}
+
+	label.submit_comment_text {
+		font-size: 0.8em;
+		display: block;
+		margin-top: 4px;
+	}
+
+	textarea.submit_comment_textarea {
+		width: 380px;
+		margin-left: 10px;
+		margin-top: 4px;
+		border: none;
+		background: #999;
+	}
+
+	label.submit_comment_quiz {
+		font-size: 0.8em;
+		display: block;
+		margin-top: 4px;
+	}
+
+	input.submit_comment_quiz_input {
+		width: 40px;
+		margin-left: 10px;
+		border: none;
+		background: #999
+	}
+
+	input.submit_comment_button {
+		margin: 10px;
+		border: 2px solid #888;
+	}