15afcd051811e196f27ef2f4260532faaf07bd37
[prawokultury.git] / prawokultury / static / css / promobox.css
1 #promobox {
2   position: relative; }
3   #promobox a:hover {
4     text-decoration: none; }
5
6 ul.promobox {
7   list-style: none;
8   padding: 0;
9   margin: 0;
10   height: 32.3em;
11   overflow: hidden;
12   position: relative; }
13
14 .promobox-item {
15   border-radius: 0 0 2em 0;
16   -moz-border-radius: 0 0 2em 0;
17   -webkit-border-radius: 0 0 2em 0;
18   list-style: none;
19   padding: 0;
20   margin: 0;
21   position: absolute;
22   width: 100%; }
23
24 .promobox-link {
25   background-image: url("/static/img/rog.png");
26   background-position: 100% 100%;
27   background-repeat: no-repeat;
28   border-radius: 0 0 2em 0;
29   -moz-border-radius: 0 0 2em 0;
30   -webkit-border-radius: 0 0 2em 0;
31   display: block;
32   position: relative;
33   height: 32.3em; }
34
35 #promobox-switcher {
36   position: absolute;
37   top: 1.6em;
38   list-style: none;
39   margin: 0;
40   padding: 0;
41   z-index: 100; }
42   #promobox-switcher a {
43     display: block;
44     background: black;
45     font-size: 1.1em;
46     width: 1.1em;
47     padding: .45em .5em;
48     border-radius: 0 1em 1em 0;
49     -moz-border-radius: 0 1em 1em 0;
50     -webkit-border-radius: 0 1em 1em 0;
51     color: white; }
52   #promobox-switcher .active a {
53     background: #02529b; }
54
55 .promobox-info {
56   position: absolute;
57   top: 15.4em;
58   background-color: #64c0bd;
59   color: white;
60   width: 20em;
61   padding: 1.5em 4.8em 1.2em 2em;
62   border-radius: 0 6em 6em 0;
63   -moz-border-radius: 0 6em 6em 0;
64   -webkit-border-radius: 0 6em 6em 0; }
65   .promobox-info .clip {
66     height: 9.7em;
67     overflow: hidden; }
68   .promobox-info h2 {
69     margin-top: 0;
70     font-size: 1.5em; }
71   .promobox-info .lead {
72     font-size: 1.2em;
73     line-height: 1.1em; }