margin: 0;
height: 32.3em;
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;
+ 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;
}
#promobox-switcher {
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;
}
- a.active {
+ .active a {
background: #02529b;
}
}
width: 20em;
padding: 1.5em 4.8em 1.2em 2em;
border-radius: 0 6em 6em 0;
+ -moz-border-radius: 0 6em 6em 0;
+ -webkit-border-radius: 0 6em 6em 0;
.clip {
height: 9.7em;
h2 {
margin-top: 0;
font-size: 1.5em;
+ color: white;
}
.lead {
font-size: 1.2em;