58c4cfebc47fdab998ae7c5aecd300743326c852
[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   list-style: none;
17   padding: 0;
18   margin: 0;
19   position: absolute;
20   width: 100%; }
21
22 .promobox-link {
23   background-image: url("/static/img/rog.png");
24   display: block;
25   position: relative;
26   height: 32.3em;
27   background-position: 100% 100%;
28   background-repeat: no-repeat; }
29
30 #promobox-switcher {
31   position: absolute;
32   top: 1.6em;
33   list-style: none;
34   margin: 0;
35   padding: 0;
36   z-index: 100; }
37   #promobox-switcher a {
38     display: block;
39     background: black;
40     font-size: 1.1em;
41     width: 1.1em;
42     padding: .45em .5em;
43     border-radius: 0 1em 1em 0;
44     color: white; }
45   #promobox-switcher .active a {
46     background: #02529b; }
47
48 .promobox-info {
49   position: absolute;
50   top: 15.4em;
51   background-color: #64c0bd;
52   color: white;
53   width: 20em;
54   padding: 1.5em 4.8em 1.2em 2em;
55   border-radius: 0 6em 6em 0; }
56   .promobox-info .clip {
57     height: 9.7em;
58     overflow: hidden; }
59   .promobox-info h2 {
60     margin-top: 0;
61     font-size: 1.5em; }
62   .promobox-info .lead {
63     font-size: 1.2em;
64     line-height: 1.1em; }