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 ffb78d9..98dadef 100644 (file)
--- a/edumed/static/css/main.css
+++ b/edumed/static/css/main.css
@@ -1,17 +1,31 @@
 #main-promobox {
   float: right;
-  border-radius: 0.9375em;
-  background: #16a487;
-  padding: 1.5em 1.25em;
-  width: 11.25em;
+  width: 12.5em;
   height: 11.6875em; }
   #main-promobox a {
-    display: block; }
+    background: #16a487;
+    padding: 1em 0.625em;
+    border-radius: 0.9375em;
+    display: block;
+    margin-bottom: 1em;
+    width: 11.25em;
+    float: left; }
+    #main-promobox a:last-of-type {
+      margin-bottom: 0; }
   #main-promobox h1 {
+    background: #16a487;
+    padding: 1em 0.625em;
+    border-radius: 0.9375em;
     color: white;
     margin: 0;
     text-transform: uppercase;
-    font-size: .9em; }
+    font-size: .9em;
+    width: 12.625em;
+    float: left;
+    padding-top: 1.25em;
+    padding-bottom: 1.25em;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0; }
   #main-promobox h1:before {
     content: url(/static/img/icons/announce_white.png);
     margin-right: 1.2em;
@@ -19,7 +33,8 @@
   #main-promobox h2 {
     color: white;
     font-size: .9em;
-    margin: 1.1em 0 0 0;
+    /*margin: 1.1em 0 0 0;*/
+    margin: 0;
     font-weight: normal;
     text-transform: uppercase; }
   #main-promobox p {
@@ -50,7 +65,6 @@
       #main-sections ul li a {
         color: white;
         text-transform: uppercase;
-        display: block;
         height: 5em;
         display: table;
         padding: 5px; }
@@ -62,7 +76,7 @@
           vertical-align: middle;
           border: 1px solid transparent;
           border-radius: 0.625em;
-          padding-left: 1em; }
+          padding: 0 1em; }
           #main-sections ul li a .in-box .name {
             display: block;
             font-size: 1.5em;
@@ -121,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;