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