UI tweaking

[prawokultury.git] / prawokultury / static / css / promobox.css

diff --git a/prawokultury/static/css/promobox.css b/prawokultury/static/css/promobox.css
index 5192095..f45a6fe 100644 (file)
--- a/prawokultury/static/css/promobox.css
+++ b/prawokultury/static/css/promobox.css
@@ -8,21 +8,29 @@ ul.promobox {
   padding: 0;
   margin: 0;
   height: 32.3em;
   padding: 0;
   margin: 0;
   height: 32.3em;

-  overflow: hidden; }
+  overflow: hidden;
+  position: relative; }

 
 .promobox-item {
   border-radius: 0 0 2em 0;
 
 .promobox-item {
   border-radius: 0 0 2em 0;

+  -moz-border-radius: 0 0 2em 0;
+  -webkit-border-radius: 0 0 2em 0;

   list-style: none;
   padding: 0;
   list-style: none;
   padding: 0;

-  margin: 0; }
+  margin: 0;
+  position: absolute;
+  width: 100%; }

 
 .promobox-link {
   background-image: url("/static/img/rog.png");
 
 .promobox-link {
   background-image: url("/static/img/rog.png");

+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  border-radius: 0 0 2em 0;
+  -moz-border-radius: 0 0 2em 0;
+  -webkit-border-radius: 0 0 2em 0;

   display: block;
   position: relative;
   display: block;
   position: relative;

-  height: 32.3em;
-  background-position: 100% 100%;
-  background-repeat: no-repeat; }
+  height: 32.3em; }

 
 #promobox-switcher {
   position: absolute;
 
 #promobox-switcher {
   position: absolute;


@@ -38,8 +46,10 @@ ul.promobox {
     width: 1.1em;
     padding: .45em .5em;
     border-radius: 0 1em 1em 0;
     width: 1.1em;
     padding: .45em .5em;
     border-radius: 0 1em 1em 0;

+    -moz-border-radius: 0 1em 1em 0;
+    -webkit-border-radius: 0 1em 1em 0;

     color: white; }
     color: white; }

-  #promobox-switcher a.active {
+  #promobox-switcher .active a {

     background: #02529b; }
 
 .promobox-info {
     background: #02529b; }
 
 .promobox-info {


@@ -49,13 +59,16 @@ ul.promobox {
   color: white;
   width: 20em;
   padding: 1.5em 4.8em 1.2em 2em;
   color: white;
   width: 20em;
   padding: 1.5em 4.8em 1.2em 2em;

-  border-radius: 0 6em 6em 0; }
+  border-radius: 0 6em 6em 0;
+  -moz-border-radius: 0 6em 6em 0;
+  -webkit-border-radius: 0 6em 6em 0; }

   .promobox-info .clip {
     height: 9.7em;
     overflow: hidden; }
   .promobox-info h2 {
     margin-top: 0;
   .promobox-info .clip {
     height: 9.7em;
     overflow: hidden; }
   .promobox-info h2 {
     margin-top: 0;

-    font-size: 1.5em; }
+    font-size: 1.5em;
+    color: white; }

   .promobox-info .lead {
     font-size: 1.2em;
     line-height: 1.1em; }
   .promobox-info .lead {
     font-size: 1.2em;
     line-height: 1.1em; }