24cc530b1049f1ca063bae24fcae664e4eaa12dd
[edumed.git] / edumed / static / css / base.css
1 @import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
2 a {
3   text-decoration: none;
4   color: #ed7831; }
5   a img {
6     border: 0;
7     padding: 0; }
8
9 body {
10   font-family: Dosis;
11   margin: 0;
12   background: white;
13   color: #363a3e; }
14
15 .clr {
16   clear: both; }
17
18 #header-wrapper {
19   background-image: url(../img/header-bar.png);
20   background-repeat: repeat-x;
21   background-position: 0 100%; }
22
23 header.main {
24   margin: 0 auto 1.438em;
25   width: 58.75em;
26   padding: 1.813em 0.625em 0; }
27   header.main #logo {
28     float: left;
29     margin-bottom: 1.25em; }
30     header.main #logo img {
31       vertical-align: middle; }
32   header.main #organizer {
33     float: right;
34     margin-top: 1.3em; }
35   header.main nav ul {
36     padding: 0;
37     position: absolute;
38     left: 15em; }
39   header.main nav li {
40     list-style: none;
41     display: inline-block;
42     text-transform: uppercase;
43     margin: 0 .5em;
44     text-align: center;
45     /*position:relative;*/ }
46   header.main nav a {
47     color: #ed7831;
48     display: block;
49     vertical-align: bottom;
50     font-size: .85em; }
51   header.main nav a:hover {
52     color: #363a3e; }
53   header.main nav a:before {
54     display: block;
55     margin-bottom: .8em; }
56   header.main nav .menu-lekcje:before {
57     content: url(../img/menu/lekcje.png); }
58   header.main nav .menu-kompetencje:before {
59     content: url(../img/menu/katalog.png); }
60   header.main nav .menu-wspolpraca:before {
61     content: url(../img/menu/wspolpraca.png); }
62   header.main nav .menu-szkolenia:before {
63     content: url(../img/menu/szkolenia.png); }
64   header.main nav .menu-wesprzyj:before {
65     content: url(../img/menu/wesprzyj.png); }
66   header.main nav .menu-o-nas:before {
67     content: url(../img/menu/o-nas.png); }
68   header.main nav .menu-kontakt:before {
69     content: url(../img/menu/kontakt.png); }
70   header.main nav .menu-lekcje:hover:before {
71     content: url(../img/menu/lekcje_active.png); }
72   header.main nav .menu-kompetencje:hover:before {
73     content: url(../img/menu/katalog_active.png); }
74   header.main nav .menu-wspolpraca:hover:before {
75     content: url(../img/menu/wspolpraca_active.png); }
76   header.main nav .menu-szkolenia:hover:before {
77     content: url(../img/menu/szkolenia_active.png); }
78   header.main nav .menu-wesprzyj:hover:before {
79     content: url(../img/menu/wesprzyj_active.png); }
80   header.main nav .menu-o-nas:hover:before {
81     content: url(../img/menu/o-nas_active.png); }
82   header.main nav .menu-kontakt:hover:before {
83     content: url(../img/menu/kontakt_active.png); }
84   header.main #tagline {
85     clear: both;
86     float: left;
87     background-color: white;
88     /* Extend padded background .*/
89     padding: 0 0.625em;
90     margin-left: -0.625em;
91     font-size: .9em;
92     color: #363a3e; }
93   header.main #search {
94     float: right;
95     background-color: white;
96     /* Extend padded background .*/
97     padding: 2px 0.625em 0;
98     margin-right: -0.625em; }
99
100 #content {
101   width: 58.75em;
102   padding: 0 0.625em;
103   margin: auto;
104   position: relative; }
105
106 footer.main {
107   clear: both;
108   border-top: 1px solid #c9ccce;
109   width: 58.75em;
110   padding: 0.2em 0.625em;
111   margin: 2.5em auto 0 auto;
112   color: #9a9c9e; }
113   footer.main .footer-item {
114     float: left;
115     margin-right: 1.25em;
116     width: 13.75em; }
117     footer.main .footer-item p {
118       font-size: .75em; }
119   footer.main .footer-item-half {
120     float: left;
121     margin-right: 1.25em;
122     width: 6.25em; }
123     footer.main .footer-item-half p {
124       font-size: .75em; }
125
126 #search {
127   font-size: .8em; }
128   #search input, #search button {
129     font-family: Dosis;
130     font-size: .9em;
131     vertical-align: bottom;
132     border: 1px solid #c9ccce;
133     padding: 0;
134     margin: 0;
135     line-height: .9em; }
136   #search input {
137     border-right-width: 0;
138     height: 16px;
139     width: 16em;
140     padding-left: 1.3em; }
141   #search button {
142     height: 18px;
143     width: 1.8em; }
144     #search button span {
145       position: relative;
146       top: -1px; }
147   #search input::-webkit-input-placeholder {
148     text-transform: uppercase; }
149   #search input:-moz-placeholder {
150     text-transform: uppercase; }
151   #search input::-moz-placeholder {
152     text-transform: uppercase; }
153   #search input::-ms-placeholder {
154     text-transform: uppercase; }