318c4443c4cf895ce962d78ea162f5fe61dc640d
[edumed.git] / catalogue / static / catalogue / css / layout.scss
1 $px: .0625em;
2 $new_black: #363a3e;
3
4 #sidebar {
5     position: absolute;
6     right: 0;
7     top: 0;
8     width: 220*$px;
9     color: $new_black;
10
11     section {
12         margin-bottom: 17*$px;
13         h1 {
14             margin: 0;
15         }
16         h1.realisation {
17             font-weight: normal;
18         }
19     }
20
21     .box {
22         background-color: #d4d6d8;
23         border-radius: 15*$px;
24         padding: 17*$px 12*$px 17*$px 12*$px;
25         h1 {
26             font-size: 1em;
27             text-transform: uppercase;
28         }
29     }
30     .box-button {
31         background-color: #ed7831;
32         border-radius: 15*$px;
33         padding: 17*$px 12*$px 17*$px 12*$px;
34         .dl-button {
35             color: white;
36         }
37     }
38     .dl-button {
39         color: $new_black;
40         display: block;
41         font-weight: bold;
42         text-align: center;
43         text-transform: uppercase;
44         font-size: .9em;
45     }
46     .dl-button:after {
47         content: " ↓";
48     }
49     .section {
50         border-top: 1px solid #c9ccce;
51         padding-top: 17*$px;
52     }
53     .section-minor {
54         border-top: 1px solid #c9ccce;
55         padding-top: 17*$px;
56         h1 {
57             font-weight: normal;
58             font-size: 1em;
59         }
60     }
61     .section-micro {
62         font-size: .8em;
63         color: #888;
64         border-top: 1px solid #c9ccce;
65         padding-top: 17*$px;
66         h1 {
67             font-weight: normal;
68             font-size: 1em;
69         }
70         .link-list a {
71             color: #888;
72         }
73     }
74 }
75 #main-bar {
76     width: 640*$px;
77 }