Revision 35724
Added by Argiro Kokogiannaki over 9 years ago
style.css | ||
---|---|---|
24 | 24 |
|
25 | 25 |
/* Base |
26 | 26 |
----------------------------------------------------------------------------------------------------*/ |
27 |
#logo {height: 100px;margin-top:15px;}
|
|
27 |
#logo {height: 100px;margin-top:0px;/*15px;*/ margin-bottom:5px;}
|
|
28 | 28 |
#logo img {height:100px;} |
29 | 29 |
|
30 | 30 |
input[disabled] {color:#ccc;} |
... | ... | |
119 | 119 |
background:#FAFAFA; |
120 | 120 |
} |
121 | 121 |
|
122 |
.isblog #system .item, .noblog #content {background-color: transparent;padding:10px 0px}
|
|
122 |
.isblog #system .item, .noblog #content {background-color: transparent;padding:0px 0px} |
|
123 | 123 |
#block-bottom { background: #333;background:#3440B5; } |
124 | 124 |
#block-bottom a, #footer a {color: #79b8c7;} |
125 | 125 |
#block-bottom a:hover, #footer a:hover {color:#E76E12!important; text-shadow:none!important;} |
... | ... | |
151 | 151 |
|
152 | 152 |
.menu-dropdown li.active .level1 { color: #00b7f0; } |
153 | 153 |
|
154 |
|
|
155 |
|
|
156 | 154 |
.menu-dropdown .dropdown-bg > div { background: #3440B5; } |
157 | 155 |
|
158 | 156 |
.menu-dropdown a.level1, |
159 |
.menu-dropdown span.level1 { color: #646464; } |
|
157 |
.menu-dropdown span.level1 { color: #656565; /* #265ED1; #646464;*/ } |
|
158 |
.menu-dropdown a.level1 > span, |
|
159 |
.menu-dropdown span.level1 > span { |
|
160 |
height: 50px; |
|
161 |
line-height: 50px; |
|
162 |
} |
|
163 |
.menu-dropdown .level1 .level1 span.icon { height: 50px; } |
|
164 |
.menu-dropdown .dropdown { top: 50px; } |
|
160 | 165 |
|
161 | 166 |
.menu-dropdown a.level2, |
162 | 167 |
.menu-dropdown span.level2 { background-image: url(../images/menu_dropdown_level2.png); } |
... | ... | |
192 | 197 |
|
193 | 198 |
|
194 | 199 |
.menu-dropdown span.title { |
195 |
line-height: 24px;
|
|
200 |
line-height: 22px;
|
|
196 | 201 |
} |
197 | 202 |
.menu-dropdown .level1 .level1 span.subtitle { |
198 | 203 |
font-size: 11px; |
... | ... | |
229 | 234 |
} |
230 | 235 |
.menu-sidebar a, .menu-sidebar li > span { |
231 | 236 |
font-size: 16px; |
232 |
color: #969696;
|
|
237 |
color: #646464;/*#969696;*/
|
|
233 | 238 |
line-height:18px; |
234 | 239 |
/*font-family: OpenSansLight; */ |
235 | 240 |
|
... | ... | |
303 | 308 |
} |
304 | 309 |
.mod-box { |
305 | 310 |
box-shadow: 0 1px 0 #e5e5e5; |
306 |
box-shadow: 0 1px 0 rgba(0,0,0,0.1); |
|
307 | 311 |
border:1px solid #ccc; |
308 | 312 |
background:transparent; |
313 |
padding:15px 20px; |
|
309 | 314 |
} |
310 | 315 |
.mod-box-blue { |
311 | 316 |
color:#ebebeb; |
... | ... | |
328 | 333 |
.mod-box-blue em, |
329 | 334 |
.mod-box-blue code { color: #637d44; } |
330 | 335 |
|
336 |
|
|
337 |
.mod-box-gold{ |
|
338 |
padding:15px; |
|
339 |
border:1px solid #ddd; |
|
340 |
margin-right:1px; |
|
341 |
background:url(../images/gold_Background.png) -5px -5px no-repeat; |
|
342 |
} |
|
343 |
|
|
344 |
.mod-box-gold .module-title{ |
|
345 |
} |
|
346 |
|
|
347 |
.mod-box-gold a { color: #24D6E3; } |
|
348 |
|
|
349 |
.mod-box-gold a:hover { color: #E76E12; } |
|
350 |
|
|
351 |
.mod-box-feature1{ |
|
352 |
padding:15px; |
|
353 |
border:1px solid #44B1EC; |
|
354 |
background-color: #44B1EC; |
|
355 |
color: #fff; |
|
356 |
box-shadow: 0 1px 0 #e5e5e5; |
|
357 |
margin-right:1px; |
|
358 |
} |
|
359 |
|
|
360 |
.mod-box-feature1 .module-title{ |
|
361 |
} |
|
362 |
|
|
363 |
.mod-box-feature1 a { color: #24D6E3; } |
|
364 |
|
|
365 |
.mod-box-feature1 a:hover { color: #E76E12; } |
|
366 |
|
|
367 |
.mod-box-feature2{ |
|
368 |
padding:10px; |
|
369 |
border:0px solid #44B1EC; |
|
370 |
background:#F0A031; |
|
371 |
box-shadow: 0 1px 0 #ccc; |
|
372 |
color:black; |
|
373 |
} |
|
374 |
|
|
375 |
.mod-box-feature2 .module-title{ |
|
376 |
} |
|
377 |
|
|
378 |
.mod-box-feature2 a { } |
|
379 |
|
|
380 |
.mod-box-feature2 a:hover { color: #44B1EC; } |
|
381 |
|
|
331 | 382 |
.mod-group .header, .mod-group .header a { |
332 | 383 |
color:#646464; |
333 | 384 |
font-size:22px; |
... | ... | |
342 | 393 |
color:#DF512E; |
343 | 394 |
} |
344 | 395 |
.mod-group { |
345 |
position:relative; |
|
346 |
padding-right:5px; |
|
347 |
padding-bottom:15px; |
|
348 |
//border: 1px solid #ddd; |
|
349 |
padding:20px 5px; |
|
350 |
background-color:transparent; |
|
351 |
font-family: RobotoSlabRegular; |
|
352 |
font-size:20px; |
|
353 |
line-height:22px; |
|
354 |
text-align:center; |
|
355 |
/* |
|
356 |
background: #f6f6f6; |
|
357 |
background: -moz-linear-gradient(left, #f6f6f6 0%, #fafafa 100%); |
|
358 |
background: -webkit-gradient(left top, right top, color-stop(0%, #f6f6f6), color-stop(100%, #fafafa)); |
|
359 |
background: -webkit-linear-gradient(left, #f6f6f6 0%, #fafafa 100%); |
|
360 |
background: -o-linear-gradient(left, #f6f6f6 0%, #fafafa 100%); |
|
361 |
background: -ms-linear-gradient(left, #f6f6f6 0%, #fafafa 100%); |
|
362 |
background: linear-gradient(to right, #f6f6f6 0%, #fafafa 100%); |
|
363 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fafafa', GradientType=1 ); |
|
364 |
*/ |
|
396 |
padding:6%; |
|
397 |
font-size:22px; |
|
398 |
margin: 0px 1px 10px 0px; |
|
365 | 399 |
|
366 |
margin:0px 0px 10px 0px; |
|
367 |
background: #fafafa; |
|
368 |
position: relative; |
|
369 |
margin: 0px 10px 20px 10px; |
|
370 |
box-shadow: |
|
371 |
0 0 0 2px hsl(0, 0%, 100%); |
|
372 |
} |
|
400 |
background: #62749a; |
|
401 |
background-image: -webkit-linear-gradient(top, #62749a, #505982); |
|
402 |
background-image: -moz-linear-gradient(top, #62749a, #505982); |
|
403 |
background-image: -ms-linear-gradient(top, #62749a, #505982); |
|
404 |
background-image: -o-linear-gradient(top, #62749a, #505982); |
|
405 |
background-image: linear-gradient(to bottom, #62749a, #505982); |
|
406 |
/* |
|
407 |
background: #A3968A; |
|
408 |
background-image: -webkit-linear-gradient(top, #BEC6DA, #A9B2C8); |
|
409 |
background-image: -moz-linear-gradient(top, #BEC6DA, #A9B2C8); |
|
410 |
background-image: -ms-linear-gradient(top, #BEC6DA, #A9B2C8); |
|
411 |
background-image: -o-linear-gradient(top, #BEC6DA, #A9B2C8); |
|
412 |
background-image: linear-gradient(to bottom, #BEC6DA, #A9B2C8); |
|
413 |
*/ |
|
414 |
text-align:center; |
|
415 |
} |
|
416 |
.mod-group .hdr { |
|
417 |
display: inline-block; |
|
418 |
line-height:22px; |
|
419 |
font-size:20px; |
|
420 |
vertical-align: middle; |
|
421 |
text-align:center; |
|
422 |
font-family: OpenSansLight; |
|
423 |
} |
|
424 |
|
|
425 |
.mod-group a {color:#fff!important;} |
|
373 | 426 |
.mod-group:hover { |
374 |
background:#f0f0f0; |
|
375 |
box-shadow: |
|
376 |
0 0 0 2px hsl(0, 0%, 85%); |
|
377 | 427 |
} |
378 | 428 |
|
379 | 429 |
.mod-group .module-title { |
380 |
/* |
|
381 |
margin-bottom: 6px; |
|
382 |
height: 76px; |
|
383 |
color:#646464; |
|
384 |
display:inline-block; |
|
385 |
*/ |
|
386 |
/* background: url(../images/module_line.png) 0 100% repeat-x;*/ |
|
387 | 430 |
} |
388 | 431 |
|
389 | 432 |
.mod-group .module-title .icon { |
390 |
/* |
|
391 |
margin-right: 5px; |
|
392 |
width:66px; |
|
393 |
top:-10px; |
|
433 |
} |
|
434 |
/* mod-custom */ |
|
435 |
|
|
436 |
.mod-custom .header, .mod-group .header a { |
|
437 |
/*color:#646464;*/ |
|
438 |
font-size:22px; |
|
439 |
line-height:22px; |
|
440 |
display:table-cell; |
|
394 | 441 |
vertical-align:bottom; |
395 |
height:76px;] |
|
396 |
*/ |
|
397 |
|
|
442 |
height:70px; |
|
443 |
padding-bottom:5px; |
|
444 |
font-family: RobotoSlabRegular; |
|
445 |
text-align: left; |
|
398 | 446 |
} |
399 |
.mod-group .module-title .icon-researchers, |
|
400 |
.mod-group .icon-researchers a{ |
|
401 |
color:#AD4871; |
|
402 |
padding-left:26px; |
|
403 |
background: url(../images/Researchers_icon_sm.png) left top no-repeat; |
|
447 |
.mod-custom .header a:hover { |
|
448 |
/*color:#DF512E;*/ |
|
449 |
} |
|
450 |
.mod-custom { |
|
451 |
padding:6%; |
|
452 |
font-size:22px; |
|
453 |
margin: 0px 1px 10px 0px; |
|
454 |
padding: 0 !important; |
|
455 |
text-align:center; |
|
456 |
border:0; |
|
457 |
} |
|
458 |
.mod-custom .hdr { |
|
459 |
display: inline-block; |
|
460 |
line-height:22px; |
|
461 |
font-size:20px; |
|
462 |
vertical-align: middle; |
|
463 |
text-align:center; |
|
464 |
font-family: OpenSansLight; |
|
404 | 465 |
} |
405 | 466 |
|
406 |
.mod-group .module-title .icon-providers,
|
|
407 |
.mod-group .icon-providers a {
|
|
408 |
color: #2B7DBE;
|
|
409 |
padding-left:26px;
|
|
410 |
background: url(../images/Dataproviders_icon_sm.png) left top no-repeat;
|
|
467 |
.mod-custom a {
|
|
468 |
font-size: 12px;
|
|
469 |
}
|
|
470 |
.mod-custom li{
|
|
471 |
text-align:left;
|
|
411 | 472 |
} |
473 |
.mod-custom:hover { |
|
474 |
} |
|
412 | 475 |
|
413 |
.mod-group .module-title .icon-admins, |
|
414 |
.mod-group .icon-admins a{ |
|
415 |
color: #F5AF3E; |
|
416 |
padding-left:26px; |
|
417 |
background: url(../images/ResearchAdmin_icon_sm.png) left top no-repeat; |
|
476 |
.mod-custom .module-title { |
|
418 | 477 |
} |
419 |
.mod-group .module-title .icon-funders, |
|
420 |
.mod-group .icon-funders a{ |
|
421 |
color: #7E994C; |
|
422 |
padding-left:26px; |
|
423 |
background: url(../images/FundingAgencies_icon_sm.png) left top no-repeat; |
|
478 |
|
|
479 |
.mod-custom .module-title .icon { |
|
424 | 480 |
} |
481 |
.mod-custom ul { |
|
482 |
margin-left:-10px; |
|
483 |
margin-top:0px; |
|
484 |
padding-left: 0; |
|
485 |
} |
|
486 |
/* end of mod-custom */ |
|
487 |
|
|
488 |
.researchers-group { |
|
489 |
-webkit-box-shadow:inset 0px 6px 0px 0px #A32056; |
|
490 |
-moz-box-shadow:inset 0px 6px 0px 0px #A32056; |
|
491 |
box-shadow:inset 0px 6px 0px 0px #A32056; |
|
492 |
} |
|
493 |
.researchers-group:hover{ |
|
494 |
-webkit-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
495 |
-moz-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
496 |
box-shadow:inset 0px 0px 0px 0px #A32056; |
|
497 |
background: url(../images/BUT_Roll_researchers.png) left top no-repeat; |
|
498 |
background: #A32056; |
|
499 |
} |
|
500 |
|
|
501 |
.providers-group { |
|
502 |
-webkit-box-shadow:inset 0px 6px 0px 0px #206DD4; |
|
503 |
-moz-box-shadow:inset 0px 6px 0px 0px #206DD4; |
|
504 |
box-shadow:inset 0px 6px 0px 0px #206DD4; |
|
505 |
} |
|
506 |
.providers-group:hover { |
|
507 |
-webkit-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
508 |
-moz-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
509 |
box-shadow:inset 0px 0px 0px 0px #A32056; |
|
510 |
background: url(../images/BUT_Roll_providers.png) left top no-repeat; |
|
511 |
background: #206DD4; |
|
512 |
} |
|
513 |
|
|
514 |
.admins-group { |
|
515 |
-webkit-box-shadow:inset 0px 6px 0px 0px #E65C28; |
|
516 |
-moz-box-shadow:inset 0px 6px 0px 0px #E65C28; |
|
517 |
box-shadow:inset 0px 6px 0px 0px #E65C28; |
|
518 |
} |
|
519 |
.admins-group:hover{ |
|
520 |
-webkit-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
521 |
-moz-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
522 |
box-shadow:inset 0px 0px 0px 0px #A32056; |
|
523 |
background: url(../images/BUT_Roll_admins.png) left top no-repeat; |
|
524 |
background: #E65C28; |
|
525 |
} |
|
526 |
|
|
527 |
.funders-group { |
|
528 |
-webkit-box-shadow:inset 0px 6px 0px 0px #54B412; |
|
529 |
-moz-box-shadow:inset 0px 6px 0px 0px #54B412; |
|
530 |
box-shadow:inset 0px 6px 0px 0px #54B412; |
|
531 |
} |
|
532 |
.funders-group:hover{ |
|
533 |
-webkit-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
534 |
-moz-box-shadow:inset 0px 0px 0px 0px #A32056; |
|
535 |
box-shadow:inset 0px 0px 0px 0px #A32056; |
|
536 |
background: url(../images/BUT_Roll_funders.png) left top no-repeat; |
|
537 |
background: #54B412; |
|
538 |
} |
|
425 | 539 |
/*lists */ |
426 | 540 |
.mod-group ul { |
427 | 541 |
padding-left:0px; |
... | ... | |
446 | 560 |
} |
447 | 561 |
|
448 | 562 |
.button-primary-add { |
449 |
-moz-border-radius: 0; |
|
563 |
/*-moz-border-radius: 0;
|
|
450 | 564 |
border-radius: 0px; |
451 | 565 |
text-shadow: 1px 1px 2px #666666; |
452 | 566 |
text-shadow: none; |
... | ... | |
461 | 575 |
background-image: url(../images/add_link_sm.png); |
462 | 576 |
background-position: 95%; |
463 | 577 |
background-repeat:no-repeat; |
578 |
*/ |
|
579 |
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,0.1) inset; |
|
580 |
/* |
|
581 |
background: -moz-linear-gradient(top, #F2F2F2 0%, #EEEEEE 100%); |
|
582 |
background: -webkit-linear-gradient(top, #F2F2F2 0%, #EEEEEE 100%); |
|
583 |
background: linear-gradient(to bottom, #F2F2F2 0%, #EEEEEE 100%); |
|
584 |
border-radius: 2px; |
|
585 |
-moz-border-radius: 2px; |
|
586 |
-webkit-border-radius: 2px; |
|
587 |
*/ |
|
588 |
background: transparent url(../images/turquoise_arrow_sm.png) 7px 40% no-repeat; |
|
589 |
display: inline-block; |
|
590 |
border:1px solid #bcbcbc; |
|
591 |
padding: 3px 10px 3px 25px; |
|
592 |
color: #646464!important; |
|
464 | 593 |
} |
465 | 594 |
|
466 | 595 |
.button-primary-add:hover |
467 | 596 |
{ |
597 |
/* |
|
468 | 598 |
text-decoration: none; |
469 | 599 |
text-shadow: 1px 1px 2px #fafafa!important; |
470 | 600 |
text-shadow: none; |
471 | 601 |
background-image: url(../images/add_link_sm.png); |
472 | 602 |
background-color: #E3E5E5; |
473 | 603 |
color:#f23b00; |
604 |
*/ |
|
605 |
background: transparent url(../images/turquoise_arrow_sm.png) 7px 40% no-repeat; |
|
606 |
text-shadow: none; |
|
607 |
color:#44B1EC!important; |
|
474 | 608 |
} |
475 | 609 |
|
476 | 610 |
/* System |
... | ... | |
478 | 612 |
em, code { color: #5b94ad; } |
479 | 613 |
#system .item-list {background: #fafafa;} |
480 | 614 |
#system .item > header .title { |
481 |
margin-bottom: 10px; |
|
482 |
background: url(../../../images/header_stripes_dark.png) 0 100% repeat-x; |
|
615 |
margin-bottom: 5px; |
|
616 |
padding-bottom: 0px; |
|
617 |
/*background: url(../../../images/header_stripes_dark.png) 0 100% repeat-x; */ |
|
618 |
background:none; |
|
483 | 619 |
} |
620 |
|
|
621 |
.isblog #system .item, |
|
622 |
.noblog #content { |
|
623 |
padding-bottom: 15px; |
|
624 |
} |
|
625 |
#system .items .item { margin: 0 5px 0 5px; } |
|
626 |
|
|
484 | 627 |
.searchbox input:-moz-placeholder { color: #b8c0ba; } |
485 | 628 |
.searchbox input::-webkit-input-placeholder { color: #b8c0ba; } |
486 | 629 |
.searchbox input.placeholder { color: #b8c0ba; } |
... | ... | |
601 | 744 |
.loader{ |
602 | 745 |
display: block; |
603 | 746 |
margin: auto; |
604 |
} |
|
747 |
} |
Also available in: Unified diff
joomla 3.4 : lattest layout changes from natalia