fda2be32f6442a2c6dc353b11c7e0f648729a7be
[edumed.git] / catalogue / static / catalogue / css / section_list.scss
1 $px: 0.0625em;
2
3 #level-chooser-place {
4     min-height: 95*$px;
5     margin-top: 2em;
6
7     ul#level-chooser {
8         margin: 0;
9         padding: 16*$px 0 16*$px 140*$px;
10         background-color: white;
11         width: 500*$px;
12         z-index: 300;
13         position: relative;
14         text-transform: uppercase;
15         text-align: right;
16
17         .home {
18             display: none;
19             position: absolute;
20             top: 1.5em;
21             left: 0;
22
23             a {
24                 background: none;
25                 padding: 0;
26                 img {
27                     width: 120*$px;
28                 }
29             }
30         }
31
32         &.fixed {
33             position: fixed;
34             top: 0;
35             border-bottom: 1px solid #c9ccce;
36
37             .home {
38                 display: block;
39             }
40         }
41
42         li {
43             display: inline-block;
44             list-style: none;
45             max-width: 175px;
46
47             a {
48                 display: table-cell;
49                 padding: .5em 1em;
50                 border-radius: 5*$px;
51                 background: #eee;
52                 height: 42*$px;
53                 vertical-align: middle;
54
55                 &.active {
56                     color: white;
57                     background: #ED7831;
58                 }
59             }
60         }
61     }
62 }
63
64 .level {
65     .link-list {
66         margin-left: 1em;
67     }
68
69     .level-toc {
70         overflow: hidden; /* Because we're changing bg color lower. */
71
72         &.fixed {
73             position: fixed;
74         }
75
76         .link-list {
77             margin-left: 1em;
78
79             li {
80                 margin-bottom: 0;
81
82                 &.curriculumcourses {
83                     margin: 10px -17px -17px;
84                     padding: 10px 16px 16px;
85                     background-color: #eee;
86                 }
87             }
88         }
89     }
90 }