Use Pillow.

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

diff --git a/prawokultury/static/css/promobox.css b/prawokultury/static/css/promobox.css
index 58c4cfe..15afcd0 100644 (file)
--- a/prawokultury/static/css/promobox.css
+++ b/prawokultury/static/css/promobox.css
@@ -13,6 +13,8 @@ ul.promobox {
 
 .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;
   margin: 0;
   list-style: none;
   padding: 0;
   margin: 0;


@@ -21,11 +23,14 @@ ul.promobox {
 
 .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;


@@ -41,6 +46,8 @@ 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; }
   #promobox-switcher .active a {
     background: #02529b; }
     color: white; }
   #promobox-switcher .active a {
     background: #02529b; }


@@ -52,7 +59,9 @@ 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 .clip {
     height: 9.7em;
     overflow: hidden; }