Additional instructions
[edumed.git] / edumed / static / css / main.css
1 #main-promobox {
2   float: right;
3   border-radius: 0.938em;
4   background: #16a487;
5   padding: 1.5em 1.25em;
6   width: 11.25em;
7   height: 11.688em; }
8   #main-promobox a {
9     display: block; }
10   #main-promobox h1 {
11     color: white;
12     margin: 0;
13     text-transform: uppercase;
14     font-size: .9em; }
15   #main-promobox h1:before {
16     content: url(/static/img/icons/announce_white.png);
17     margin-right: 1.2em;
18     vertical-align: top; }
19   #main-promobox h2 {
20     color: white;
21     font-size: .9em;
22     margin: 1.1em 0 0 0;
23     font-weight: normal;
24     text-transform: uppercase; }
25   #main-promobox p {
26     color: #363a3e;
27     font-size: .8em;
28     line-height: 1.15em;
29     margin: .3em 0; }
30
31 #main-sections {
32   clear: both;
33   float: left;
34   margin-top: 1.2em;
35   width: 43.75em; }
36   #main-sections h1 {
37     font-size: .9em;
38     margin: 0 0 0 1.6em;
39     text-transform: uppercase; }
40   #main-sections ul {
41     margin: -0.188em 0 0 -1.25em;
42     padding: 0;
43     list-style: none; }
44     #main-sections ul li {
45       margin-top: 1.25em;
46       margin-left: 1.25em;
47       float: left;
48       width: 10em;
49       height: 5.625em;
50       border-radius: 0.938em; }
51       #main-sections ul li a {
52         color: white;
53         text-transform: uppercase;
54         display: block;
55         height: 5em;
56         width: 9.375em;
57         display: table;
58         padding: 0.313em; }
59         #main-sections ul li a span {
60           font-size: .9em;
61           height: 100%;
62           width: 100%;
63           display: table-cell;
64           vertical-align: middle;
65           border: 1px solid transparent;
66           border-radius: 0.625em;
67           padding-left: 1em; }
68       #main-sections ul li a:hover span {
69         border: 1px solid white; }
70     #main-sections ul .box1 {
71       background-color: #adaeaf; }
72     #main-sections ul .box2 {
73       background-color: #f8b323; }
74     #main-sections ul .box3 {
75       background-color: #16a487; }
76     #main-sections ul .box4 {
77       background-color: #5e6165; }
78     #main-sections ul .box5 {
79       background-color: #16a487; }
80     #main-sections ul .box6 {
81       background-color: #363a3e; }
82     #main-sections ul .box7 {
83       background-color: #adaeaf; }
84     #main-sections ul .box8 {
85       background-color: #ed7831; }
86
87 #main-chosen {
88   float: right;
89   margin-top: 1.2em;
90   width: 13.75em; }
91   #main-chosen h1 {
92     font-size: .9em;
93     margin: 0 0 0 1.4em;
94     text-transform: uppercase; }
95   #main-chosen ul {
96     margin: 1.063em 0 0 1.4em; }
97     #main-chosen ul li {
98       font-size: .9em;
99       text-transform: uppercase;
100       line-height: 1.25em; }
101
102 #main-tools {
103   clear: both; }
104   #main-tools .main-tools-box {
105     float: left;
106     margin-top: 1.5em;
107     margin-right: 1.25em;
108     width: 17.5em; }
109     #main-tools .main-tools-box h1 {
110       margin: 0;
111       font-size: .9em;
112       text-transform: uppercase; }
113     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
114       margin: 1.1em 0 0 0;
115       font-size: .9em;
116       line-height: 1.15em; }