fix banner

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

diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css
index ffb78d9..80bdea8 100644 (file)
--- a/edumed/static/css/main.css
+++ b/edumed/static/css/main.css
@@ -1,17 +1,41 @@
 #main-promobox {
   float: right;
 #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 {
   height: 11.6875em; }
   #main-promobox a {

-    display: block; }
+    background: #16a487;
+    padding: 1em 1.25em;
+    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;
+}

   #main-promobox h1 {
   #main-promobox h1 {

+    background: #16a487;
+    padding: 1em 1.25em;
+    border-radius: 0.9375em;

     color: white;
     margin: 0;
     text-transform: uppercase;
     color: white;
     margin: 0;
     text-transform: uppercase;

-    font-size: .9em; }
+    font-size: .9em;
+    width: 11.375em;
+    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;
   #main-promobox h1:before {
     content: url(/static/img/icons/announce_white.png);
     margin-right: 1.2em;


@@ -19,7 +43,8 @@
   #main-promobox h2 {
     color: white;
     font-size: .9em;
   #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 {
     font-weight: normal;
     text-transform: uppercase; }
   #main-promobox p {


@@ -62,7 +87,7 @@
           vertical-align: middle;
           border: 1px solid transparent;
           border-radius: 0.625em;
           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;
           #main-sections ul li a .in-box .name {
             display: block;
             font-size: 1.5em;