diff options
| -rw-r--r-- | src/fonts/mplus-1p-bold.ttf | bin | 0 -> 50772 bytes | |||
| -rw-r--r-- | src/fonts/mplus-1p-regular.ttf | bin | 0 -> 50812 bytes | |||
| -rw-r--r-- | src/images/footer-gradient.png | bin | 0 -> 170 bytes | |||
| -rw-r--r-- | src/images/header-gradient.png | bin | 0 -> 183 bytes | |||
| -rw-r--r-- | src/images/title-logo-right-56.png | bin | 0 -> 5167 bytes | |||
| -rw-r--r-- | src/styles/main.css | 385 | ||||
| -rw-r--r-- | src/www/index.html | 41 |
7 files changed, 426 insertions, 0 deletions
diff --git a/src/fonts/mplus-1p-bold.ttf b/src/fonts/mplus-1p-bold.ttf Binary files differnew file mode 100644 index 0000000..3f26053 --- /dev/null +++ b/src/fonts/mplus-1p-bold.ttf diff --git a/src/fonts/mplus-1p-regular.ttf b/src/fonts/mplus-1p-regular.ttf Binary files differnew file mode 100644 index 0000000..37feee5 --- /dev/null +++ b/src/fonts/mplus-1p-regular.ttf diff --git a/src/images/footer-gradient.png b/src/images/footer-gradient.png Binary files differnew file mode 100644 index 0000000..496d481 --- /dev/null +++ b/src/images/footer-gradient.png diff --git a/src/images/header-gradient.png b/src/images/header-gradient.png Binary files differnew file mode 100644 index 0000000..b10c8b8 --- /dev/null +++ b/src/images/header-gradient.png diff --git a/src/images/title-logo-right-56.png b/src/images/title-logo-right-56.png Binary files differnew file mode 100644 index 0000000..58dfbc0 --- /dev/null +++ b/src/images/title-logo-right-56.png diff --git a/src/styles/main.css b/src/styles/main.css new file mode 100644 index 0000000..d2d6897 --- /dev/null +++ b/src/styles/main.css @@ -0,0 +1,385 @@ +/* @font-face at-rules. */ +@font-face { + font-family: "M+ 1p"; + font-style: normal; + font-weight: normal; + src: + local("M+ 1p"), + local("M+-1p"), + local("M+ 1p Regular"), + local("M+-1p-Regular"), + url("../fonts/mplus-1p-regular.ttf") format("truetype"); +} +@font-face { + font-family: "M+ 1p"; + font-style: normal; + font-weight: bold; + src: + local("M+ 1p Bold"), + local("M+-1p-Bold"), + url("../fonts/mplus-1p-bold.ttf") format("truetype"); +} + +/* Set consistent default values. */ +* { + margin: 0; + padding: 0; + background: none; + border: 0 none; + font-size: 100.000%; + vertical-align: baseline; +} +html { + background-color: #1F1FAF; +} +body { + position: absolute; + top: 0; + right: 0; + left: 0; + background-image: url("../images/header-gradient.png"); + background-repeat: repeat-x; + background-position: 0 0; + background-attachment: scroll; + background-color: #FFFFFF; + background-size: auto 16.000em; + min-width: 68.571em; + min-height: 100.000%; + color: #000000; + font-family: "M+ 1p", "DejaVu Sans", "sans-serif"; + font-size: 0.875em; + /*font-size: 1.000em;*/ +} +a, a *, a:visited, a:visited * { + color: #1F1FAF; + text-decoration: none; +} +a:hover, a:hover *, a:active, a:active * { + color: #1F1FAF; + text-decoration: underline; +} +header, h1, h2 { + color: #1F1FAF; + font-weight: bold; + font-family: "M+ 1p", "DejaVu Sans", "sans-serif"; + line-height: 2.000em; +} +h1 { + font-size: 1.500em; + margin: 0.333em 0 0.333em 0; + clear: left; +} +h2 { + font-size: 1.250em; + margin: 0.400em 0 0.400em 0; +} +p { + font-size: 1.000em; + margin: 0.500em 0 0.500em 0; +} +ul, ol { + margin: 0.500em 0 0.500em 1.500em; +} +ul ul, ul ol, ol ul, ol ol { + margin: 0 0 0 1.500em; +} +li { + font-size: 1.000em; +} +code { + font-size: 1.000em; + font-family: monospace; + background-color: #FFFF99; +} +pre { + font-size: 1.000em; + margin: 0.500em 0 0.500em 2.000em; + background-color: #FFFF99; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; +} +blockquote { + font-size: 1.000em; + margin: 0.500em 0 0.500em 1.500em; +} +a.skip { + position: absolute; + top: -9000px; + left: 0; +} +span.super { + vertical-align: 33.000%; + font-size: 0.750em; +} +div.clear { + clear: both; + padding: 2.000em 0 0 0; +} +span.infobox { + float: right; + width: 16em; + margin: 0.500em; + padding: 0.500em; + background-color: #FFFF99; +} +hr { + font-size: 1.750em; + margin: 0.500em 0; + height: 0.056em; + background-color: #1F1FAF; +} + +/* Navigation header. */ +nav { + height: 4.000em; + margin: 1.750em 1.750em; + padding: 0 6.250%; +} +nav a.logo { + display: block; + float: left; + width: 18.875em; + height: 4.000em; + margin-left: -0.250em; + text-indent: -9000em; + background-image: url("../images/title-logo-right-56.png"); + transition: all 250ms ease-in-out 0s; + -moz-transition: all 250ms ease-in-out 0s; + -wekbit-transition: all 250ms ease-in-out 0s; + -o-transition: all 250ms ease-in-out 0s; +} +nav a.logo:hover { + opacity: 0.625; +} +nav div.nav { + margin: 0 0 0 20.625em; + padding: 1.250em 0 0.250em 0; +} +nav div.nav ul { + float: right; + margin: 0; + padding: 0.250em 0.250em; + background-color: #3F9F5F; + border-radius: 1.250em; + height: 2.000em; + min-width: 32.000em; + width: 81.250%; + list-style-type: none; +} +nav div.nav ul li { + float: left; + font-weight: bold; + font-size: 1.250em; + line-height: 1.000em; + margin-right: 0.500em; +} +nav div.nav ul li a { + display: block; + padding: 0.250em 0.250em; + transition: all 250ms ease-in-out 0s; + -moz-transition: all 250ms ease-in-out 0s; + -wekbit-transition: all 250ms ease-in-out 0s; + -o-transition: all 250ms ease-in-out 0s; +} +nav div.nav ul li a:hover, nav div.nav ul li a:active { + color: #C7C7EB; + text-shadow: 0 0 0.125em #C7C7EB; + text-decoration: none; +} + +/* Document body. */ +div.main { + clear: both; + margin: 1.750em 0 8.000em 0; + padding: 0 6.250%; +} +div.sidebar { + float: right; + /*width: 25.000%;*/ + width: 16.000em; +} +div.sidebar > div { + background-color: #E7F3EB; + border: 0.250em solid #3F9F5F; + border-radius: 1.250em; + margin: 0 0 2.000em 0; +} +div.sidebar div div { + padding: 0.250em 0.500em 0.500em 0.500em; +} +div.sidebar div h1 { + background-color: #3F9F5F; + border-radius: 0.500em 0.500em 0 0; + font-size: 1.250em; + line-height: 1.000em; + margin: 0 0 0 0; + padding: 0.200em 0.200em 0.400em 0.200em; +} +div.body { + margin: 0; + padding: 0; +} +header { + font-size: 1.750em; + line-height: 1.000em; + border-width: 0 0 0.056em 0; + border-style: solid; + border-color: #1F1FAF; + margin: 0 0 0.500em 0; + padding: 0 0 0.250em 0; +} + +/* Grids. */ +div.grid-container { + position: relative; +} +div.grid-container > h1 { + text-align: center; + margin-bottom: 0; +} +div.grid-container > div.grid { + display: inline; + float: left; + margin: 0; +} +div.grid-container-2 > div.grid { + width: 50.000%; +} +div.grid-container-4 > div.grid { + width: 25.000%; +} +div.grid-container > div.grid-a { + clear: left; +} +div.grid-container div.grid > div { + margin: 0 0.500em; +} +div.grid-container > div.grid > div > h2 { + text-align: center; + margin: 0; +} + +img.icon-64-top-left { + width: 64px; + height: 64px; + float: left; + margin: 0 1.000em 1.000em 0; +} + +/* Forms. */ +form { + line-height: 1.000; +} +form fieldset { + margin: 0; + padding: 0; +} +form p { + margin: 0.250em 0.125em; +} +form label { + margin: 0.250em 0.125em; +} +form input, form textarea { + margin: 0.250em 0.125em; + border: 0.125em solid #3F9F5F; + border-radius: 0.375em; + background-color: #FFFFCF; + color: #000000; +} +form input[type=text], form input[type=password] { + padding: 0.125em; +} +form input[type=submit] { + padding: 0.062em; +} +form :-moz-placeholder { + color: #8F8FAF; +} +form ::-moz-placeholder { + color: #8F8FAF; +} +form ::-webkit-input-placeholder { + color: #8F8FAF; +} +form :-ms-input-placeholder { + color: #8F8FAF; +} + +/* OpenID selector. */ +#openid_choice { + display: none; +} +#openid_input_area { + clear: both; +} +#openid_btns, #openid_btns br { + clear: both; +} +#openid_highlight { + background-color: #1F1FAF; + border-radius: 0.500em; + float: left; +} +.openid_large_btn { + margin: 0.125em 0.125em; + padding: 1.000em 1.500em; + border: 0.125em solid #3F9F5F; + border-radius: 0.375em; + background-color: #FFFFCF; + float: left; +} +.openid_small_btn { + margin: 0.125em 0.125em; + padding: 0.250em 0.250em; + border: 0.125em solid #3F9F5F; + border-radius: 0.375em; + background-color: #FFFFCF; + float: left; +} +form input#openid_identifier { + background-image: url("../images/openid.png"); + background-repeat: no-repeat; + background-position: 0.125em 0.125em; + padding-left: 1.312em; + width: 18.000em; +} + +/* Local login FormBuilder form. */ +.fb_submit { + float: left; +} +.fb_invalid { + color: #FF0000; +} +.fb_required { + font-weight: bold; +} + +/* Document footer. */ +footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + margin: -8.000em 0 0 0; + padding: 0 6.250% 0.500em 6.250%; + height: 8.000em; + /* For prototyping: + background-image: -moz-linear-gradient(bottom, + rgba(31, 31, 175, 0.625) 0.000%, + rgba(31, 31, 175, 0.500) 6.250%, + rgba(31, 31, 175, 0.000) 100.000%);*/ + background-image: url("../images/footer-gradient.png"); +} +footer > div { + position: absolute; + bottom: 1.000em; +} +footer > div > p.copyright { + color: #3F3F3F; + font-size: 0.750em; +} diff --git a/src/www/index.html b/src/www/index.html new file mode 100644 index 0000000..1bdccde --- /dev/null +++ b/src/www/index.html @@ -0,0 +1,41 @@ +<!doctype html> + +<html> + <head> + <title>ProteanOS Test Page</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <link rel="stylesheet" type="text/css" + href="/branding/styles/main.css"> + <link rel="icon" type="image/png" + href="/branding/images/favicon.png"> + <link rel="shortcut icon" type="image/png" + href="/branding/images/favicon.png"> + </head> + <body> + <a href="#body" class="skip">Skip to body</a> + <nav> + <a href="http://www.proteanos.com/" class="logo"> + ProteanOS + </a> + </nav> + <div class="main"> + <div class="body" id="body"> + <header class="title"> + ProteanOS Test Page + </header> +<h1>It works!</h1> +<p>This is the default Web page for this server.</p> +<p>The HTTP daemon is running.</p> + </div> + <div class="clear"></div> + </div> + <footer> + <div> + <p class="copyright"> + Copyright © 2012–2014 + Patrick “P. J.” M<span class="super">c</span>Dermott + </p> + </div> + </footer> + </body> +</html> |
