30e091be3c7a2a1b212f0f0fd41a6b50b4bbece1
[edumed.git] / catalogue / static / catalogue / css / layout.css
1 @charset "UTF-8";
2 .box-button {
3   background-color: #ed7831;
4   border-radius: 0.9375em; }
5   .box-button .dl-button, .box-button .nice-button {
6     color: white;
7     padding: 1.0625em 0.75em 1.0625em 0.75em; }
8
9 .dl-button, .nice-button {
10   color: #363a3e;
11   display: block;
12   font-weight: bold;
13   text-align: center;
14   text-transform: uppercase;
15   font-size: .9em; }
16
17 .dl-button:after {
18   content: " ↓"; }
19
20 #main-bar section.button {
21   margin-bottom: 1.0625em; }
22
23 #sidebar {
24   position: absolute;
25   right: 0;
26   top: 0;
27   width: 13.75em;
28   color: #363a3e; }
29   #sidebar section {
30     margin-bottom: 1.0625em; }
31     #sidebar section h1 {
32       margin: 0; }
33     #sidebar section h1.realisation {
34       font-weight: normal; }
35   #sidebar .section {
36     border-top: 1px solid #c9ccce;
37     padding-top: 1.0625em; }
38   #sidebar .section-minor {
39     border-top: 1px solid #c9ccce;
40     padding-top: 1.0625em; }
41     #sidebar .section-minor h1 {
42       font-weight: normal;
43       font-size: 1em; }
44   #sidebar .section-micro {
45     font-size: .8em;
46     color: #888;
47     border-top: 1px solid #c9ccce;
48     padding-top: 1.0625em; }
49     #sidebar .section-micro h1 {
50       font-weight: normal;
51       font-size: 1em; }
52     #sidebar .section-micro .link-list a {
53       color: #888; }
54   #sidebar section:first-child {
55     border-top: 0;
56     padding-top: 0; }
57
58 #main-bar {
59   width: 40em; }
60   #main-bar .top-link {
61     float: right; }
62   #main-bar .box {
63     background-color: #d4d6d8;
64     border-radius: 0.9375em;
65     padding: 1.0625em; }
66     #main-bar .box h1 {
67       font-size: 1em;
68       text-transform: uppercase; }
69     #main-bar .box p {
70       margin: 0; }
71     #main-bar .box .box-icon {
72       margin: -.2em 0 -.2em 1em;
73       float: right;
74       text-align: center; }
75
76 .lesson-footer {
77   clear: both;
78   border-top: 1px solid #777;
79   margin-top: 2em;
80   padding-top: 1em; }
81   .lesson-footer .section-info {
82     text-align: center; }
83   .lesson-footer .previous-lesson {
84     float: left; }
85   .lesson-footer .next-lesson {
86     float: right; }