all values are optional
[edumed.git] / edumed / static / catalogue / css / layout.scss
1 $px: .0625em;
2 $new_black: #363a3e;
3 .box-button {
4     background-color: #ed7831;
5     border-radius: 15*$px;
6     .dl-button, .nice-button {
7         color: white;
8         padding: 17*$px 12*$px 17*$px 12*$px;
9     }
10 }
11 .dl-button, .nice-button {
12     color: $new_black;
13     display: block;
14     font-weight: bold;
15     text-align: center;
16     text-transform: uppercase;
17     font-size: .9em;
18 }
19 .dl-button:after {
20     content: " ↓";
21 }
22
23 #main-bar section.button {
24     margin-bottom: 17*$px;
25 }
26
27 #sidebar {
28     position: absolute;
29     right: 0;
30     top: 0;
31     width: 220*$px;
32     color: $new_black;
33
34     section {
35         margin-bottom: 17*$px;
36         h1 {
37             margin: 0;
38         }
39         h1.realisation {
40             font-weight: normal;
41         }
42     }
43
44     .section {
45         border-top: 1px solid #c9ccce;
46         padding-top: 17*$px;
47     }
48     .section-minor {
49         border-top: 1px solid #c9ccce;
50         padding-top: 17*$px;
51         h1 {
52             font-weight: normal;
53             font-size: 1em;
54         }
55     }
56     .section-micro {
57         font-size: .8em;
58         color: #888;
59         border-top: 1px solid #c9ccce;
60         padding-top: 17*$px;
61         h1 {
62             font-weight: normal;
63             font-size: 1em;
64         }
65         .link-list a {
66             color: #888;
67         }
68     }
69     section:first-child {
70         border-top: 0;
71         padding-top: 0;
72     }
73 }
74 #main-bar {
75     width: 640*$px;
76
77     .top-link {
78         float:right;
79     }
80
81     .box {
82         background-color: #d4d6d8;
83         border-radius: 15*$px;
84         padding: 17*$px;
85         h1 {
86             font-size: 1em;
87             text-transform: uppercase;
88         }
89         p {
90             margin: 0;
91         }
92         .box-icon {
93             margin: -.2em 0 -.2em 1em;
94             float: right;
95             text-align: center;
96         }
97     }
98 }
99
100 .lesson-footer {
101     clear: both;
102     border-top: 1px solid #777;
103     margin-top: 2em;
104     padding-top: 1em;
105
106     .section-info {
107         text-align: center;
108     }
109     .previous-lesson {float: left;}
110     .next-lesson {float: right;}
111 }