some work on questions
[prawokultury.git] / prawokultury / static / css / promobox.css
index 5192095..15afcd0 100644 (file)
@@ -8,21 +8,29 @@ ul.promobox {
   padding: 0;
   margin: 0;
   height: 32.3em;
-  overflow: hidden; }
+  overflow: hidden;
+  position: relative; }
 
 .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;
-  margin: 0; }
+  margin: 0;
+  position: absolute;
+  width: 100%; }
 
 .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;
-  height: 32.3em;
-  background-position: 100% 100%;
-  background-repeat: no-repeat; }
+  height: 32.3em; }
 
 #promobox-switcher {
   position: absolute;
@@ -38,8 +46,10 @@ ul.promobox {
     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; }
-  #promobox-switcher a.active {
+  #promobox-switcher .active a {
     background: #02529b; }
 
 .promobox-info {
@@ -49,7 +59,9 @@ ul.promobox {
   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; }