ffb78d9fb7ebd701e26ff9fa528002f644e51f1a
[edumed.git] / edumed / static / css / main.css
1 #main-promobox {
2   float: right;
3   border-radius: 0.9375em;
4   background: #16a487;
5   padding: 1.5em 1.25em;
6   width: 11.25em;
7   height: 11.6875em; }
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.25em;
39     text-transform: uppercase; }
40   #main-sections ul {
41     margin: -0.1875em 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       height: 5.625em;
49       border-radius: 0.9375em; }
50       #main-sections ul li a {
51         color: white;
52         text-transform: uppercase;
53         display: block;
54         height: 5em;
55         display: table;
56         padding: 5px; }
57         #main-sections ul li a .in-box {
58           font-size: .9em;
59           height: 100%;
60           width: 100%;
61           display: table-cell;
62           vertical-align: middle;
63           border: 1px solid transparent;
64           border-radius: 0.625em;
65           padding-left: 1em; }
66           #main-sections ul li a .in-box .name {
67             display: block;
68             font-size: 1.5em;
69             line-height: 1em;
70             margin-bottom: .2em; }
71       #main-sections ul li a:hover .in-box {
72         border: 1px solid white; }
73     #main-sections ul .box1 {
74       background-color: #adaeaf; }
75     #main-sections ul .box2 {
76       background-color: #f8b323; }
77     #main-sections ul .box3 {
78       background-color: #16a487; }
79     #main-sections ul .box4 {
80       background-color: #5e6165; }
81     #main-sections ul .box5 {
82       background-color: #f8b323; }
83     #main-sections ul .box6 {
84       background-color: #363a3e; }
85     #main-sections ul .box7 {
86       background-color: #adaeaf; }
87     #main-sections ul .box8 {
88       background-color: #ed7831; }
89
90 #main-howto {
91   float: right;
92   margin-top: 1.2em;
93   width: 13.75em; }
94   #main-howto h1 {
95     font-size: .9em;
96     margin: 0 0 0 1.4em;
97     text-transform: uppercase; }
98   #main-howto ul {
99     margin: 1.0625em 0 1.0625em 1.4em; }
100     #main-howto ul li {
101       font-size: .9em;
102       text-transform: uppercase;
103       line-height: 1.25em; }
104     #main-howto ul a:before {
105       height: 1.25em; }
106     #main-howto ul .knowledge:before {
107       content: url(/static/img/icons/knowledge_dark.png); }
108     #main-howto ul .activity:before {
109       content: url(/static/img/icons/activity_dark.png); }
110     #main-howto ul .lesson-plan:before {
111       content: url(/static/img/icons/lesson-plan_dark.png); }
112     #main-howto ul .reference:before {
113       content: url(/static/img/icons/reference_dark.png); }
114     #main-howto ul .knowledge:hover:before {
115       content: url(/static/img/icons/knowledge_orange.png); }
116     #main-howto ul .activity:hover:before {
117       content: url(/static/img/icons/activity_orange.png); }
118     #main-howto ul .lesson-plan:hover:before {
119       content: url(/static/img/icons/lesson-plan_orange.png); }
120     #main-howto ul .reference:hover:before {
121       content: url(/static/img/icons/reference_orange.png); }
122   #main-howto p {
123     margin: 0 0 1.875em 1.4em; }
124
125 #main-chosen {
126   clear: left;
127   float: left;
128   margin-top: 2em; }
129   #main-chosen h1 {
130     font-size: .9em;
131     margin: 0 0 1em 1.25em;
132     text-transform: uppercase; }
133   #main-chosen .levelth {
134     margin-left: 1.25em; }
135
136 #main-tools {
137   clear: both; }
138   #main-tools .main-tools-box {
139     float: left;
140     margin-top: 1.5em;
141     margin-right: 1.25em;
142     width: 17.5em; }
143     #main-tools .main-tools-box h1 {
144       margin: 0;
145       font-size: .9em;
146       text-transform: uppercase; }
147     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
148       margin: 1.1em 0 0 0;
149       font-size: .9em;
150       line-height: 1.15em; }