diff options
Diffstat (limited to 'src/styles/main.css')
| -rw-r--r-- | src/styles/main.css | 385 |
1 files changed, 385 insertions, 0 deletions
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; +} |