www/css/style.css

changeset 2
282e7d2bb28a
child 4
1750b6cae48e
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/css/style.css	Tue Aug 07 16:42:49 2018 +0200
@@ -0,0 +1,228 @@
+/*
+ */
+
+/* Reset default browser CSS. */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    background: transparent;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+
+body {
+    background: #eee;
+    color: #000;
+    font-family: Verdana, Arial, sans-serif;
+    width: 1280px;
+    font-size: 12px;
+    margin: 0px;
+}
+
+
+#jqxWidget {
+    width: 1280px;
+    height: 670px;
+    float: left;
+}
+
+
+#header {
+    width: 1278px;
+    height: 48px;
+    float: left;
+    border: 1px solid #4297d7;
+    border-radius: 5px 5px 5px 5px;
+    background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
+    color: #ffffff;
+    font-weight: bold;
+}
+
+#title {
+    width: 1278px;
+    height: 40px;
+    float: left;
+    margin-top: 7px;
+    font-size: 1.8em;
+    color: #FFD700;
+    text-align: center;
+    font-family: comic sans ms;
+}
+
+/*
+
+#content {
+    width: 978px;
+    height: 428px;
+    float: left;
+    border: 1px solid;
+    border-color: #aaa;
+    border-radius: 5px 5px 5px 5px;
+}
+
+#errors {
+    height: 35px;
+    width: 978px;
+    float: left;
+    text-align: center;
+    font-size: 1.5em;
+    margin-top: 10px;
+    color: #ff0000;
+}
+
+#etable {
+    height: 320px;
+    width: 978px;
+    float: left;
+    overflow: auto;
+}
+
+#atable {
+    height: 60px;
+    width: 978px;
+    float: left;
+}
+
+table.setup {
+    margin-left: auto;
+    margin-right: auto;
+    border-collapse: collapse;
+}
+
+.trhead {
+    font-weight: bold;
+    background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
+}
+
+tr.setup:nth-child(odd) {
+    background: #FFFFFF;
+}
+
+tr.setup:nth-child(even) {
+    background: #CCFFFF;
+}
+
+td.setup {
+    padding: 1px 3px 1px 3px;
+}
+*/
+
+/*
+ * Editor screens
+ */
+/*
+table.editor {
+    margin-left: auto;
+    margin-right: auto;
+    border-collapse: collapse;
+    background-color: #eee;
+}
+
+tr.editor {
+    height: 30px;
+}
+
+td.editname {
+    width: 150px;
+    padding: 1px 3px 1px 3px;
+}
+
+td.editfield {
+    width: 300px;
+    padding: 1px 3px 1px 3px;
+}
+
+td.editsub {
+    width: 50px;
+    padding: 1px 3px 1px 3px;
+}
+
+#jqxTabs {
+    width: 980px;
+    height: 440px;
+    float: left;
+}
+
+*/
+
+
+.LEDred_on {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #F40;
+    border-radius: 50%;
+    box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px;
+}
+
+.LEDred_off {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #820;
+    border-radius: 50%;
+    box-shadow: #400 0 0px 1px 1px;
+}
+
+.LEDyellow_on {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #FF0;
+    border-radius: 50%;
+    box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px;
+}
+
+.LEDyellow_off {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #A90;
+    border-radius: 50%;
+    box-shadow: #440 0 0px 1px 1px;
+}
+
+.LEDgreen_on {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #5E0;
+    border-radius: 50%;
+    box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px;
+}
+
+.LEDgreen_off {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #270;
+    border-radius: 50%;
+    box-shadow: #250 0 0px 1px 1px;
+}
+
+.LEDblue_on {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #4AF;
+    border-radius: 50%;
+    box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px;
+}
+
+.LEDblue_off {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #137;
+    border-radius: 50%;
+    box-shadow: #024 0 0px 1px 1px;
+}
+

mercurial