Make page template and stylesheet match main site.

1 files changed, 190 insertions, 0 deletions

diff --git a/templates/style.css b/templates/style.css
new file mode 100644
index 0000000..e5a0d52
--- /dev/null
+++ b/templates/style.css
@@ -0,0 +1,190 @@
+* {
+	margin: 0px;
+	padding: 0px;
+	font-family: sans-serif;
+	color: #000000;
+}
+
+body {
+	background-color: #EEEEEE;
+}
+
+header {
+	font-size: 16pt;
+	border-width: 0px 0px 1px 0px;
+	border-style: solid;
+	border-color: #999999;
+	margin: 0px 0px 12px 0px;
+}
+h1 {
+	font-size: 14pt;
+	margin: 0px 0px 12px 0px;
+}
+h2 {
+	font-size: 12pt;
+	margin: 0px 0px 12px 0px;
+}
+h3 {
+	font-size: 10pt;
+	margin: 0px 0px 12px 0px;
+}
+p {
+	font-size: 10pt;
+	margin: 0px 0px 12px 0px;
+}
+li {
+	font-size: 10pt;
+}
+code {
+	background-color: #EEEECC;
+	font-family: monospace;
+}
+a:link, a:link *, a:visited, a:visited * {
+	color: #0F1FA0;
+	text-decoration: none;
+}
+a:hover, a:hover *, a:active, a:active * {
+	color: #333333;
+	text-decoration: underline;
+}
+a[name]:hover {
+	color: #000000;
+	text-decoration: none;
+}
+ul {
+	margin: 0px 0px 12px 16px;
+}
+dl {
+	margin: 0px 0px 12px 0px;
+}
+dl dt {
+	margin: 0px 0px 4px 0px;
+	font-size: 10pt;
+}
+dl dd {
+	margin: 0px 0px 4px 16px;
+	font-size: 10pt;
+}
+
+a.skip {
+	display: none;
+}
+
+nav {
+	background-color: #555555;
+	padding: 8px;
+	border-bottom: 4px solid #0F1FA0;
+	height: 64px;
+}
+nav .logo {
+	height: 64px;
+	background: url("http://os.pehjota.net/media/logo.png") no-repeat scroll 0 0;
+	float: left;
+}
+nav .logo a {
+	display: block;
+	padding: 0px 0px 0px 68px;
+	height: 64px;
+	font-size: 18pt;
+	font-weight: bold;
+	line-height: 64px;
+	text-decoration: none;
+	color: #C0C0D0;
+}
+nav div.nav {
+	margin: 0px 0px 0px 64px;
+}
+nav div.nav ul {
+	float: right;
+	display: inline;
+	height: 64px;
+	line-height: 64px;
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+}
+nav div.nav ul li {
+	float: left;
+	margin: 0px;
+}
+nav div.nav ul li a {
+	display: block;
+	font-weight: bold;
+	font-size: 12pt;
+	margin: 0px;
+	padding: 0px 16px 0px 16px;
+	text-decoration: none;
+	color: #DDDDDD;
+}
+nav div.nav ul li a:hover {
+	color: #CCCC33;
+}
+
+div.main {
+	margin: 16px 24px 16px 24px;
+}
+div.sidebar {
+	margin: 0px 0px 8px 0px;
+	float: right;
+}
+div.sidebar div {
+	margin: 0px 0px 8px 0px;
+	border: 2px solid #0F1FA0;
+	width: 300px;
+}
+div.sidebar div h2 {
+	background-color: #0F1FA0;
+	color: #FFFFFF;
+	margin: 0px;
+	padding: 2px;
+}
+div.sidebar div p, div.sidebar div ul {
+	margin-bottom: 0px;
+	padding: 8px;
+}
+div.body {
+	margin-right: 320px;
+}
+
+div.features {
+	position: relative;
+}
+div.features h2 {
+	text-align: center;
+}
+div.features div {
+	display: inline;
+	float: left;
+	width: 50%;
+}
+div.features div.a {
+	clear: left;
+}
+div.features div h3 {
+	margin: 4px;
+}
+div.features div p {
+	margin: 12px;
+}
+
+footer {
+	border-width: 1px 0px 0px 0px;
+	border-style: solid;
+	border-color: #999999;
+	margin: 16px 24px 8px 24px;
+	padding: 8px 0px 0px 0px;
+	clear: both;
+}
+footer p, footer p * {
+	font-size: 8pt;
+	text-align: center;
+	color: #666666;
+}
+footer p a:link, footer p a:visited, footer p a:hover, footer p a:active {
+	color: #666666;
+	text-decoration: underline;
+}
+footer p span.super {
+	vertical-align: 33%;
+	font-size: 6pt;
+}