Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 317 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 317 Rev 321
Line 285... Line 285...
285
.form-button, .form-submit {
285
.form-button, .form-submit {
286
  margin: 2em 0.5em 1em 0; /* LTR */
286
  margin: 2em 0.5em 1em 0; /* LTR */
287
}
287
}
Line 288... Line 288...
288
 
288
 
289
.form-submit#edit-submit {
289
.form-submit#edit-submit {
290
	margin-bottom: -7px;	
290
	margin-bottom: -7px;
Line 291... Line 291...
291
}
291
}
292
 
292
 
293
#dblog-form-overview .form-submit,
293
#dblog-form-overview .form-submit,
Line 317... Line 317...
317
	font-family: "BorisBlackBloxx";
317
	font-family: "BorisBlackBloxx";
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
319
}
319
}
Line 320... Line 320...
320
 
320
 
321
.titre_site {
321
.titre_site {
322
	font-family: BorisBlackBloxx, Cursive; 
322
	font-family: BorisBlackBloxx, Cursive;
323
	font-size: 14px;	
323
	font-size: 14px;
324
	margin-left: auto;
324
	margin-left: auto;
325
    margin-right: auto;
325
    margin-right: auto;
326
    padding-left: 0px;
326
    padding-left: 0px;
327
    padding-top: 5px;
327
    padding-top: 5px;
Line 342... Line 342...
342
.titre_site #saisons {
342
.titre_site #saisons {
343
	color: #FF7F00;
343
	color: #FF7F00;
344
	text-transform: uppercase;
344
	text-transform: uppercase;
345
	font-size: 40px
345
	font-size: 40px
346
}
346
}
347
				
347
 
348
.petit_logo_tela {
348
.petit_logo_tela {
349
	width: 43px;
349
	width: 43px;
350
	margin-left:62px;
350
	margin-left:62px;
351
	margin-bottom:14px;
351
	margin-bottom:14px;
352
}
352
}
Line 403... Line 403...
403
#wrapper {
403
#wrapper {
404
	width: 955px;
404
	width: 955px;
405
	margin-left:auto;
405
	margin-left:auto;
406
	margin-right:auto;
406
	margin-right:auto;
407
	background-color: #FFFFFF;
407
	background-color: #FFFFFF;
408
	-moz-box-shadow: 3px 0px 0 #aaa;  
408
	-moz-box-shadow: 3px 0px 0 #aaa;
409
	-webkit-box-shadow: 3px 0px 0 #aaa;  
409
	-webkit-box-shadow: 3px 0px 0 #aaa;
410
	box-shadow: 3px 0px 0 #aaa;  
410
	box-shadow: 3px 0px 0 #aaa;
411
}
411
}
Line 412... Line 412...
412
 
412
 
413
#wrapper #container {
413
#wrapper #container {
414
  margin: 0 auto;
414
  margin: 0 auto;
Line 440... Line 440...
440
  float: left; /* LTR */
440
  float: left; /* LTR */
441
}
441
}
Line 442... Line 442...
442
 
442
 
443
#logo-floater {
443
#logo-floater {
444
	padding-left: 20px;
444
	padding-left: 20px;
445
	padding-top: 10px;	
445
	padding-top: 10px;
Line 446... Line 446...
446
}
446
}
447
 
447
 
448
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
448
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
449
#wrapper #container {
449
#wrapper #container {
450
  float: left;	
450
  float: left;
451
  width: 100%;
451
  width: 100%;
Line 452... Line 452...
452
  background-color: #FFFFFF;
452
  background-color: #FFFFFF;
453
}
453
}
454
 
454
 
455
#center {
455
#center {
456
	width: 555px;	
456
	width: 555px;
457
	min-height: 650px;
457
	min-height: 650px;
458
	background-color: #FFFFFF;
458
	background-color: #FFFFFF;
Line 500... Line 500...
500
	width: 190px;
