cute rotating carousel
[edumed.git] / catalogue / static / catalogue / css / section_list.scss
1 $px: 0.0625em;
2
3 .section-level {
4     width: 640*$px;
5     border-radius: 15*$px;
6 }
7
8 .section-depth {
9     display: inline-block;
10     vertical-align: top;
11     padding: 20*$px;
12
13     h1 {
14         text-transform: uppercase;
15         margin: 0 0 1em 0;
16         font-size: 1em;
17     }
18
19     .section-lessons {
20         padding: 0 0 0 1em;
21     }
22 }
23 .section-depth-0 {
24     width: 300*$px - 2 * 20*$px;
25 }
26 .section-depth-1 {
27     border-radius: 0 15*$px 15*$px 0;
28     width: 340*$px - 2 * 20*$px;
29 }
30
31 .section-level-gimnazjum {
32     background: #f4ae83;
33     color: #67584f;
34     a {
35         color: #67584f;
36     }
37
38     .section-depth-0 {
39     }
40     .section-depth-1 {
41         background: #ed7831;
42         color: #fff;
43         a {
44             color: #fff;
45         }
46     }
47 }
48
49
50 .section-level-L {
51     background: #f4ae83;
52     color: #67584f;
53     a {
54         color: #67584f;
55     }
56
57     .section-depth-0 {
58     }
59     .section-depth-1 {
60         background: #ed7831;
61         color: #fff;
62         a {
63             color: #fff;
64         }
65     }
66 }
67
68