1 | @font-face { |
---|
2 | font-family: 'Roboto'; |
---|
3 | font-style: normal; |
---|
4 | font-weight: 400; |
---|
5 | src: local("Roboto Regular"), local("Roboto-Regular"), url("fonts/Roboto_with_European_character_sets.woff") format("woff"); |
---|
6 | } |
---|
7 | body { |
---|
8 | font-family: "Roboto", sans-serif; |
---|
9 | /*font-family: "Courier New";*/ |
---|
10 | -webkit-font-smoothing: antialiased; |
---|
11 | -moz-osx-font-smoothing: grayscale; |
---|
12 | color: black; |
---|
13 | /*color: #222;*/ |
---|
14 | /*font-size: 12px;*/ |
---|
15 | /*word-wrap: break-word;*/ |
---|
16 | } |
---|
17 | |
---|
18 | a { |
---|
19 | /*color: #806a52;*/ |
---|
20 | color: #B27000; |
---|
21 | /*text-decoration: dotted !important;*/ |
---|
22 | } |
---|
23 | a:hover, a:focus { |
---|
24 | text-decoration: none !important; |
---|
25 | } |
---|
26 | a:visited { |
---|
27 | /*color: #c0a37c;*/ |
---|
28 | } |
---|
29 | |
---|
30 | div.navbar-header { |
---|
31 | text-overflow: ellipsis; |
---|
32 | overflow: hidden; |
---|
33 | } |
---|
34 | |
---|
35 | a.navbar-brand { |
---|
36 | color: #806a52; |
---|
37 | font-size: 1.6em; |
---|
38 | text-overflow: ellipsis; |
---|
39 | line-height: 1em; |
---|
40 | } |
---|
41 | |
---|
42 | h1, h2, h3, h4, h5, h6, label { |
---|
43 | color: #666; |
---|
44 | font-weight: normal; |
---|
45 | line-height: 1.2em; |
---|
46 | } |
---|
47 | |
---|
48 | body, h1, h2, h3, h4, h5, h6 { |
---|
49 | font-size-adjust: 0.5; |
---|
50 | } |
---|
51 | |
---|
52 | /* Based on http://typecast.com/blog/a-more-modern-scale-for-web-typography */ |
---|
53 | #page { |
---|
54 | font-size: 1em; |
---|
55 | /* equivalent to 16px */ |
---|
56 | line-height: 1.25; |
---|
57 | /* equivalent to 20px */ |
---|
58 | } |
---|
59 | |
---|
60 | h1 { |
---|
61 | font-size: 2em; |
---|
62 | /* 2x body copy size = 32px */ |
---|
63 | line-height: 1.25; |
---|
64 | /* 45px / 36px */ |
---|
65 | margin-top: 0px !important; |
---|
66 | margin-bottom: 0px !important; |
---|
67 | } |
---|
68 | |
---|
69 | h2 { |
---|
70 | font-size: 1.625em; |
---|
71 | /* 1.625x body copy size = 26px */ |
---|
72 | line-height: 1.15384615; |
---|
73 | /* 30px / 26px */ |
---|
74 | } |
---|
75 | |
---|
76 | h3 { |
---|
77 | font-size: 1.375em; |
---|
78 | /* 1.375x body copy size = 22px */ |
---|
79 | line-height: 1.13636364; |
---|
80 | /* 25px / 22px */ |
---|
81 | } |
---|
82 | |
---|
83 | h4 { |
---|
84 | font-size: 1.125em; |
---|
85 | /* 1.125x body copy size = 18px */ |
---|
86 | line-height: 1.11111111; |
---|
87 | } |
---|
88 | |
---|
89 | blockquote { |
---|
90 | font-size: 1.25em; |
---|
91 | /* 20px / 16px */ |
---|
92 | line-height: 1.25; |
---|
93 | /* 25px / 20px */ |
---|
94 | } |
---|
95 | |
---|
96 | @media (min-width: 56.25em) { |
---|
97 | h1 { |
---|
98 | font-size: 3em; |
---|
99 | /* 3x body copy size = 48px */ |
---|
100 | line-height: 1.05; |
---|
101 | /* keep to a multiple of the 20px line height |
---|
102 | and something more appropriate for display headings */ |
---|
103 | } |
---|
104 | |
---|
105 | h2 { |
---|
106 | font-size: 2.25em; |
---|
107 | /* 2.25x body copy size = 36px */ |
---|
108 | line-height: 1.25; |
---|
109 | } |
---|
110 | |
---|
111 | h3 { |
---|
112 | font-size: 1.75em; |
---|
113 | /* 1.75x body copy size = 28px */ |
---|
114 | line-height: 1.25; |
---|
115 | } |
---|
116 | } |
---|
117 | @media (min-width: 43.75em) { |
---|
118 | #page { |
---|
119 | font-size: 1em; |
---|
120 | /* equivalent to 16px */ |
---|
121 | line-height: 1.375; |
---|
122 | /* equivalent to 22px */ |
---|
123 | } |
---|
124 | |
---|
125 | h1 { |
---|
126 | font-size: 2.5em; |
---|
127 | /* 2.5x body copy size = 40px */ |
---|
128 | line-height: 1.125; |
---|
129 | } |
---|
130 | |
---|
131 | h2 { |
---|
132 | font-size: 2em; |
---|
133 | /* 2x body copy size = 32px */ |
---|
134 | line-height: 1.25; |
---|
135 | } |
---|
136 | |
---|
137 | h3 { |
---|
138 | font-size: 1.5em; |
---|
139 | /* 1.5x body copy size = 24px */ |
---|
140 | line-height: 1.25; |
---|
141 | } |
---|
142 | |
---|
143 | h4 { |
---|
144 | line-height: 1.22222222; |
---|
145 | /* (22px / 18px */ |
---|
146 | } |
---|
147 | |
---|
148 | blockquote { |
---|
149 | font-size: 1.5em; |
---|
150 | /* 24px / 16px = */ |
---|
151 | line-height: 1.45833333; |
---|
152 | /* 35px / 24px */ |
---|
153 | } |
---|
154 | } |
---|
155 | p { |
---|
156 | margin: 0 0 15px 0; |
---|
157 | } |
---|
158 | |
---|
159 | menu, ol, ul { |
---|
160 | padding: 0 0 0 20px; |
---|
161 | } |
---|
162 | |
---|
163 | hr { |
---|
164 | clear: both; |
---|
165 | } |
---|
166 | |
---|
167 | div.container { |
---|
168 | z-index: -1 !important; |
---|
169 | } |
---|
170 | |
---|
171 | /*table.display { |
---|
172 | border-collapse: collapse !important; |
---|
173 | position: relative !important; |
---|
174 | border-spacing: 0 !important; |
---|
175 | border: 0px !important; |
---|
176 | background-clip: padding-box; |
---|
177 | } |
---|
178 | table.display th, table.display td { |
---|
179 | border: 0px !important; |
---|
180 | } |
---|
181 | table.display thead tr th { |
---|
182 | background-color: #00406f !important; |
---|
183 | border-collapse: collapse !important; |
---|
184 | background-attachment: scroll !important; |
---|
185 | color: #fff !important; |
---|
186 | } |
---|
187 | table.display thead tr th:first-child { |
---|
188 | border-top-left-radius: 6px !important; |
---|
189 | border-bottom-left-radius: 6px !important; |
---|
190 | -webkit-border-top-left-radius: 6px !important; |
---|
191 | -webkit-border-bottom-left-radius: 6px !important; |
---|
192 | -moz-border-top-left-radius: 6px !important; |
---|
193 | -moz-border-bottom-left-radius: 6px !important; |
---|
194 | } |
---|
195 | table.display thead tr { |
---|
196 | padding: 7px 7px !important; |
---|
197 | font-weight: bolder !important; |
---|
198 | text-align: left !important; |
---|
199 | border: 0px !important; |
---|
200 | } |
---|
201 | table.display thead tr th a { |
---|
202 | color: #fff !important; |
---|
203 | text-decoration: underline !important; |
---|
204 | } |
---|
205 | table.display thead tr th:last-child { |
---|
206 | border-top-right-radius: 6px !important; |
---|
207 | border-bottom-right-radius: 6px !important; |
---|
208 | -webkit-border-top-right-radius: 6px !important; |
---|
209 | -webkit-border-bottom-right-radius: 6px !important; |
---|
210 | -moz-border-top-right-radius: 6px !important; |
---|
211 | -moz-border-bottom-right-radius: 6px !important; |
---|
212 | } |
---|
213 | |
---|
214 | table tbody tr:nth-child(2n+1) td { |
---|
215 | background-color: #e3e3e3 !important; |
---|
216 | } |
---|
217 | table tbody td:first-child { |
---|
218 | -webkit-border-top-left-radius: 6px !important; |
---|
219 | -webkit-border-bottom-left-radius: 6px !important; |
---|
220 | -moz-border-top-left-radius: 6px !important; |
---|
221 | -moz-border-bottom-left-radius: 6px !important; |
---|
222 | border-top-left-radius: 6px !important; |
---|
223 | border-bottom-left-radius: 6px !important; |
---|
224 | } |
---|
225 | table tbody td:last-child { |
---|
226 | -webkit-border-top-right-radius: 6px !important; |
---|
227 | -webkit-border-bottom-right-radius: 6px !important; |
---|
228 | -moz-border-top-right-radius: 6px !important; |
---|
229 | -moz-border-bottom-right-radius: 6px !important; |
---|
230 | border-top-right-radius: 6px !important; |
---|
231 | border-bottom-right-radius: 6px !important; |
---|
232 | } |
---|
233 | table tbody tr { |
---|
234 | vertical-align: middle !important; |
---|
235 | } |
---|
236 | table tbody tr:last-child td:first-child { |
---|
237 | -webkit-border-bottom-left-radius: 6px !important; |
---|
238 | -moz-border-bottom-left-radius: 6px !important; |
---|
239 | border-bottom-left-radius: 6px !important; |
---|
240 | } |
---|
241 | table tbody tr:last-child td:last-child { |
---|
242 | -webkit-border-bottom-right-radius: 6px !important; |
---|
243 | -moz-border-bottom-right-radius: 6px !important; |
---|
244 | border-bottom-right-radius: 6px !important; |
---|
245 | } |
---|
246 | table tbody tr:last-child { |
---|
247 | border-bottom: 1px solid #00406f !important; |
---|
248 | } |
---|
249 | |
---|
250 | table:not(.display) tr:first-child { |
---|
251 | border-top: 1px solid #00406f !important; |
---|
252 | } |
---|
253 | table:not(.display) td, table:not(.display) th { |
---|
254 | padding: 5px; |
---|
255 | } |
---|
256 | table:not(.display) th { |
---|
257 | background-color: #e3e3e3; |
---|
258 | border-right: 1px dotted black; |
---|
259 | } |
---|
260 | */ |
---|
261 | |
---|
262 | html body ul#nav ul, html body ul#nav ul li { |
---|
263 | width: 200px; |
---|
264 | } |
---|
265 | |
---|
266 | html body ul#nav ul ul { |
---|
267 | margin: 0 0 0 200px; |
---|
268 | } |
---|
269 | div#body { |
---|
270 | min-height: 100%; |
---|
271 | height: auto; |
---|
272 | /* Pad top and bottom to prevent overflow over body div if using fixed-top navbar. */ |
---|
273 | } |
---|
274 | |
---|
275 | div#footer { |
---|
276 | background-color: #f5f5f5; |
---|
277 | bottom: 0; |
---|
278 | left: 0; |
---|
279 | width: 100%; |
---|
280 | border-top: 1px solid #e7e7e7; |
---|
281 | } |
---|
282 | div#footer div.container { |
---|
283 | height: 100%; |
---|
284 | display: flex; |
---|
285 | flex-flow: row wrap; |
---|
286 | justify-content: space-between; |
---|
287 | align-items: center; |
---|
288 | align-content: space-around; |
---|
289 | } |
---|
290 | div#footer div.container div#CLARIN_footer_left { |
---|
291 | order: 1; |
---|
292 | display: flex !important; |
---|
293 | text-align: left; |
---|
294 | vertical-align: middle; |
---|
295 | margin: 0; |
---|
296 | align-content: space-around; |
---|
297 | } |
---|
298 | div#footer div.container div#CLARIN_footer_middle { |
---|
299 | order: 2; |
---|
300 | display: flex !important; |
---|
301 | text-align: center; |
---|
302 | margin: auto; |
---|
303 | align-content: space-around; |
---|
304 | } |
---|
305 | div#footer div.container div#CLARIN_footer_middle img { |
---|
306 | display: inline-block; |
---|
307 | max-width: 100%; |
---|
308 | max-height: 100%; |
---|
309 | overflow: hidden; |
---|
310 | } |
---|
311 | div#footer div.container div#CLARIN_footer_right { |
---|
312 | order: 3; |
---|
313 | text-align: right; |
---|
314 | vertical-align: middle; |
---|
315 | display: flex !important; |
---|
316 | margin: 0; |
---|
317 | align-content: space-around; |
---|
318 | } |
---|
319 | |
---|
320 | ul#CLARIN_header_right, div#CLARIN_footer_left, div#CLARIN_footer_right { |
---|
321 | margin: 0px 4px 0 p x 4px; |
---|
322 | color: #653D00; |
---|
323 | } |
---|
324 | ul#CLARIN_header_right :not(.glyphicon), div#CLARIN_footer_left :not(.glyphicon), div#CLARIN_footer_right :not(.glyphicon) { |
---|
325 | font-size: 12px; |
---|
326 | } |
---|
327 | ul#CLARIN_header_right a, div#CLARIN_footer_left a, div#CLARIN_footer_right a { |
---|
328 | color: #653D00; |
---|
329 | text-decoration: none; |
---|
330 | } |
---|
331 | ul#CLARIN_header_right a:hover, ul#CLARIN_header_right a:focus, div#CLARIN_footer_left a:hover, div#CLARIN_footer_left a:focus, div#CLARIN_footer_right a:hover, div#CLARIN_footer_right a:focus { |
---|
332 | color: inherit !important; |
---|
333 | text-decoration: none !important; |
---|
334 | } |
---|
335 | ul#CLARIN_header_right a:visited, div#CLARIN_footer_left a:visited, div#CLARIN_footer_right a:visited { |
---|
336 | color: inherit !important; |
---|
337 | text-decoration: none !important; |
---|
338 | } |
---|