500
	width: 190px;
501
	padding:5px;
501
	padding:5px;
502
	padding-left: 0px;
502
	padding-left: 0px;
503
	float: left;
503
	float: left;
504
	min-height: 650px;
504
	min-height: 650px;
505
	background-color: #FFFFFF;	
505
	background-color: #FFFFFF;
506
}
506
}
Line 507... Line 507...
507
 
507
 
508
#sidebar-left > div > div > div > ul.menu > li {
508
#sidebar-left > div > div > div > ul.menu > li {
509
	padding-left:20px;
509
	padding-left:20px;
Line 516... Line 516...
516
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
516
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
517
}
517
}
Line 518... Line 518...
518
 
518
 
519
#sidebar-left a.active-trail {
519
#sidebar-left a.active-trail {
520
	color: #800000;
520
	color: #800000;
521
	text-decoration: underline;	
521
	text-decoration: underline;
Line 522... Line 522...
522
}
522
}
523
 
523
 
524
#sidebar-left {
524
#sidebar-left {
Line 547... Line 547...
547
#sidebar-left.jeunes {
547
#sidebar-left.jeunes {
548
	background-color: #EF7B1D;
548
	background-color: #EF7B1D;
549
}
549
}
Line 550... Line 550...
550
 
550
 
551
#sidebar-left > div > h2 {
551
#sidebar-left > div > h2 {
552
	display: none;	
552
	display: none;
Line 553... Line 553...
553
}
553
}
554
 
554
 
555
#sidebar-left a {
555
#sidebar-left a {
556
	color: #FFFFFF;	
556
	color: #FFFFFF;
557
	font-weight: bold;
557
	font-weight: bold;
Line 558... Line 558...
558
	padding-left: 5px;
558
	padding-left: 5px;
Line 571... Line 571...
571
 
571
 
572
	-moz-border-radius-bottomleft: 901px 158px;
572
	-moz-border-radius-bottomleft: 901px 158px;
573
	-moz-border-radius-bottomright: 300px 24px;
573
	-moz-border-radius-bottomright: 300px 24px;
574
    border-bottom-left-radius: 901px 158px;
574
    border-bottom-left-radius: 901px 158px;
575
    border-bottom-right-radius: 300px 24px;
575
    border-bottom-right-radius: 300px 24px;
576
    
576
 
577
	background-color: #FFFFFF;
577
	background-color: #FFFFFF;
578
	width:inherit;
578
	width:inherit;
579
	height: 30px;
579
	height: 30px;
580
	position: absolute;
580
	position: absolute;
581
	z-index: 50;
581
	z-index: 50;
Line 582... Line 582...
582
}
582
}
583
 
583
 
584
#right {
584
#right {
585
	width: 200px;
585
	width: 200px;
586
	float: right;
586
	float: right;
Line 587... Line 587...
587
	background-color: #FFFFFF;	
587
	background-color: #FFFFFF;
588
}
588
}
589
 
589
 
Line 590... Line 590...
590
#right h2 {
590
#right h2 {
591
	display: none;	
591
	display: none;
592
}
592
}
Line 599... Line 599...
599
	-moz-border-radius-topleft: 20px 20px;
599
	-moz-border-radius-topleft: 20px 20px;
600
	border-top-left-radius: 20px 20px;
600
	border-top-left-radius: 20px 20px;
601
}
601
}
Line 602... Line 602...
602
 
602
 
603
.ods_ou_phenoclim .titre_bloc {
603
.ods_ou_phenoclim .titre_bloc {
604
	background-color: #99CC32;	
604
	background-color: #99CC32;
Line 605... Line 605...
605
}
605
}
606
 
606
 
