535ebb4a7d13b97059cf3d1f1c276fb58284d1f4
[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     margin: 1em 0;
7     a:hover {
8         text-decoration: underline;
9     }
10 }
11
12 .section-type {
13     display: inline-block;
14     vertical-align: top;
15     padding: 20*$px;
16
17     h1 {
18         text-transform: uppercase;
19         margin: 0 0 1em 0;
20         font-size: 1em;
21     }
22 }
23 .section-type-synthetic {
24     width: 300*$px - 2 * 20*$px;
25 }
26 .section-type-course {
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, a:hover {
35         color: #67584f;
36     }
37
38     .section-type-synthetic {
39     }
40     .section-type-course {
41         background: #ed7831;
42         color: #fff;
43         a {
44             color: #fff;
45         }
46     }
47 }
48
49
50 .section-level-liceum {
51     background: #44b69f;
52     color: #363a3e;
53     a, a:hover {
54         color: #363a3e;
55     }
56
57     .section-type-synthetic {
58     }
59     .section-type-course {
60         background: #16a487;
61         color: #fff;
62         a {
63             color: #fff;
64         }
65     }
66 }
67
68
69 .course-boxes {
70     h1 {
71         color: #363a3e;
72     }
73     .section-level {
74         background: white;
75         border: 1px solid #777;
76         a, a:hover {
77             color: #363a3e;
78         }
79         .section-type-course {
80             background: white;
81             bborder-left: 1px solid #363a3e;
82         }
83     }
84 }
85
86
87 .section-links {
88     float: right;
89 }
90
91 h2.section-header {
92     margin: 0;
93 }
94
95
96 .section-list-toc {
97     display: inline-block;
98     vertical-align: top;
99     width: 300*$px;
100 }