X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fstyle.css;h=e9a8623e6c6c42f8bbd453e426a660ddf710171b;hb=1780973fb10ed5ef2a69d861b14e8f58cdc4369f;hp=85818c9c1b6139f3190e9f6f4c3caf006693662b;hpb=6251ae03b906a9603e8d8ed9ac74b8339a57ca7b;p=matches%2FMCTX3420.git diff --git a/testing/MCTXWeb/public_html/static/style.css b/testing/MCTXWeb/public_html/static/style.css index 85818c9..e9a8623 100644 --- a/testing/MCTXWeb/public_html/static/style.css +++ b/testing/MCTXWeb/public_html/static/style.css @@ -5,16 +5,12 @@ url("OpenSans.eot"); } -/** Limit max width and auto-center content **/ -html { - max-width: 1280px; - margin: 0 auto; -} - body { font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial; font-size: 13px; background-color: #F5F5F5; + margin: 0; + padding: 0; } hr { @@ -37,6 +33,10 @@ a:active { color: #0066BB; } +img { + border: none; +} + .pass { color: #7AE309; font-weight: bold; @@ -49,6 +49,7 @@ a:active { div.centre { text-align: center; + margin: auto; } .bold { @@ -109,18 +110,21 @@ input[type="text"]:focus, input[type="password"]:focus { box-shadow: 0 0 2px #BBBBBB; } -#header { +#header-wrap { background-color: #2a2a2a; - border-top: 0.8em solid #1188DD; + border-top: 0.3em solid #1188DD; color: #f2f2f2; - padding: 1.5em 2em; - margin-top: -1em; margin-bottom: 1em; box-shadow: 0 0 0.5em #444444; - border-radius: 4px; transition: all 0.2s ease 0s; } +#header { + padding: 1.5em 2em; + max-width: 1280px; + margin: 0 auto; +} + #header input[type="button"], #header input[type="submit"] { background-color: #808080; border: 1px solid #808080; @@ -170,12 +174,23 @@ input[type="text"]:focus, input[type="password"]:focus { display: inline-block; } +#header #logout-container { + /* Hide until activated by JavaScript */ + display: none; +} + #header #date { font-size: 12px; } -#content { +#content-wrap { padding: 1em 2em; + max-width: 1280px; + margin: 1em auto; +} + +#content { + /*display: none; Enable in non-debug mode*/ } @@ -186,12 +201,10 @@ input[type="text"]:focus, input[type="password"]:focus { #sidebar .title { font-size: 20px; - font-weight: bold; } -#sidebar .item { - padding: 0.2em; - margin-bottom: 0.5em; +.justify { + text-align: justify; } #main { @@ -200,18 +213,18 @@ input[type="text"]:focus, input[type="password"]:focus { min-width: 400px; } -#main .title { - font-size: 24px; - font-weight: bold; - margin-bottom: 0.5em; -} - #main .sub-title { font-size: 18px; font-weight: bold; margin-bottom: 0.25em; } +.title { + font-size: 24px; + font-weight: bold; + margin-bottom: 0.5em; +} + .graph { width: 100%; height: 200px;