Mercurial > hg > mpiwgzen_wide

comparison css/components/.goutputstream-N0UIPX @ 0:a3750d724105 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
initital
author Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date Tue, 02 Jun 2015 09:16:36 +0200
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:a3750d724105
1 /**
2 * @file
3 * SMACSS Modules
4 *
5 * Adds modular sets of styles.
6 *
7 * Additional useful selectors can be found in Zen's online documentation.
8 * https://drupal.org/node/1707736
9 *
10 * This file was renamed from misc.css to theme.css
11 */
12
13 /**
14 * Wireframes.
15 */
16 .with-wireframes #header,
17 .with-wireframes #main,
18 .with-wireframes #content,
19 .with-wireframes #navigation,
20 .with-wireframes .region-sidebar-first,
21 .with-wireframes .region-sidebar-second,
22 .with-wireframes #footer,
23 .with-wireframes .region-bottom {
24 outline: 1px solid #ccc;
25 }
26 .lt-ie8 .with-wireframes #header,
27 .lt-ie8 .with-wireframes #main,
28 .lt-ie8 .with-wireframes #content,
29 .lt-ie8 .with-wireframes #navigation,
30 .lt-ie8 .with-wireframes .region-sidebar-first,
31 .lt-ie8 .with-wireframes .region-sidebar-second,
32 .lt-ie8 .with-wireframes #footer,
33 .lt-ie8 .with-wireframes .region-bottom {
34 /* IE6/7 do not support the outline property. */
35 border: 1px solid #ccc;
36 }
37
38 /**
39 * Accessibility features.
40 */
41
42 /* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
43 .element-invisible,
44 .element-focusable,
45 #navigation .block-menu .block__title,
46 #navigation .block-menu-block .block__title {
47 position: absolute !important;
48 height: 1px;
49 width: 1px;
50 overflow: hidden;
51 clip: rect(1px 1px 1px 1px);
52 clip: rect(1px, 1px, 1px, 1px);
53 }
54
55 /* Turns off the element-invisible effect. */
56 .element-focusable:active,
57 .element-focusable:focus {
58 position: static !important;
59 clip: auto;
60 height: auto;
61 width: auto;
62 overflow: auto;
63 }
64
65 /*
66 * The skip-link link will be completely hidden until a user tabs to the link.
67 */
68 #skip-link {
69 margin: 0;
70 }
71 #skip-link a,
72 #skip-link a:visited {
73 display: block;
74 width: 100%;
75 padding: 2px 0 3px 0;
76 text-align: center;
77 background-color: #666;
78 color: #fff;
79 }
80
81 /**
82 * Branding header.
83 */
84
85 #header {
86 border-bottom: 0.667em solid #9da0c2;
87 }
88
89 /* MPIWG backlink for external users. */
90 #mpiwg-backlink {
91 display: block;
92 margin-bottom: 1em;
93 font-style: italic;
94 }
95
96 /* Wrapping link for logo. */
97 .header__logo {
98 float: left; /* LTR */
99 margin: 0;
100 margin-right: 2.083em;
101 padding: 0;
102 padding-top: 0.750em;
103 }
104
105 /* Logo image. */
106 .header__logo-image {
107 vertical-align: bottom;
108 }
109
110 /* Wrapper for website name and slogan. */
111 .header__name-and-slogan {
112 float: left;
113 padding-top: 0.750em;
114 margin-bottom: 1.083em;
115 }
116
117 /* The name of the website. */
118 .header__site-name {
119 margin: 0;
120 font-size: 2.5em;
121 line-height: 0.8em;
122 font-weight: normal;
123 }
124
125 /* The link around the name of the website. */
126 .header__site-link:link,
127 .header__site-link:visited {
128 text-decoration: none;
129 color: #3c4286;
130 }
131
132 /* The slogan (or tagline) of a website. */
133 .header__site-slogan {
134 margin: 0.25em 0 0;
135 color: #3c4286;
136 }
137
138 /* The MPIWG-Logo on the right. */
139 .header__logo-image-mpi {
140 float: right;
141 top: 0px;
142 }
143
144 /* The secondary menu (login, etc.) */
145 .header__secondary-menu {
146 float: right; /* LTR */
147 }
148
149 /* Wrapper for any blocks placed in the header region. */
150 .header__region {
151 /* Clear the logo. */
152 clear: both;
153 }
154
155 /**
156 * Navigation bar.
157 */
158 #navigation {
159 /* Sometimes you want to prevent overlapping with main div. */
160 /* overflow: hidden; */
161 }
162 #navigation .block {
163 margin-bottom: 0;
164 }
165
166 .region-navigation .block, #main-menu {
167 margin-top: 0.667em;
168 }
169
170 /* Main menu and secondary menu links and menu block links. */
171 #navigation .links,
172 #navigation .menu {
173 margin: 0;
174 padding: 0;
175 text-align: left; /* LTR */
176 }
177 #navigation .links li,
178 #navigation .menu li {
179 /* A simple method to get navigation links to appear in one line. */
180 float: left; /* LTR */
181 margin: 0 3.25em 0 0; /* LTR */
182 list-style-type: none;
183 list-style-image: none;
184 background: none;
185 padding: 0;
186 position: relative;
187 }
188
189 /* The active item in the main-menu. */
190
191 #navigation .menu a.active, #navigation .menu a:hover {
192 border-top: 0.667em solid #d45a00;
193 padding-top: 0.75em;
194 font-weight: bold;
195 color: #d45a00;
196 text-decoration: none;
197 }
198
199 /* The active item in a Drupal menu. */
200 .menu a.active {
201 color: #000;
202 }
203
204 /* Internal menu*/
205 #block-menu-menu-internal-menu{
206 float: right;
207 top: -0.667em;
208 }
209
210 /* Log in menu*/
211 #block-menu-menu-login-external{
212 float: right;
213 margin-top: 0;
214 }
215
216 /* Internal an log in menu stick to right */
217 #block-menu-menu-internal-menu li,
218 #block-menu-menu-login-external li {
219 margin: 0 0 0 3.25em !important;
220 }
221
222
223 /* sub menu */
224 #navigation .menu li ul {
225 visibility: hidden;
226 position: absolute;
227 transition: visibility 0.1s ease-in;
228 z-index: 999;
229 background: #f7f7f7;
230 margin-top: 0.5em;
231 min-width: 100%;
232 }
233
234 #navigation .menu li ul li{
235 margin: 0 !important;
236 }
237
238 #navigation .menu li:hover > ul,
239 #navigation .menu li ul:hover {
240 visibility: visible;
241 }
242
243 #navigation .menu li ul li{
244 float: none;
245 border-top: 1px solid #3c4286;
246 padding: 0.5em 0;
247 }
248
249 #navigation .menu li ul li a.active,
250 #navigation .menu li ul li a:hover{
251 border: none;
252 color: #3c4286;
253 }
254
255 #navigation li.expanded > a {
256 background-image: url('../../images/iconPixels/pfeil-unten.png');
257 background-repeat: no-repeat;
258 background-position: right center;
259 padding-right: 1em;
260 }
261
262 /**
263 * Breadcrumb navigation.
264 */
265 .breadcrumb ol {
266 margin: 0;
267 padding: 0;
268 }
269 .breadcrumb li {
270 display: inline;
271 list-style-type: none;
272 margin: 0;
273 padding: 0;
274 }
275
276 /**
277 * Content
278 */
279
280 #content {
281 border-top: 1px solid #3c4286;
282 padding-top: 0.5em;
283 }
284
285
286 /**
287 * Titles.
288 */
289 .page__title, /* The title of the page. */
290 .node__title, /* Title of a piece of content when it is given in a list of content. */
291 .block__title, /* Block title. */
292 .comments__title, /* Comment section heading. */
293 .comments__form-title, /* Comment form heading. */
294 .comment__title { /* Comment title. */
295 margin: 0;
296 }
297
298 .block__title { /* Block title. */
299 font-size: 1em;
300 font-weight: bold;
301 color: #3c4286;
302 line-height: 1em;
303 margin-bottom: 0.5em;
304 }
305
306 #content h1 {
307 font-size: 1em;
308 color: #3c4286;
309 font-weight: bold;
310 display: inline;
311 }
312
313 /**
314 * All forms, input boxes etc.
315 */
316 input[type=text], input[type=password] {
317 background-color: #ebecf3;
318 border: solid 1px #ebecf3;
319 }
320
321 /**
322 * Browse and all it's elements
323 */
324 div.tool, div.tool div, form.autosubmit{
325 display: inline;
326 }
327
328 div.atoz-wrapper{
329 display: block !important;
330 margin: 1.2em auto 0 auto;
331 text-align: center;
332 padding-bottom: 1em;
333 border-bottom: 1px solid #3c4286;
334 }
335
336 div.atoz {
337 display: inline-block !important;
338 text-align: left;
339 }
340
341 div.atoz li, div.atoz a {
342 padding: 0;
343 margin: 0;
344 }
345
346 div.atoz a {
347 display: inline-block;
348 min-width: 1.66em; /*XXX 1.667em*/
349 background-color: #ebecf3;
350 text-align: center;
351 }
352
353 div.atoz a.active, div.atoz a:hover {
354 color: #ebecf3;
355 background-color: #3c4286;
356 text-decoration: none;
357 }
358
359 #atoz-other {
360 padding: 0 0.5em;
361 }
362
363 div.atoz p{
364 font-size: 0.75em; /*9px*/
365 color: #9DA0C2;
366 margin: 0.333em 0 1.333em; /*3px 0 12px*/
367 }
368
369 div.atoz input.inputfield{
370 width:100%;
371 background-color: #ebecf3;
372 border: solid 1px #ebecf3;
373 }
374
375 div.atoz input.inputfield:focus,
376 div.atoz input.inputfield.focus {
377 border: solid 1px #3c4286;
378 }
379
380 /* Pager */
381 ul.pager li {
382 padding: 0;
383 }
384
385 ul.pager a, li.pager-current {
386 padding: 0 0.25em !important;
387 }
388
389 li.pager-current {
390 color: #3c4286;
391 }
392
393 li.pager-previous {
394 padding: 0 0.5em 0 1em !important;
395 }
396
397 li.pager-next {
398 padding: 0 1em 0 0.5em !important;
399 }
400
401 #toppager {
402 border-bottom: 1px solid #3c4286;
403 }
404
405 #bottompager {
406 border-top: 1px solid #3c4286;
407 }
408
409 /**
410 * Search
411 */
412
413 div.search-results {
414 width: 100%;
415 }
416
417 div.single-result {
418 width: 100%;
419 min-height: 11.5em;
420 padding-top: 1em;
421 border-bottom: 1px solid #9da0c2;
422 }
423
424 div.thumbnail {
425 float: left;
426 height: 7.5em;
427 width: 6.5em;
428 padding: 0 1.5em 0 1em;
429 margin-bottom: 0.5em;
430 text-align: right;
431 }
432
433 div.thumbnail img{
434 max-height: 7.5em;
435 /* max-width: 4em;*/
436 margin: 0 auto;
437 }
438
439 div.search-result-meta {
440 padding-left: 1.5em;
441 }
442
443 table.search-results {
444 float: left;
445 padding-left: 1.5em;
446 }
447
448 .search-results tbody{
449 border: none;
450 }
451
452 tr.solrsearch-result {
453 border-bottom: 1px solid #9da0c2;
454 }
455
456 /* Styles for modal forms, esp. login */
457
458 div.modal-forms-modal-content {
459 background: transparent;
460 color: #000;
461 font: 12px Verdana, Arial, sans-serif;
462 border: 0;
463 margin: 0;
464 padding: 0;
465 }
466
467 div.modal-forms-modal-content .popups-container {
468 overflow: hidden;
469 height: 100%;
470 background: #f7f7f7;
471 text-align: left;
472 border: 1px solid #3c4286;
473 -moz-border-radius: 0;
474 -webkit-border-radius: 0;
475 border-radius: 0;
476 }
477
478 div.modal-forms-modal-content .modal-header {
479 background-color: transparent;
480 padding: 1em 1.5em 0 1.5em;
481 min-height: 25px;
482 }
483
484 div.modal-forms-modal-content .modal-title {
485 display: inline;
486 color: #3c4286;
487 font-size: 100%;
488 }
489
490 div.popups-container>div.modal-scroll {
491 padding: 0 1.5em 0 1.5em;
492 }
493
494 #modal-content {
495 padding: 0;
496 }
497
498 #user-login label,
499 #user-login div.description{
500 display: none;
501 }
502
503 #user-login div.form-item {
504 margin: 1em 0;
505 }
506
507 div.modal-forms-modal-content .popups-close {
508 float: right;
509 cursor: pointer;
510 background: none;
511 /* background: url(../images/controls.png) -25px 0px no-repeat;*/
512 width: 25px;
513 height: 25px;
514 text-indent: 100%;
515 /* white-space: nowrap;*/
516 overflow: hidden;
517 }
518
519 div.modal-forms-modal-content .popups-close:after {
520 content: "X";
521 position: absolute;
522 top: 0.8em;
523 left: -2em;
524 color: #3c4286;
525 font-size: 1.2em;
526 font-weight: bold;
527 }
528
529 div.modal-forms-modal-content .popups-close:hover {
530 /* background-position: -25px -25px;*/
531 }
532
533 #edit-actions input{
534 background: #3c4286;
535 color: #fff;
536 -moz-border-radius: 0;
537 -webkit-border-radius: 0;
538 border-radius: 0px;
539 display: inline;
540 position: absolute;
541 right: 0;
542 bottom: 0;
543 border: 1px solid #3c4286;
544 padding: 0.25em 1.5em;
545 }
546
547 /**
548 * Messages.
549 */
550 .messages,
551 .messages--status,
552 .messages--warning,
553 .messages--error {
554 margin: 1.5em 0;
555 padding: 10px 10px 10px 50px; /* LTR */
556 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=');
557 *background-image: url('../../images/message-24-ok.png');
558 background-position: 8px 8px; /* LTR */
559 background-repeat: no-repeat;
560 border: 1px solid #be7;
561 }
562 .messages--warning {
563 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC');
564 *background-image: url('../../images/message-24-warning.png');
565 border-color: #ed5;
566 }
567 .messages--error {
568 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==');
569 *background-image: url('../../images/message-24-error.png');
570 border-color: #ed541d;
571 }
572 .messages__list {
573 margin: 0;
574 }
575 .messages__item {
576 list-style-image: none;
577 }
578
579 /* Core/module installation error messages. */
580 .messages--error p.error {
581 color: #333;
582 }
583
584 /* System status report. */
585 .ok,
586 .messages--status {
587 background-color: #f8fff0;
588 color: #234600;
589 }
590 .warning,
591 .messages--warning {
592 background-color: #fffce5;
593 color: #840;
594 }
595 .error,
596 .messages--error {
597 background-color: #fef5f1;
598 color: #8c2e0b;
599 }
600
601 /**
602 * Tabs.
603 */
604
605 /* Basic positioning styles shared by primary and secondary tabs. */
606 .tabs-primary,
607 .tabs-secondary {
608 overflow: hidden;
609 *zoom: 1;
610 background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, transparent));
611 background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
612 background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
613 background-image: -o-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
614 background-image: linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
615 /* IE 9 and earlier don't understand gradients. */
616 list-style: none;
617 border-bottom: 1px solid #bbbbbb \0/ie;
618 margin: 1.5em 0;
619 padding: 0 2px;
620 white-space: nowrap;
621 }
622 .tabs-primary__tab,
623 .tabs-secondary__tab,
624 .tabs-secondary__tab.is-active {
625 float: left; /* LTR */
626 margin: 0 3px;
627 }
628 a.tabs-primary__tab-link,
629 a.tabs-secondary__tab-link {
630 border: 1px solid #e9e9e9;
631 border-right: 0;
632 border-bottom: 0;
633 display: block;
634 line-height: 1.5em;
635 text-decoration: none;
636 }
637
638 /* Primary tabs. */
639 .tabs-primary__tab,
640 .tabs-primary__tab.is-active {
641 -moz-border-radius-topleft: 4px;
642 -webkit-border-top-left-radius: 4px;
643 border-top-left-radius: 4px;
644 -moz-border-radius-topright: 4px;
645 -webkit-border-top-right-radius: 4px;
646 border-top-right-radius: 4px;
647 text-shadow: 1px 1px 0 white;
648 border: 1px solid #bbbbbb;
649 border-bottom-color: transparent;
650 /* IE 9 and earlier don't understand gradients. */
651 border-bottom: 0 \0/ie;
652 }
653 .is-active.tabs-primary__tab {
654 border-bottom-color: white;
655 }
656 a.tabs-primary__tab-link,
657 a.tabs-primary__tab-link.is-active {
658 -moz-border-radius-topleft: 4px;
659 -webkit-border-top-left-radius: 4px;
660 border-top-left-radius: 4px;
661 -moz-border-radius-topright: 4px;
662 -webkit-border-top-right-radius: 4px;
663 border-top-right-radius: 4px;
664 -webkit-transition: background-color 0.3s;
665 -moz-transition: background-color 0.3s;
666 -o-transition: background-color 0.3s;
667 transition: background-color 0.3s;
668 color: #333;
669 background-color: #dedede;
670 letter-spacing: 1px;
671 padding: 0 1em;
672 text-align: center;
673 }
674 a.tabs-primary__tab-link:hover,
675 a.tabs-primary__tab-link:focus {
676 background-color: #e9e9e9;
677 border-color: #f2f2f2;
678 }
679 a.tabs-primary__tab-link:active,
680 a.tabs-primary__tab-link.is-active {
681 background-color: transparent;
682 *zoom: 1;
683 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
684 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
685 background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
686 background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
687 background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
688 background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
689 border-color: #fff;
690 }
691
692 /* Secondary tabs. */
693 .tabs-secondary {
694 font-size: .9em;
695 /* Collapse bottom margin of ul.primary. */
696 margin-top: -1.5em;
697 }
698 .tabs-secondary__tab,
699 .tabs-secondary__tab.is-active {
700 margin: 0.75em 3px;
701 }
702 a.tabs-secondary__tab-link,
703 a.tabs-secondary__tab-link.is-active {
704 -webkit-border-radius: 0.75em;
705 -moz-border-radius: 0.75em;
706 -ms-border-radius: 0.75em;
707 -o-border-radius: 0.75em;
708 border-radius: 0.75em;
709 -webkit-transition: background-color 0.3s;
710 -moz-transition: background-color 0.3s;
711 -o-transition: background-color 0.3s;
712 transition: background-color 0.3s;
713 text-shadow: 1px 1px 0 white;
714 background-color: #f2f2f2;
715 color: #666;
716 padding: 0 .5em;
717 }
718 a.tabs-secondary__tab-link:hover,
719 a.tabs-secondary__tab-link:focus {
720 background-color: #dedede;
721 border-color: #999;
722 color: #333;
723 }
724 a.tabs-secondary__tab-link:active,
725 a.tabs-secondary__tab-link.is-active {
726 text-shadow: 1px 1px 0 #333333;
727 background-color: #666;
728 border-color: #000;
729 color: #fff;
730 }
731
732 /**
733 * Inline styles.
734 */
735
736 /* List of links generated by theme_links(). */
737 .inline {
738 display: inline;
739 padding: 0;
740 }
741 .inline li {
742 display: inline;
743 list-style-type: none;
744 background: none;
745 padding: 0 0 0 2em; /* LTR */
746 }
747
748 /* The inline field label used by the Fences module. */
749 span.field-label {
750 padding: 0 1em 0 0; /* LTR */
751 }
752
753 /**
754 * "More" links.
755 */
756 .more-link {
757 text-align: right; /* LTR */
758 }
759 .more-help-link {
760 text-align: right; /* LTR */
761 }
762 .more-help-link a {
763 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');
764 *background-image: url('../../images/help.png');
765 background-position: 0 50%; /* LTR */
766 background-repeat: no-repeat;
767 padding: 1px 0 1px 20px; /* LTR */
768 }
769
770 /**
771 * Pager.
772 */
773
774 /* A list of page numbers when more than 1 page of content is available. */
775 .pager {
776 clear: both;
777 padding: 0;
778 text-align: center;
779 }
780
781 .pager-item, /* A list item containing a page number in the list of pages. */
782 .pager-first, /* The first page's list item. */
783 .pager-previous, /* The previous page's list item. */
784 .pager-next, /* The next page's list item. */
785 .pager-last, /* The last page's list item. */
786 .pager-ellipsis, /* A concatenation of several list items using an ellipsis. */
787 .pager-current { /* The current page's list item. */
788 display: inline;
789 padding: 0 0.5em;
790 list-style-type: none;
791 background-image: none;
792 }
793 .pager-current {
794 font-weight: bold;
795 }
796
797 /**
798 * Blocks.
799 */
800
801 /* Block wrapper. */
802 .block {
803 margin-top: 1em;
804 }
805
806 /*collapsiblock. TODO: replace background image with triangle only and add line at bottom border*/
807 div .collapsiblockCollapsed a{
808 background: none;
809 background: url('../../images/iconPixels/blockexpand.png') no-repeat scroll left bottom;
810 padding-bottom: 1em;
811 display: block;
812 }
813
814 div .collapsiblock-processed div.item-list{
815 padding-bottom: 0.5em;
816 background: url('../../images/iconPixels/blockcollapse.png') no-repeat scroll left bottom;
817 }
818
819 /* this block is not collapsible und thus needs no 'collapse-image' at the bottom TODO:replace this in production site*/
820 #block-facetapi-dip0c6byh1qw7y1cvrnluvbm1tqyhiei div.item-list{
821 padding-bottom: 0.5em;
822 background: none;
823 border-bottom: 1px solid #3c4286;
824 }
825
826 /*Limit Block content link*/
827 a.facetapi-limit-link {
828 display: block;
829 text-align: right;
830 font-size: 0.75em;
831 line-height: 0.75em;
832 }
833
834 /* special bullets in block lists */
835 .block ul {
836 list-style-type: none;
837 padding: 0px;
838 margin: 0px;
839 }
840
841 .block ul li {
842 background-image: url('../../images/iconPixels/mpi-bullet.gif');
843 background-repeat: no-repeat;
844 background-position: 0px 0.6em;
845 padding-left: 0.6em;
846 }
847
848 /**
849 * Menus.
850 */
851 .menu__item.is-leaf {
852 list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
853 *list-style-image: url('../../images/menu-leaf.png');
854 list-style-type: square;
855 }
856 .menu__item.is-expanded {
857 list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
858 *list-style-image: url('../../images/menu-expanded.png');
859 list-style-type: circle;
860 }
861 .menu__item.is-collapsed {
862 list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
863 *list-style-image: url('../../images/menu-collapsed.png'); /* LTR */
864 list-style-type: disc;
865 }
866
867 /* The active item in a Drupal menu. */
868 .menu a.active {
869 color: #000;
870 }
871
872 /**
873 * Lists
874 */
875 /*ul {
876 list-style-image: url('../../images/iconPixels/mpi-bullet.gif');
877 }*/
878
879
880
881
882 /**
883 * Marker.
884 */
885
886 /* The "new" or "updated" marker. */
887 .new,
888 .update {
889 color: #c00;
890 /* Remove background highlighting from <mark> in normalize. */
891 background-color: transparent;
892 }
893
894 /**
895 * Unpublished note.
896 */
897
898 /* The word "Unpublished" displayed underneath the content. */
899 .unpublished {
900 height: 0;
901 overflow: visible;
902 /* Remove background highlighting from <mark> in normalize. */
903 background-color: transparent;
904 color: #d8d8d8;
905 font-size: 75px;
906 line-height: 1;
907 font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
908 font-weight: bold;
909 text-transform: uppercase;
910 text-align: center;
911 /* A very nice CSS3 property. */
912 word-wrap: break-word;
913 }
914 .lt-ie8 .node-unpublished > *,
915 .lt-ie8 .comment-unpublished > * {
916 /* Otherwise these elements will appear below the "Unpublished" text. */
917 position: relative;
918 }
919
920 /**
921 * Comments.
922 */
923
924 /* Wrapper for the list of comments and its title. */
925 .comments {
926 margin: 1.5em 0;
927 }
928
929 /* Preview of the comment before submitting new or updated comment. */
930 .comment-preview {
931 /* Drupal core will use a #ffffea background. See #1110842. */
932 background-color: #ffffea;
933 }
934
935 /* Wrapper for a single comment. */
936 .comment {
937 /* Comment's permalink wrapper. */
938 }
939 .comment .permalink {
940 text-transform: uppercase;
941 font-size: 75%;
942 }
943
944 /* Nested comments are indented. */
945 .indented {
946 /* Drupal core uses a 25px left margin. */
947 margin-left: 30px; /* LTR */
948 }
949
950 /**
951 * Forms.
952 */
953
954 /* Wrapper for a form element (or group of form elements) and its label. */
955 .form-item {
956 margin: 1.5em 0;
957 }
958
959 /* Pack groups of checkboxes and radio buttons closer together. */
960 .form-checkboxes .form-item,
961 .form-radios .form-item {
962 /* Drupal core uses "0.4em 0". */
963 margin: 0;
964 }
965
966 /* Custom radio input; see: http://www.thecssninja.com/css/custom-inputs-using-css */
967 ul.inline li:not(#foo) > input[type='radio'] {
968 opacity: 0;
969 float: left;
970 width: 1.5em;
971 }
972
973 ul.inline li:not(#foo) > input + label {
974 background: url(../../images/iconPixels/radiobutton.gif) 0 -15px no-repeat;
975 height: 13px;
976 padding: 0 0 0 1.5em;
977 }
978
979 ul.inline li:not(#foo) > input[type=radio]:checked + label {
980 background: url(../../images/iconPixels/radiobutton.gif) 0 0px no-repeat;
981 }
982
983 label {
984 font-weight: normal;
985 color: #3c4286;
986 display: inline;
987 cursor: pointer;
988 }
989
990 ul.inline li:not(#foo) > input[type=radio]:focus + label {
991 outline: 1px dotted;
992 }
993
994 /* Form items in a table. */
995 tr.odd .form-item,
996 tr.even .form-item {
997 margin: 0;
998 }
999
1000 /* Highlight the form elements that caused a form submission error. */
1001 .form-item input.error,
1002 .form-item textarea.error,
1003 .form-item select.error {
1004 border: 1px solid #c00;
1005 }
1006
1007 /* The descriptive help text (separate from the label). */
1008 .form-item .description {
1009 font-size: 0.85em;
1010 }
1011 .form-type-radio .description,
1012 .form-type-checkbox .description {
1013 margin-left: 2.4em;
1014 }
1015
1016 /* The part of the label that indicates a required field. */
1017 .form-required {
1018 color: #c00;
1019 }
1020
1021 /* Labels for radios and checkboxes. */
1022 label.option {
1023 display: inline;
1024 font-weight: normal;
1025 }
1026
1027 /* Buttons used by contrib modules like Media. */
1028 a.button {
1029 -webkit-appearance: button;
1030 -moz-appearance: button;
1031 appearance: button;
1032 }
1033
1034 /* Password confirmation. */
1035 .password-parent,
1036 .confirm-parent {
1037 margin: 0;
1038 }
1039
1040 /* Drupal's default login form block. */
1041 #user-login-form {
1042 text-align: left; /* LTR */
1043 }
1044
1045 /**
1046 * OpenID
1047 *
1048 * The default styling for the OpenID login link seems to assume Garland's
1049 * styling of list items.
1050 */
1051
1052 /* OpenID creates a new ul above the login form's links. */
1053 .openid-links {
1054 /* Position OpenID's ul next to the rest of the links. */
1055 margin-bottom: 0;
1056 }
1057
1058 /* The "Log in using OpenID" and "Cancel OpenID login" links. */
1059 .openid-link,
1060 .user-link {
1061 margin-top: 1.5em;
1062 }
1063 html.js #user-login-form li.openid-link,
1064 #user-login-form li.openid-link {
1065 /* Un-do some of the padding on the ul list. */
1066 margin-left: -20px; /* LTR */
1067 }
1068 #user-login ul {
1069 margin: 1.5em 0;
1070 }
1071
1072 /**
1073 * Drupal admin tables.
1074 */
1075 form th {
1076 text-align: left; /* LTR */
1077 padding-right: 1em; /* LTR */
1078 border-bottom: 3px solid #ccc;
1079 }
1080 form tbody {
1081 border-top: 1px solid #ccc;
1082 }
1083 form table ul {
1084 margin: 0;
1085 }
1086 tr.even,
1087 tr.odd {
1088 background-color: #eee;
1089 border-bottom: 1px solid #ccc;
1090 padding: 0.1em 0.6em;
1091 }
1092 tr.even {
1093 background-color: #fff;
1094 }
1095 .lt-ie8 tr.even th,
1096 .lt-ie8 tr.even td,
1097 .lt-ie8 tr.odd th,
1098 .lt-ie8 tr.odd td {
1099 /* IE doesn't display borders on table rows. */
1100 border-bottom: 1px solid #ccc;
1101 }
1102
1103 /* Markup generated by theme_tablesort_indicator(). */
1104 td.active {
1105 background-color: #ddd;
1106 }
1107
1108 /* Center checkboxes inside table cell. */
1109 td.checkbox,
1110 th.checkbox {
1111 text-align: center;
1112 }
1113
1114 /* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
1115 td.menu-disabled {
1116 background: #ccc;
1117 }
1118
1119 /**
1120 * Autocomplete.
1121 *
1122 * @see autocomplete.js
1123 */
1124
1125 /* Suggestion list. */
1126 #autocomplete .selected {
1127 background: #0072b9;
1128 color: #fff;
1129 }
1130
1131 /**
1132 * Collapsible fieldsets.
1133 *
1134 * @see collapse.js
1135 */
1136 html.js .collapsible .fieldset-legend {
1137 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
1138 *background-image: url('../../images/menu-expanded.png');
1139 background-position: 5px 65%; /* LTR */
1140 background-repeat: no-repeat;
1141 padding-left: 15px; /* LTR */
1142 }
1143 html.js .collapsed .fieldset-legend {
1144 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
1145 *background-image: url('../../images/menu-collapsed.png'); /* LTR */
1146 background-position: 5px 50%; /* LTR */
1147 }
1148 .fieldset-legend .summary {
1149 color: #999;
1150 font-size: 0.9em;
1151 margin-left: 0.5em;
1152 }
1153
1154 /**
1155 * TableDrag behavior.
1156 *
1157 * @see tabledrag.js
1158 */
1159 tr.drag {
1160 background-color: #fffff0;
1161 }
1162 tr.drag-previous {
1163 background-color: #ffd;
1164 }
1165 .tabledrag-toggle-weight {
1166 font-size: 0.9em;
1167 }
1168
1169 /**
1170 * TableSelect behavior.
1171 *
1172 * @see tableselect.js
1173 */
1174 tr.selected td {
1175 background: #ffc;
1176 }
1177
1178 /**
1179 * Progress bar.
1180 *
1181 * @see progress.js
1182 */
1183 .progress {
1184 font-weight: bold;
1185 }
1186 .progress .bar {
1187 background: #ccc;
1188 border-color: #666;
1189 margin: 0 0.2em;
1190 -webkit-border-radius: 3px;
1191 -moz-border-radius: 3px;
1192 -ms-border-radius: 3px;
1193 -o-border-radius: 3px;
1194 border-radius: 3px;
1195 }
1196 .progress .filled {
1197 background-color: #0072b9;
1198 background-image: url('../../images/progress.gif');
1199 }