607
.info_utilisateur, .formulaire_identification_ods, .ods_ou_phenoclim, .info_reseau {
607
.info_utilisateur, .formulaire_identification_ods, .ods_ou_phenoclim, .info_reseau {
608
	
608
 
609
	-webkit-border-radius-topleft: 20px 20px;
609
	-webkit-border-radius-topleft: 20px 20px;
610
	-webkit-border-radius-bottomleft: 20px 20px;
610
	-webkit-border-radius-bottomleft: 20px 20px;
611
	-moz-border-radius-topleft: 20px 20px;
611
	-moz-border-radius-topleft: 20px 20px;
612
	-moz-border-radius-bottomleft: 20px 20px;
612
	-moz-border-radius-bottomleft: 20px 20px;
613
	border-top-left-radius: 20px 20px;
613
	border-top-left-radius: 20px 20px;
614
	border-bottom-left-radius: 20px 20px;
614
	border-bottom-left-radius: 20px 20px;
615
	border: solid 1px;
615
	border: solid 1px;
616
	background-color: #FFFFFF;
616
	background-color: #FFFFFF;
617
	text-align: center;	
617
	text-align: center;
618
	border-color: #D1C6A8;
618
	border-color: #D1C6A8;
Line 619... Line 619...
619
	padding-bottom: 6px;
619
	padding-bottom: 6px;
Line 629... Line 629...
629
 
629
 
630
.info_reseau .titre_bloc {
630
.info_reseau .titre_bloc {
631
  background-color:#EF7B1D;
631
  background-color:#EF7B1D;
Line 632... Line 632...
632
}
632
}
633
 
633
 
634
#lien_mes_obs {	
634
#lien_mes_obs {
Line 635... Line 635...
635
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
635
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
636
}
636
}
637
 
637
 
Line 638... Line 638...
638
#lien_admin {	
638
#lien_admin {
639
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
639
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
640
}
640
}
Line 641... Line 641...
641
 
641
 
642
#lien_mon_profil {	
642
#lien_mon_profil {
643
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
643
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
Line 644... Line 644...
644
}
644
}
645
 
645
 
646
#lien_deconnexion {	
646
#lien_deconnexion {
647
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
647
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
648
}
648
}
649
 
649
 
650
.nb_inscrits {
650
.nb_inscrits {
Line 651... Line 651...
651
	background: transparent url(images/puce-inscrits.png) no-repeat;
651
	background: transparent url(images/puce-inscrits.png) no-repeat;
652
	padding: 5px;
652
	padding: 5px;
653
	padding-left: 30px;	
653
	padding-left: 30px;
654
	text-align: right;
654
	text-align: right;
655
	font-size: 1.2em;
655
	font-size: 1.2em;
656
}
656
}
657
 
657
 
Line 658... Line 658...
658
 
658
 
659
/** Bloc de description en haut de la page d'accueil **/
659
/** Bloc de description en haut de la page d'accueil **/
660
#node-2 {
660
#node-2 {
Line 699... Line 699...
699
	display: inline;
699
	display: inline;
700
	float: left;
700
	float: left;
701
	padding-left: 10px;
701
	padding-left: 10px;
702
	padding-right: 10px;
702
	padding-right: 10px;
703
	font-size: 1.2em;
703
	font-size: 1.2em;
-
 
704
  max-width: 400px;
704
}
705
}
Line 705... Line 706...
705
 
706
 
706
.views-row .views-field-title a {
707
.views-row .views-field-title a {
707
	color: #9AC343;
708
	color: #9AC343;
Line 720... Line 721...
720
.derniers_articles .views-field-field-image-fid {
721
.derniers_articles .views-field-field-image-fid {
721
	width: 100px;
722
	width: 100px;
722
}
723
}
Line 723... Line 724...
723
 
724
 
724
#dernieres_obs li a {
725
#dernieres_obs li a {
725
	color: #494949;	
726
	color: #494949;
Line 726... Line 727...
726
}
727
}
727
 
728
 
