--- /dev/null
+/** 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