0.1.0 First public alpha

resources/public/css/yyy-app.css

@@ -28,6 +28,12 @@ h1 {
   margin-top: 0;
 }
 
+#signature-pad {
+  width: 300px;
+  border: thin solid white;
+  min-height: 150px;
+}
+
 /* desktops and laptops, primarily. Adapted to mouse; targets may be small */
 @media all and (min-device-width: 1025px) {
 

resources/public/css/yyy-common.css

@@ -42,7 +42,7 @@ del {
 }
 
 div.content, form, p, pre, h1, h2, h3, h4, h5 {
-  padding: 0.25em 5%;
+  padding: 0.25em 2.5%;
 }
 
 dl, menu, ol, table, ul {
@@ -78,6 +78,7 @@ header {
   margin-top: 0;
   width:100%;
   max-width: 100%;
+  min-height: 96px; /* yes, we don't approve of pixel values; but this is to ensure the logo fits. */
   background-color: rgb(7, 57, 106);
   color: white;
 }
@@ -103,7 +104,7 @@ input, select {
   padding: 0.25em 1.25em;
 }
 
-input.action {
+input.action, input.action-safe {
   color: white;
   background-color: rgb( 50, 109, 177);
   font-size: 125%;
@@ -112,6 +113,7 @@ input.action {
 input.action-dangerous {
 	color: white;
 	background-color: red;
+  font-size: 125%;
 }
 
 input.required:after {
@@ -163,7 +165,7 @@ th {
 #main-container{
 }
 
-#back-link, .back-link {
+.back-link {
   min-width: 8em;
   padding: 0.25em 1em;
   background-color: gray;
@@ -173,26 +175,26 @@ th {
   border-bottom-right-radius: 0.5em;
 }
 
-#back-link:hover, #back-link:active, .back-link:hover, .back-link:active, {
+.back-link:hover, .back-link:active, {
   text-decoration: none;
   background-color: rgb(160, 160, 160);
 }
 
-#back-link:hover::before, #back-link:active::before {
+.back-link:hover::before, .back-link:active::before {
   content: "< ";
 }
 
-#back-link-container {
+.back-link-container {
   float: left;
   text-align: left;
 }
 
-#back-link-container, .big-link-container {
+.back-link-container, .big-link-container {
   font-size: 200%;
   padding: 0.5em 0;
 }
 
-#back-link-container > #back-link:hover::before, #back-link-container > #back-link:active::before {
+.back-link-container > .back-link:hover::before, .back-link-container > .back-link:active::before {
 
 }
 
@@ -238,6 +240,11 @@ th {
 	border-bottom: thin solid white;
 }
 
+#site-logo {
+  padding: 0.5em;
+  float: left;
+}
+
 /* but magically appears on mouseover */
 #cookies:hover #more-about-cookies {
 	display: block;
@@ -248,6 +255,10 @@ th {
   border: thin solid silver;
 }
 
+.editor-toolbar {
+  background-color: silver;
+}
+
 .error {
   width: 100%;
   background-color: red;
@@ -335,7 +346,7 @@ th {
 /* desktops and laptops, primarily. Adapted to mouse; targets may be small */
 @media all and (min-device-width: 1025px) {
   #content {
-    width: 80%;
+    width: 90%;
     float: right;
     padding-bottom: 5em;
   }