728
.lire_toutes_actus {
729
.lire_toutes_actus {
729
	text-align: right;	
730
	text-align: right;
730
	float: right;
731
	float: right;
Line 731... Line 732...
731
	padding-bottom: 15px;
732
	padding-bottom: 15px;
732
}
733
}
733
 
734
 
734
.separation_invisible {
735
.separation_invisible {
Line 735... Line 736...
735
	visibility: hidden;
736
	visibility: hidden;
736
	clear: both;	
737
	clear: both;
737
}
738
}
Line 846... Line 847...
846
  text-align: center;
847
  text-align: center;
847
  font-size: 1.3em;
848
  font-size: 1.3em;
848
}
849
}
Line 849... Line 850...
849
 
850
 
850
/** Style g�n�ral applicable � toute les pages **/
851
/** Style g�n�ral applicable � toute les pages **/
851
.cadre_information {	
852
.cadre_information {
852
    background: url("images/information.png") no-repeat scroll 5px 12px #DFDBD1;
853
    background: url("images/information.png") no-repeat scroll 5px 12px #DFDBD1;
853
    border: 1px solid #DFDBD1;
854
    border: 1px solid #DFDBD1;
854
    padding: 10px 10px 10px 30px;
855
    padding: 10px 10px 10px 30px;
Line 898... Line 899...
898
}
899
}
Line 899... Line 900...
899
 
900
 
900
.bouton_plante:hover {
901
.bouton_plante:hover {
901
	background : url("http://www.obs-saisons.fr/images/boutonplante-hover.jpg") no-repeat;
902
	background : url("http://www.obs-saisons.fr/images/boutonplante-hover.jpg") no-repeat;
902
	cursor:pointer;
903
	cursor:pointer;
Line 903... Line 904...
903
} 
904
}
904
 
905
 
905
.bouton_animaux {
906
.bouton_animaux {
906
background : url("http://www.obs-saisons.fr/images/boutonanimaux.jpg") no-repeat;
907
background : url("http://www.obs-saisons.fr/images/boutonanimaux.jpg") no-repeat;
Line 910... Line 911...
910
}
911
}
Line 911... Line 912...
911
 
912
 
912
.bouton_animaux:hover {
913
.bouton_animaux:hover {
913
	background : url("http://www.obs-saisons.fr/images/boutonanimaux-hover.jpg") no-repeat;
914
	background : url("http://www.obs-saisons.fr/images/boutonanimaux-hover.jpg") no-repeat;
914
	cursor:pointer;
915
	cursor:pointer;
Line 915... Line 916...
915
} 
916
}
916
 
917
 
917
/* Now we add the backgrounds for the main content shading */
918
/* Now we add the backgrounds for the main content shading */
918
#wrapper #container #center #squeeze {
919
#wrapper #container #center #squeeze {
Line 965... Line 966...
965
	background-color: #FFFFFF;
966
	background-color: #FFFFFF;
966
	width: 955px;
967
	width: 955px;
967
}
968
}
Line 968... Line 969...
968
 
969
 
969
.printemps {
970
.printemps {
970
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
971
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;
Line 971... Line 972...
971
}
972
}
972
 
973
 
973
.ete {
974
.ete {
Line 974... Line 975...
974
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
975
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;
975
}
976
}
976
 
977
 
Line 977... Line 978...
977
.automne {
978
.automne {
978
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
979
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;
979
}
980
}
Line 980... Line 981...
980
 
981
 
981
.hiver {
982
.hiver {
982
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
983
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;
Line 1053... Line 1054...
1053
  position: relative;
1054
  position: relative;
1054
  z-index: 4;
1055
  z-index: 4;
1055
  height: 25px;
1056
  height: 25px;
1056
}
1057
}
Line 1057... Line 1058...
1057
 
1058
 
