webpage: add comparision to other frameworks

website/lightblue.css

@@ -322,15 +322,6 @@ ul#menu a.selected:visited { background: #3366CC; color: #FFFFFF; }
     text-align:center;
 }
 
-.figure {
-    float:right;
-    text-align:center;
-    margin:1em;
-    padding:5px;
-    border:thin solid #eee;
-    background-color:white;
-}
-
 .legend {
     font-style:italic;
     font-size:80%;
@@ -394,11 +385,21 @@ figcaption {
     margin-left:5%;
 }
 
-.code {
+iframe.code {
     width:95%;
     height:35em;
     resize:vertical;
     overflow-y:scroll;
+    box-shadow: 5px 10px 18px #ddd;
+}
+
+iframe.table {
+    padding:1em;
+    border:thin solid lightgray;
+    box-shadow: 5px 10px 18px #ddd;
+    width:60%;
+    max-width: 30em;
+    margin-left:20%
 }
 
 @media only screen and (max-width: 800px) {
@@ -454,5 +455,14 @@ figcaption {
         max-width:80%;
         margin-left:5%;
     }
+
+    iframe.table {
+        padding:1em;
+        border:thin solid lightgray;
+        box-shadow: 5px 10px 18px #ddd;
+        width:80%;
+        max-width: 30em;
+        margin-left:5%
+    }
 }