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;
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 {
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; }