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