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