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