X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fstyle.css;h=9e0c55171f9717080a1aa31316c4c73624c04f6c;hb=14c2cbfcb1556643cb3fe2d8ee79736555b81219;hp=b4736dbf65a30d4cd2d08341463048f852e26694;hpb=93fb7f6632c677036f96d63baf36870628a0d34b;p=matches%2FMCTX3420.git diff --git a/testing/MCTXWeb/public_html/static/style.css b/testing/MCTXWeb/public_html/static/style.css index b4736db..9e0c551 100644 --- a/testing/MCTXWeb/public_html/static/style.css +++ b/testing/MCTXWeb/public_html/static/style.css @@ -25,13 +25,6 @@ hr { border-bottom: 1px solid gray; } -form.controls { - background-color: #F9F9F9; - border: 1px solid #808080; - padding: 1em; - margin: 1em auto; -} - a { color: #1188DD; } @@ -54,7 +47,7 @@ img { font-weight: bold } -div.centre { +div.centre, p.centre { text-align: center; margin: auto; } @@ -63,6 +56,22 @@ div.centre { font-weight: bold; } +.medium { + font-size: 115% !important; +} + +.large { + font-size: 130% !important; +} + +.normal { + font-size: inherit !important; +} + +.small { + font-size: 80% !important; +} + /* table { border: none; @@ -91,17 +100,30 @@ th { table { border-radius: 3px; - border: 1px solid #ccc; border-collapse: collapse; word-wrap: break-word; line-height: 1.3em; width: 100%; + margin: 1em auto; + vertical-align: middle; } td { padding: 0.2em 0.5em; } +tr.pass { + color: #000; + background-color: #7AE309; + font-weight: inherit; +} + +tr.fail, tr.fail .fail { + color: #000; + background-color: #E30909; + font-weight: inherit; +} + table.centre { margin: auto; text-align: center; @@ -112,9 +134,14 @@ table.horizontal { } table.horizontal th { - border-right: 1px solid #ccc; + text-align: left; border-bottom: 0; - width: 20%; + width: 15%; + font-weight: normal; +} + +table.horizontal.medium th { + width: 22%; } img.centre { @@ -149,6 +176,34 @@ input[type="text"]:focus, input[type="password"]:focus { box-shadow: 0 0 2px #BBBBBB; } +form.nice { + line-height: 1.8em; +} + +form.nice p { + margin: 0.25em auto; +} + +form.nice input { + font-size: 150%; +} + +form.nice label { + font-size: 110%; +} + +form.nice input[type="submit"], form.nice input[type="button"] { + font-size: inherit; + padding: 0.4em 0.8em; +} + +form.controls { + background-color: #F9F9F9; + border: 1px solid #808080; + padding: 1em; + margin: 1em auto; +} + #header-wrap { background-color: #2a2a2a; border-top: 0.3em solid #1188DD; @@ -226,6 +281,7 @@ input[type="text"]:focus, input[type="password"]:focus { padding: 1em 2em; /*max-width: 1920px;*/ margin: 1em auto; + transition: all 0.2s ease 0s; } #content { @@ -272,7 +328,7 @@ input[type="text"]:focus, input[type="password"]:focus { } #main .sub-title { - font-size: 18px; + font-size: 115%; font-weight: bold; margin-bottom: 0.25em; } @@ -289,6 +345,10 @@ input[type="text"]:focus, input[type="password"]:focus { display: table-cell; } +.left { + float: left; +} + .right { float: right; } @@ -328,6 +388,17 @@ input[type="text"]:focus, input[type="password"]:focus { font-size:20px; } +/** For links on the data page **/ +.datalink { + color: black; + text-decoration:none; +} + +.datalink:hover { + color: blue; + text-decoration:underline; +} + /** Hack **/ .clear { clear: both; @@ -371,3 +442,16 @@ input[type="text"]:focus, input[type="password"]:focus { #login-container #result { clear: both; } + +#experiment-stop { + padding: 0.2em 0.4em; + display: none; +} + +#start-widget { + display: none; +} + +#pressure-widget { + display: none; +} \ No newline at end of file