Project

General

Profile

« Previous | Next » 

Revision 35724

joomla 3.4 : lattest layout changes from natalia

View differences:

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