check size and extension in js (and some minor improvements)

[edumed.git] / edumed / static / css / main.css

diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css
index 80bdea8..e9c2ac1 100644 (file)
--- a/edumed/static/css/main.css
+++ b/edumed/static/css/main.css
@@ -9,18 +9,13 @@
     display: block;
     margin-bottom: 1em;
     width: 10em;
-    float: left;
-  }
-
-#main-promobox a:first-of-type {
-  padding-top: 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-}
-
-#main-promobox a:last-of-type {
-  margin-bottom: 0;
-}
+    float: left; }
+    #main-promobox a:first-of-type {
+      padding-top: 0;
+      border-top-right-radius: 0;
+      border-top-left-radius: 0; }
+    #main-promobox a:last-of-type {
+      margin-bottom: 0; }
   #main-promobox h1 {
     background: #16a487;
     padding: 1em 1.25em;
@@ -34,8 +29,7 @@
     padding-top: 1.25em;
     padding-bottom: 1.25em;
     border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
+    border-bottom-left-radius: 0; }
   #main-promobox h1:before {
     content: url(/static/img/icons/announce_white.png);
     margin-right: 1.2em;
@@ -146,6 +140,10 @@
       content: url(/static/img/icons/reference_orange.png); }
   #main-howto p {
     margin: 0 0 1.875em 1.4em; }
+  #main-howto .side-banner img {
+    display: block;
+    width: 100%;
+    margin-bottom: 0.2em; }
 
 #main-chosen {
   clear: left;