X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fstyle.css;h=4f0df9b5b56703d6021ac85a9710f45c246cafcd;hb=5def8b689015afeb29a55805f4b981f94d687c61;hp=6cba6c9ec4cee19469598606ade4feb793f5ec09;hpb=023b5a18dcc7d501326abe2de06f24190d5b4320;p=matches%2FMCTX3420.git diff --git a/testing/MCTXWeb/public_html/static/style.css b/testing/MCTXWeb/public_html/static/style.css index 6cba6c9..4f0df9b 100644 --- a/testing/MCTXWeb/public_html/static/style.css +++ b/testing/MCTXWeb/public_html/static/style.css @@ -19,7 +19,22 @@ body { hr { border: 0; - border-bottom: 1px dashed gray; + border-bottom: 1px solid gray; +} + +form.controls { + background-color: #F9F9F9; + border: 1px solid #808080; + padding: 1em; + margin: 1em auto; +} + +div.centre { + text-align: center; +} + +.bold { + font-weight: bold; } table { @@ -28,12 +43,17 @@ table { table.centre { margin: auto; + text-align: center; } table.status, table.status tr, table.status td { padding: 0.2em 0.75em; } +td { + padding: 0 0.5em; +} + th { padding: inherit; border-bottom: 1px solid gray; @@ -44,15 +64,18 @@ img.centre { margin: auto; } -input[type="button"] { +input[type="button"], input[type="submit"] { background-color: #F5F5F5; border: 1px solid #A2A2A2; border-radius: 3px; box-shadow: 1px 1px 1px #BBBBBB; transition: all 0.13s ease 0s; + padding: 0 0.5em; + min-width: 55px; + margin: 0.4em 0.1em; } -input[type="button"]:active { +input[type="button"]:active, input[type="submit"]:active { background-color: #E8E8E8; } @@ -63,6 +86,7 @@ input[type="text"], input[type="password"] { #header { background-color: #2a2a2a; + border-top: 0.8em solid #1188DD; color: #f2f2f2; padding: 1.5em 2em; margin-top: -1em; @@ -72,14 +96,44 @@ input[type="text"], input[type="password"] { transition: all 0.2s ease 0s; } +#header input[type="button"], #header input[type="submit"] { + background-color: #808080; + border: 1px solid #808080; + box-shadow: none; + color: #f2f2f2; + cursor: pointer; +} + +#header input[type="button"]:hover, #header input[type="submit"]:hover { + background-color: #606060; + border: 1px solid #606060; +} + +#header #leftnav { + float: left; + display: table; +} + +#header #leftnav a { + color: #2a2a2a; +} + #header #title { - font-family: "Open Sans", Arial; font-size: 30px; + display: table-cell; + vertical-align: middle; + padding-left: 1em; } #header #rightnav { float: right; + font-size: 15px; padding-top: 0.5em; + text-align: right; +} + +#header #rightnav span { + margin-left: 1em; } #header #menu-container { @@ -89,7 +143,6 @@ input[type="text"], input[type="password"] { } #header #date { - padding-top: 1em; font-size: 12px; } @@ -99,7 +152,7 @@ input[type="text"], input[type="password"] { #sidebar{ float: right; - min-width: 22%; + max-width: 26%; } #sidebar .title { @@ -125,6 +178,17 @@ input[type="text"], input[type="password"] { margin-bottom: 0.5em; } +#main .sub-title { + font-size: 18px; + font-weight: bold; + margin-bottom: 0.25em; +} + +.graph { + width: 100%; + height: 200px; +} + .widget { background-color: #ffffff; margin: 0.25em 0.25em 1.5em; @@ -141,4 +205,11 @@ input[type="text"], input[type="password"] { /** Hack **/ .clear { clear: both; +} + +#errorlog { + overflow: auto; + max-width: 100%; + width: 100%; + height: 6em; } \ No newline at end of file