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