X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fstyle.css;fp=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fstyle.css;h=a3f0c093e79c432a65c978dfa9e72e8bb99fbc27;hb=7d87636877a19411594b6662aa8f05c77d70dc04;hp=b4736dbf65a30d4cd2d08341463048f852e26694;hpb=f486831f971d51f983a65b734ebd5af2b598d136;p=matches%2FMCTX3420.git diff --git a/testing/MCTXWeb/public_html/static/style.css b/testing/MCTXWeb/public_html/static/style.css index b4736db..a3f0c09 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 { + color: #000; + background-color: #E30909; + font-weight: bold +} + 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; } @@ -371,3 +431,7 @@ input[type="text"]:focus, input[type="password"]:focus { #login-container #result { clear: both; } + +#experiment-stop { + padding: 0.2em 0.4em; +} \ No newline at end of file