Added initial emulator configuration window, cleanup of settings code.

[apple2] / web / apple2.css

diff --git a/web/apple2.css b/web/apple2.css
index 99c736259f94fc005c77a71c484c5e4ff30a8c3c..4f6f972a30fb585de710861723b4ccc1053f9dad 100644 (file)
--- a/web/apple2.css
+++ b/web/apple2.css
@@ -29,43 +29,63 @@ h1.title
        margin-top: 45px;
 }
 
-img.flt-l
+.flt-l
 {
        float: left;
-       margin-right: 8px;
+       padding-right: 8px;
 }
 
-img.flt-r
+.flt-r
 {
        float: right;
-       margin-left: 8px;
+       padding-left: 8px;
 }
 
-figure.flt-r
+.clr-l
+{
+       clear: left;
+}
+
+.clr-r
+{
+       clear: right;
+}
+
+figure
 {
-       float: right;
        margin-top: 0;
-       margin-left: 8px;
+       margin-left: 0;
        margin-right: 0;
        font-style: italic;
        font-size: 90%;
 }
 
-figure.small33
+img
 {
-       width: 33%;
+       max-width: 100%;
+       object-fit: contain;
 }
 
-img.small50
+img.border
 {
-       width: 50%;
-       height: 50%;
+       margin: 5px;
+       border: 1px solid #CF5F00;
+       border-radius: 4px;
+       padding: 5px;
+       background-color: #FFAF00;
+       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
-img.small33
+.small33
 {
        width: 33%;
-       height: 33%;
+       height: auto;
+}
+
+.small50
+{
+       width: 50%;
+       height: auto;
 }
 
 #title