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