1058
ul.primary-links li {	
1059
ul.primary-links li {
1059
  padding: 0;
1060
  padding: 0;
1060
  height: 25px;
1061
  height: 25px;
1061
  margin-left: 2px;
1062
  margin-left: 2px;
1062
  float: left; /* LTR */
1063
  float: left; /* LTR */
1063
  background-image: none;
1064
  background-image: none;
1064
  -moz-border-radius-topright: 1em; 
1065
  -moz-border-radius-topright: 1em;
1065
  -moz-border-radius-topleft: 1em;
1066
  -moz-border-radius-topleft: 1em;
1066
  border-top-right-radius: 1em; 
1067
  border-top-right-radius: 1em;
1067
  border-top-left-radius: 1em;
1068
  border-top-left-radius: 1em;
Line 1068... Line 1069...
1068
}
1069
}
1069
 
1070
 
1070
ul.primary-links li.lien_primaire {
1071
ul.primary-links li.lien_primaire {
1071
	margin-left: 3px;
1072
	margin-left: 3px;
1072
	margin-top: 0px;
1073
	margin-top: 0px;
1073
	margin-bottom: 0px;
1074
	margin-bottom: 0px;
1074
	margin-right: 0px;
1075
	margin-right: 0px;
1075
	-moz-box-shadow: 3px 0px 0 #aaa;  
1076
	-moz-box-shadow: 3px 0px 0 #aaa;
1076
	-webkit-box-shadow: 3px 0px 0 #aaa;  
1077
	-webkit-box-shadow: 3px 0px 0 #aaa;
1077
	box-shadow: 3px 0px 0 #aaa;  
1078
	box-shadow: 3px 0px 0 #aaa;
Line 1078... Line 1079...
1078
}
1079
}
1079
                
1080
 
1080
 
1081
 
1081
li#lien_primaire_1 {
1082
li#lien_primaire_1 {
Line 1082... Line 1083...
1082
	width: 20px;
1083
	width: 20px;
1083
	background-color : #6C9ED8;	
1084
	background-color : #6C9ED8;
1084
}
1085
}
1085
 
1086
 
1086
li#lien_primaire_1 a img {
1087
li#lien_primaire_1 a img {
1087
	padding-top: 2px;
1088
	padding-top: 2px;
1088
}
1089
}
Line 1089... Line 1090...
1089
	
1090
 
1090
li#lien_primaire_2 {
1091
li#lien_primaire_2 {
1091
	background-color : #BF3600;	
1092
	background-color : #BF3600;
Line 1092... Line 1093...
1092
}
1093
}
1093
 
1094
 
1094
li#lien_primaire_3 {
1095
li#lien_primaire_3 {
Line 1095... Line 1096...
1095
	background-color : #9AC343;	
1096
	background-color : #9AC343;
1096
}
1097
}
1097
 
1098
 
Line 1098... Line 1099...
1098
li#lien_primaire_4 {
1099
li#lien_primaire_4 {
1099
	background-color : #EF7B1D;	
1100
	background-color : #EF7B1D;
1100
}
1101
}
Line 1505... Line 1506...
1505
.profile dd {
1506
.profile dd {
1506
  margin-bottom: 1.6em;
1507
  margin-bottom: 1.6em;
1507
}
1508
}
Line 1508... Line 1509...
1508
 
1509
 
1509
form fieldset {
1510
form fieldset {
1510
	margin-top: 35px;	
1511
	margin-top: 35px;
Line 1511... Line 1512...
1511
}
1512
}
1512
 
1513
 
1513
/**
1514
/**
Line 1676... Line 1677...
1676
	width: 230px;
1677
	width: 230px;
1677
}
1678
}
Line 1678... Line 1679...
1678
 
1679
 
1679
/**
1680
/**
1680
 * Style des onglets de la page des actus par années
1681
 * Style des onglets de la page des actus par années
Line 1681... Line 1682...
1681
 */ 
1682
 */
1682
 
1683
 
1683
.lien_filtre_actu {
1684
.lien_filtre_actu {
1684
	font-size: 1.2em;
1685
	font-size: 1.2em;