segment the admin gui
[matches/MCTX3420.git] / testing / MCTXWeb / public_html / users / static / style.css
diff --git a/testing/MCTXWeb/public_html/users/static/style.css b/testing/MCTXWeb/public_html/users/static/style.css
new file mode 100644 (file)
index 0000000..9331796
--- /dev/null
@@ -0,0 +1,473 @@
+/** Custom fonts **/\r
+@font-face {\r
+  font-family: "Open Sans";\r
+  src: url("OpenSans.ttf"),\r
+    url("OpenSans.eot");\r
+  font-weight: normal;\r
+}\r
+\r
+@font-face {\r
+  font-family: "Open Sans";\r
+  src: url("OpenSansBold.ttf");\r
+  font-weight: bold;\r
+}\r
+\r
+body {\r
+  font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;\r
+  font-size: 13px;\r
+  background-color: #F5F5F5;\r
+  margin: 0;\r
+  padding: 0;\r
+}\r
+\r
+hr {\r
+  border: 0;\r
+  border-bottom: 1px solid gray;\r
+}\r
+\r
+a {\r
+  color: #1188DD;\r
+}\r
+\r
+a:active {\r
+  color: #0066BB;\r
+}\r
+\r
+img {\r
+  border: none;\r
+}\r
+\r
+.pass {\r
+  color: #7AE309;\r
+  font-weight: bold;\r
+}\r
+\r
+.fail {\r
+  color: #E30909;\r
+  font-weight: bold\r
+}\r
+\r
+div.centre, p.centre {\r
+  text-align: center;\r
+  margin: auto;\r
+}\r
+\r
+.bold {\r
+  font-weight: bold;\r
+}\r
+\r
+.medium {\r
+  font-size: 115% !important;\r
+}\r
+\r
+.large {\r
+  font-size: 130% !important;\r
+}\r
+\r
+.normal {\r
+  font-size: inherit !important;\r
+}\r
+\r
+.small {\r
+  font-size: 80% !important;\r
+}\r
+\r
+/*\r
+table {\r
+  border: none;\r
+}\r
+\r
+table.centre {\r
+  margin: auto;\r
+  text-align: center;\r
+}\r
+\r
+table.status, table.status tr, table.status td {\r
+    padding: 0.2em 0.75em;\r
+}\r
+\r
+\r
+td {\r
+  padding: 0 0.5em;\r
+}\r
+\r
+th {\r
+  padding: inherit;\r
+  border-bottom: 1px solid gray;\r
+}\r
+\r
+*/\r
+\r
+table {\r
+  border-radius: 3px;\r
+  border-collapse: collapse;\r
+  word-wrap: break-word;\r
+  line-height: 1.3em;\r
+  width: 100%;\r
+  margin: 1em auto;\r
+  vertical-align: middle;\r
+}\r
+\r
+td {\r
+  padding: 0.2em 0.5em;\r
+}\r
+\r
+tr.pass {\r
+  color: #000;\r
+  background-color: #7AE309;\r
+  font-weight: inherit;\r
+}\r
+\r
+tr.fail, tr.fail .fail {\r
+  color: #000;\r
+  background-color: #E30909;\r
+  font-weight: inherit;\r
+}\r
+\r
+table.centre {\r
+  margin: auto;\r
+  text-align: center;\r
+}\r
+\r
+table.left {\r
+  text-align: left;\r
+}\r
+\r
+table.lines td {\r
+       border-right: 1px solid #ccc;\r
+}\r
+\r
+table.lines td:last-child {\r
+       border-right: none;\r
+}\r
+\r
+table.lines tr:first-child {\r
+       border-bottom: 1px solid #ccc;\r
+}\r
+\r
+table.horizontal {\r
+  line-height: 1.6em;\r
+}\r
+\r
+table.horizontal th {\r
+  text-align: left;\r
+  border-bottom: 0;\r
+  width: 15%;\r
+  font-weight: normal;\r
+}\r
+\r
+table.horizontal.medium th {\r
+  width: 22%;\r
+}\r
+\r
+img.centre {\r
+  display: block;\r
+  margin: auto;\r
+}\r
+\r
+input[type="button"], input[type="submit"] {\r
+  background-color: #F5F5F5;\r
+  border: 1px solid #A2A2A2;\r
+  border-radius: 3px;\r
+  box-shadow: 1px 1px 1px #BBBBBB;\r
+  transition: all 0.13s ease 0s;\r
+  padding: 0 0.5em;\r
+  min-width: 55px;\r
+  margin: 0.4em 0.1em;\r
+}\r
+\r
+input[type="button"]:active, input[type="submit"]:active {\r
+  background-color: #E8E8E8;\r
+}\r
+\r
+\r
+input[type="text"], input[type="password"] {\r
+  width: 100%; /* IE8 width bugfix */\r
+  border-radius: 3px;\r
+  border: 1px solid #CCCCCC;\r
+  font-size: 16px;\r
+}\r
+\r
+input[type="text"]:focus, input[type="password"]:focus {\r
+  box-shadow: 0 0 2px #BBBBBB;\r
+}\r
+\r
+form.nice {\r
+  line-height: 1.8em;\r
+}\r
+\r
+form.nice p {\r
+  margin: 0.25em auto;\r
+}\r
+\r
+form.nice input {\r
+  font-size: 150%;\r
+}\r
+\r
+form.nice label {\r
+  font-size: 110%;\r
+}\r
+\r
+form.nice input[type="submit"], form.nice input[type="button"] {\r
+  font-size: inherit;\r
+  padding: 0.4em 0.8em;\r
+}\r
+\r
+form.controls {\r
+  background-color: #F9F9F9;\r
+  border: 1px solid #808080;\r
+  padding: 1em;\r
+  margin: 1em auto;\r
+}\r
+\r
+#header-wrap {\r
+  background-color: #2a2a2a;\r
+  border-top: 0.3em solid #1188DD;\r
+  color: #f2f2f2;\r
+  margin-bottom: 1em;\r
+  box-shadow: 0 0 0.5em #444444;\r
+  transition: all 0.2s ease 0s;\r
+}\r
+\r
+#header {\r
+  padding: 1.5em 2em;\r
+  /*max-width: 1920px;*/\r
+  margin: 0 auto;\r
+}\r
+\r
+#header input[type="button"], #header input[type="submit"] {\r
+  background-color: #808080;\r
+  border: 1px solid #808080;\r
+  box-shadow: none;\r
+  color: #f2f2f2;\r
+  cursor: pointer;\r
+}\r
+\r
+#header input[type="button"]:hover, #header input[type="submit"]:hover {\r
+  background-color: #606060;\r
+  border: 1px solid #606060;\r
+}\r
+\r
+#header #leftnav {\r
+  float: left;\r
+  display: table;\r
+}\r
+\r
+#header #leftnav > div, #header #leftnav > span {\r
+  display: table-cell;\r
+  vertical-align: middle;\r
+  padding-left: 1em;  \r
+}\r
+\r
+#header #leftnav a {\r
+  color: #2a2a2a;\r
+}\r
+\r
+#title {\r
+  font-size: 30px;\r
+}\r
+\r
+#header #rightnav {\r
+  float: right;\r
+  font-size: 15px;\r
+  padding-top: 0.5em;\r
+  text-align: right;\r
+}\r
+\r
+#header #rightnav span {\r
+  margin-left: 1em;\r
+}\r
+\r
+#header #menu-container {\r
+  margin-right: 1.5em;\r
+  font-size: 15px;\r
+  display: inline-block;\r
+}\r
+\r
+#header #logout-container {\r
+  /* Hide until activated by JavaScript */\r
+  display: none;\r
+}\r
+\r
+#header #date {\r
+  font-size: 12px;\r
+}\r
+\r
+#content-wrap {\r
+  padding: 1em 2em;\r
+  /*max-width: 1920px;*/\r
+  margin: 1em auto;\r
+  transition: all 0.2s ease 0s;\r
+}\r
+\r
+#content  {\r
\r
+  /*display: none;  Enable in non-debug mode*/\r
+}\r
+\r
+#sidebar{\r
+  float: left;\r
+  width: 240px;\r
+  transition: all 0.2s ease 0s;\r
+}\r
+\r
+#sidebar .title {\r
+  font-size: 20px;\r
+}\r
+\r
+#sidebar-hide {\r
+  border-bottom: 1px solid #CCCCCC;\r
+  border-left: 1px solid #CCCCCC;\r
+  cursor: pointer;\r
+  float: right;\r
+  height: 20px;\r
+  margin-right: -1.25em;\r
+  margin-top: -1em;\r
+  text-align: center;\r
+  width: 20px;\r
+}\r
+\r
+#sidebar-show {\r
+  float: left;\r
+  cursor: pointer;\r
+  display: none;\r
+}\r
+\r
+.justify {\r
+  text-align: justify;\r
+}\r
+\r
+#main {\r
+  overflow: auto;\r
+  padding-left: 2em;\r
+  min-width: 400px;\r
+}\r
+\r
+#main .sub-title {\r
+  font-size: 115%;\r
+  font-weight: bold;\r
+  margin-bottom: 0.25em;\r
+}\r
+\r
+/* Unused ?? */\r
+.sxs {\r
+  display: table;\r
+  table-layout: fixed;\r
+  width: 100%;\r
+  border-spacing: 0.5em;\r
+}\r
+\r
+.sxs div {\r
+  display: table-cell;\r
+}\r
+\r
+.left {\r
+  float: left;\r
+}\r
+\r
+.right {\r
+  float: right;\r
+}\r
+\r
+.title {\r
+  font-size: 24px;\r
+  font-weight: bold;\r
+  margin-bottom: 0.5em;\r
+}\r
+\r
+.graph {\r
+  width: 100%;\r
+  height: 200px;\r
+}\r
+\r
+.widget {\r
+  background-color: #EBF4FA; /*#ffffff;*/ /*segment the gui*/\r
+  margin: 0.25em 0.25em 1.5em;\r
+  padding: 1em 1.25em;\r
+  box-shadow: 0 0 3px #CCCCCC;\r
+  border: 1px solid #CCCCCC;\r
+  transition: all 0.2s ease 0s;\r
+  overflow: auto;\r
+}\r
+\r
+.widget:hover {\r
+  box-shadow: 0 0 0.25em #AAAAAA;\r
+}\r
+\r
+.plot {\r
+       box-sizing: border-box;\r
+       width: auto;\r
+       height: 300px;\r
+       padding: 20px 15px 15px 15px;\r
+       margin: 15px auto 30px auto;\r
+       border: 1px solid #ddd;\r
+       font-size:20px;\r
+}\r
+\r
+/** For links on the data page **/\r
+.datalink {\r
+       color: black;\r
+       text-decoration:none;\r
+}\r
+\r
+.datalink:hover {\r
+       color: blue;\r
+       text-decoration:underline;\r
+}\r
+\r
+/** Hack **/\r
+.clear {\r
+  clear: both;\r
+}\r
+\r
+#errorlog {\r
+  overflow: auto;\r
+  max-width: 100%;\r
+  width: 100%;\r
+  height: 6em;\r
+  background-color: white;\r
+  border: 1px solid #ccc;\r
+}\r
+\r
+/** For login.html **/\r
+#login-container {\r
+  margin: 0 auto;\r
+  width: 400px;\r
+  padding: 1.8em 0 0;\r
+  color: #606060;\r
+  line-height: 1.8em;\r
+}\r
+\r
+#login-container form {\r
+  padding: 1em 2em;\r
+}\r
+\r
+#login-container input {\r
+  font-size: 24px;\r
+}\r
+\r
+#login-container label {\r
+  font-size: 14px;\r
+}\r
+\r
+#login-container input[type=submit] {\r
+  font-size: inherit;\r
+  padding: 0.4em 0.8em;\r
+}\r
+\r
+#login-container #result {\r
+  clear: both;\r
+}\r
+\r
+#experiment-stop {\r
+  padding: 0.2em 0.4em;\r
+  display: none;\r
+}\r
+\r
+#start-widget {\r
+  display: none;\r
+}\r
+\r
+#pressure-widget {\r
+  display: none;\r
+}
\ No newline at end of file

UCC git Repository :: git.ucc.asn.au