X-Git-Url: https://git.mdrn.pl/prawokultury.git/blobdiff_plain/8e82784fa2fe21d9c3828adbf43178a39c7cdea6..d7089c0d33bbe9cd5b8bc67aa9d9022792db7309:/prawokultury/static/css/promobox.css?ds=sidebyside diff --git a/prawokultury/static/css/promobox.css b/prawokultury/static/css/promobox.css index 5192095..f45a6fe 100644 --- 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; - 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,13 +59,16 @@ 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; } .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; }