adjust promobox for 3 links

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

diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css
index 80bdea8..98dadef 100644 (file)
--- a/edumed/static/css/main.css
+++ b/edumed/static/css/main.css
@@ -4,38 +4,28 @@
   height: 11.6875em; }
   #main-promobox a {
     background: #16a487;
-    padding: 1em 1.25em;
+    padding: 1em 0.625em;
     border-radius: 0.9375em;
     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;
-}
+    width: 11.25em;
+    float: left; }
+    #main-promobox a:last-of-type {
+      margin-bottom: 0; }
   #main-promobox h1 {
     background: #16a487;
-    padding: 1em 1.25em;
+    padding: 1em 0.625em;
     border-radius: 0.9375em;
     color: white;
     margin: 0;
     text-transform: uppercase;
     font-size: .9em;
-    width: 11.375em;
+    width: 12.625em;
     float: left;
     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;
@@ -75,7 +65,6 @@
       #main-sections ul li a {
         color: white;
         text-transform: uppercase;
-        display: block;
         height: 5em;
         display: table;
         padding: 5px; }
@@ -146,6 +135,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;