26e5e6c6b5cb00a7396a16a87c7541fcb360511e
[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     overflow: hidden;
8
9     a:hover {
10         text-decoration: underline;
11     }
12 }
13
14 .sections-row {
15     display: table;
16 }
17
18 .section-type {
19     display: table-cell;
20     vertical-align: top;
21     padding: 20*$px;
22
23     h1 {
24         text-transform: uppercase;
25         margin: 0 0 1em 0;
26         font-size: 1em;
27     }
28
29     img {
30         float: left;
31         margin-right: 16*$px;
32         margin-bottom: 16*$px;
33     }
34 }
35 .section-type-synthetic {
36     width: 340*$px - 2 * 20*$px;
37 }
38 .section-type-course {
39     width: 300*$px - 2 * 20*$px;
40 }
41
42 .section-type-project {
43     width: 640*$px - 2 * 20*$px;
44 }
45
46 .section-level-gimnazjum {
47     background: #f4ae83;
48     color: #67584f;
49     a, a:hover {
50         color: #67584f;
51     }
52
53     .section-type-synthetic {
54     }
55     .section-type-course {
56         background: #ed7831;
57         color: #fff;
58         a {
59             color: #fff;
60         }
61     }
62     .section-type-project {
63         background-color: lighten(#f4ae83, 10);
64     }
65 }
66
67
68 .section-level-liceum {
69     background: #44b69f;
70     color: #363a3e;
71     a, a:hover {
72         color: #363a3e;
73     }
74
75     .section-type-synthetic {
76     }
77     .section-type-course {
78         background: #16a487;
79         color: #fff;
80         a {
81             color: #fff;
82         }
83     }
84     .section-type-project {
85         background-color: lighten(#44b69f, 25);
86     }
87 }
88
89
90 .course-boxes {
91     h1 {
92         color: #363a3e;
93     }
94     .section-level {
95         background: white;
96         border: 1px solid #777;
97         a, a:hover {
98             color: #363a3e;
99         }
100         .section-type {
101             background: white;
102         }
103     }
104     .section-type-synthetic {
105         width: 300*$px - 2 * 20*$px;
106     }
107     .section-type-course {
108         width: 340*$px - 2 * 20*$px;
109     }
110 }
111
112
113 .section-links {
114     float: right;
115 }
116
117 h2.section-header {
118     margin: 0;
119 }
120
121
122 .section-list-toc {
123     display: inline-block;
124     vertical-align: top;
125     width: 300*$px;
126 }