summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--main.css190
1 files changed, 190 insertions, 0 deletions
diff --git a/main.css b/main.css
new file mode 100644
index 0000000..e5a0d52
--- /dev/null
+++ b/main.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;
+}