463057bf88d2d55000f5aacbfdb85b5447c4b35f
[edumed.git] / edumed / static / css / base.css
1 @charset "UTF-8";
2 @import url(//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   background: white;
13   color: #363a3e;
14   margin: 0; }
15
16 .clr {
17   clear: both; }
18
19 #ads {
20   display: inline-block;
21   width: 100%; }
22   #ads > a {
23     display: block;
24     width: 100%; }
25   #ads img {
26     display: block;
27     margin: 0 auto; }
28
29 #header-wrapper {
30   background-image: url(../img/header-bar.png);
31   background-repeat: repeat-x;
32   background-position: 0 100%; }
33
34 header.main {
35   margin: 0 auto 1.4375em;
36   width: 58.75em;
37   padding: 1.8125em 0.625em 0; }
38   header.main #logo {
39     float: left;
40     margin-bottom: 1.25em; }
41     header.main #logo img {
42       vertical-align: middle; }
43   header.main #organizer {
44     float: right;
45     font-size: .75em;
46     color: #777; }
47     header.main #organizer img {
48       margin-top: .5em; }
49   header.main nav ul {
50     padding: 0;
51     position: absolute;
52     left: 15em; }
53   header.main nav li {
54     list-style: none;
55     display: inline-block;
56     text-transform: uppercase;
57     margin: 0 .5em;
58     text-align: center;
59     /*position:relative;*/ }
60   header.main nav a {
61     color: #363a3e;
62     display: block;
63     vertical-align: bottom;
64     font-size: .85em; }
65   header.main nav a:hover {
66     color: #ed7831; }
67   header.main nav a:before {
68     content: " ";
69     display: block;
70     margin-bottom: .8em;
71     width: 2.75em;
72     height: 2.125em;
73     text-align: center;
74     margin: auto;
75     margin-bottom: .8em; }
76   header.main nav .menu-lekcje:before {
77     background: url(../img/menu/lekcje.png) no-repeat 0 0;
78     background-size: 100%; }
79   header.main nav .menu-kompetencje:before {
80     background: url(../img/menu/katalog.png) no-repeat 0 0;
81     background-size: 100%; }
82   header.main nav .menu-wspolpraca:before {
83     background: url(../img/menu/wspolpraca.png) no-repeat 0 0;
84     background-size: 100%; }
85   header.main nav .menu-szkolenia:before {
86     background: url(../img/menu/szkolenia.png) no-repeat 0 0;
87     background-size: 100%; }
88   header.main nav .menu-wesprzyj:before {
89     background: url(../img/menu/wesprzyj.png) no-repeat 0 0;
90     background-size: 100%; }
91   header.main nav .menu-o-nas:before {
92     background: url(../img/menu/o-nas.png) no-repeat 0 0;
93     background-size: 100%; }
94   header.main nav .menu-kontakt:before {
95     background: url(../img/menu/kontakt.png) no-repeat 0 0;
96     background-size: 100%; }
97   header.main nav .menu-lekcje:hover:before {
98     background: url(../img/menu/lekcje_active.png) no-repeat 0 0;
99     background-size: 100%; }
100   header.main nav .menu-kompetencje:hover:before {
101     background: url(../img/menu/katalog_active.png) no-repeat 0 0;
102     background-size: 100%; }
103   header.main nav .menu-wspolpraca:hover:before {
104     background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0;
105     background-size: 100%; }
106   header.main nav .menu-szkolenia:hover:before {
107     background: url(../img/menu/szkolenia_active.png) no-repeat 0 0;
108     background-size: 100%; }
109   header.main nav .menu-wesprzyj:hover:before {
110     background: url(../img/menu/wesprzyj_active.png) no-repeat 0 0;
111     background-size: 100%; }
112   header.main nav .menu-o-nas:hover:before {
113     background: url(../img/menu/o-nas_active.png) no-repeat 0 0;
114     background-size: 100%; }
115   header.main nav .menu-kontakt:hover:before {
116     background: url(../img/menu/kontakt_active.png) no-repeat 0 0;
117     background-size: 100%; }
118   header.main #tagline {
119     clear: both;
120     float: left;
121     background-color: white;
122     /* Extend padded background .*/
123     padding: 0 0.625em;
124     margin-left: -0.625em;
125     font-size: .9em;
126     color: #363a3e; }
127   header.main #search {
128     float: right;
129     background-color: white;
130     /* Extend padded background .*/
131     padding: 2px 0.625em 0;
132     margin-right: -0.625em; }
133
134 #content {
135   width: 58.75em;
136   padding: 0 0.625em;
137   margin: auto;
138   position: relative; }
139
140 footer.main {
141   clear: both;
142   border-top: 1px solid #c9ccce;
143   width: 58.75em;
144   padding: 0.2em 0.625em;
145   margin: 2.5em auto 1em auto;
146   color: #9a9c9e; }
147   footer.main p {
148     font-size: .75em; }
149   footer.main .footer-item {
150     float: left;
151     margin-right: 1.25em;
152     width: 13.75em; }
153   footer.main .sponsors-column {
154     float: left;
155     margin-left: 1.25em;
156     width: 6.25em; }
157     footer.main .sponsors-column p {
158       font-size: .75em; }
159   footer.main .footer-extra p {
160     margin-top: 0; }
161
162 #search {
163   font-size: .8em; }
164   #search input, #search button {
165     font-family: Dosis;
166     font-size: .9em;
167     vertical-align: bottom;
168     border: 1px solid #c9ccce;
169     padding: 0;
170     margin: 0;
171     line-height: .9em; }
172   #search input {
173     border-right-width: 0;
174     height: 16px;
175     width: 16em;
176     padding-left: 1.3em; }
177   #search button {
178     height: 18px;
179     width: 1.8em; }
180     #search button span {
181       position: relative;
182       top: -1px; }
183   #search input::-webkit-input-placeholder {
184     text-transform: uppercase; }
185   #search input:-moz-placeholder {
186     text-transform: uppercase; }
187   #search input::-moz-placeholder {
188     text-transform: uppercase; }
189   #search input::-ms-placeholder {
190     text-transform: uppercase; }
191
192 .link-list {
193   list-style: none;
194   padding: 0; }
195   .link-list li {
196     margin-bottom: .5em; }
197   .link-list a:before {
198     content: "→";
199     margin-right: .5em; }
200   .link-list a {
201     color: #363a3e; }
202   .link-list a:hover {
203     color: #ed7831; }
204
205 .link-list-colored a {
206   color: #ed7831; }
207
208 .plain {
209   margin: 0;
210   padding: 0;
211   list-style: none; }
212   .plain li {
213     margin: 1em 0; }
214
215 .flatpage img {
216   border: 0.3125em solid #eeeeee;
217   margin: 1.3em; }