X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=web%2Fapple2.css;fp=web%2Fapple2.css;h=4f6f972a30fb585de710861723b4ccc1053f9dad;hb=c970c23a2e5c531cfc66642dfc5ff48a0655f14f;hp=99c736259f94fc005c77a71c484c5e4ff30a8c3c;hpb=efc3eeaa6f1b4147bc7747ec8691720f7f8daeeb;p=apple2

diff --git a/web/apple2.css b/web/apple2.css
index 99c7362..4f6f972 100644
--- 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