X-Git-Url: http://sru.miketaylor.org.uk/?a=blobdiff_plain;ds=inline;f=examples%2Fhtdocs%2Ftester.html;h=d94988c840bcbf84403a0abf6b53f5710f77380a;hb=b8e2741f67c48bf178d76ff3bce0fbe095bb9423;hp=3c2f5a4357611991524387476eb745a6c84009a7;hpb=dd829fd3b7c9a961b9f6f6ba7a9d4877258f64b6;p=mkws-moved-to-github.git
diff --git a/examples/htdocs/tester.html b/examples/htdocs/tester.html
index 3c2f5a4..d94988c 100644
--- a/examples/htdocs/tester.html
+++ b/examples/htdocs/tester.html
@@ -6,11 +6,12 @@
MKWS demo: Reference & Credo, and popup widget, development
-
+
@@ -34,7 +35,7 @@
-
+
@@ -46,56 +47,240 @@
height: 100%;
width: 100%;
}
+html {
+ margin: 0;
+ height: 100%;
+}
+body {
+ background-color: #bbbbbb;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+header {
+ font-size: 1.3em;
+}
+header button, #note > input {
+ margin-left: 1em;
+ border-radius: 4px;
+ background-color: #4368a1;
+ color: #dbe9ff;
+ font: inherit;
+ font-weight: normal;
+ border: 1px solid #7492c3;
+ padding: 0.15em 0.25em;
+}
+header button:hover, header button:active, header button:focus {
+ background-color: #2f5591;
+}
+#top-bar, #current-bar, #note {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+}
+#top-bar {
+ background-color: #002868;
+ color: white;
+}
+#current-bar {
+ background-color: #54d8a8;
+ color: #002868;
+}
+#note {
+ width: 100%;
+ padding: .5em;
+}
+#note > input {
+ flex: 1;
+ background-color: #7de3be;
+ border-color: #7ed6b6;
+ color: #002868;
+}
+#maybe {
+ background-color: #F0AD4E;
+ border-color: #EEA236;
+ color: #664009;
+ color: white;
+}
+#maybe:hover, #maybe:active, #maybe:focus {
+ background-color: #EC971F;
+ border-color: #D58512;
+}
+#yes {
+ background-color: #5CB85C;
+ border-color: #4CAE4C;
+ color: #214d21;
+ color: white;
+}
+#yes:hover, #yes:focus, #yes:active {
+ background-color: #449D44;
+ border-color: #398439;
+}
+#no {
+ background-color: #D9534F;
+ border-color: #D43F3A;
+ color: #4f1311;
+ color: white;
+}
+#no:hover, #no:focus, #no:active {
+ background-color: #C9302C;
+ border-color: #AC2925;
+}
+#query {
+ font-weight: bold;
+ font-size: 110%;
+}
+#settings, #judiciary {
+ padding: .5em;
+ display: flex;
+ align-items: center;
+}
+#results, #query-info {
+ padding: .5em;
+ display: flex;
+ text-align: right;
+ align-items: center;
+ justify-content: flex-end;
+}
+#count {
+ font-size: 120%;
+}
+#test-area {
+ flex: 1;
+ padding: 2em;
+ display: flex;
+ justify-content: center;
+ overflow: auto;
+}
+#test-subject {
+ margin: auto;
+}
+#results-table {
+ flex: 1;
+ padding: 1em;
+ display: flex;
+ justify-content: center;
+}
+#results-table table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+#results-table td, #results-table th {
+ padding: .25em 1.25em;
+ font-size: .9em;
+}
+#results-table tr:first-child {
+ border-bottom: 1px solid black;
+}
+#results-table tr {
+ border-bottom: 1px dotted black;
+}
+#results-table tr:last-child {
+ border-bottom: none;
+}
+
-Relevant?
-
-
-
-Settings:
-
-
-Results:
-
-
+
+
+
+
+
+
-