diff options
| -rw-r--r-- | main.css | 190 |
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; +} |