Subversion Repositories Sites.tela-botanica.org

Rev

Rev 1038 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1038 Rev 1053
Line -... Line 1...
-
 
1
@charset "UTF-8";
1
/* STYLE COMMUN */ /* Définition des polices exotiques */
2
/* STYLE COMMUN */ /* Définition des polices exotiques */
2
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
3
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
3
  Pour windows, elle est remplacée par la police Helveticaneue2 */
4
  Pour windows, elle est remplacée par la police Helveticaneue2 */
4
@font-face {
5
@font-face {
5
	font-family:Helveticaneue;
6
	font-family:Helveticaneue;
6
	src:url('/commun/polices/helvetica_light.ttf');
7
	src:url('/commun/polices/helvetica_light.ttf');
7
}
8
}
8
@font-face {
9
@font-face {
9
	font-family:Helveticaneue2;
10
	font-family:Helveticaneue2;
10
	src:url('/commun/polices/helvetica_light.eot');
11
	src:url('/commun/polices/helvetica_light.eot');
11
}
12
}
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
13
/*+-----------------------------------------------------------------------------------------------------------------+*/
13
/* Redéfinition des styles par défaut des balises */
14
/* Redéfinition des styles par défaut des balises */
14
body {
15
body {
15
	margin:0;
16
	margin:0;
16
	padding:0;
17
	padding:0;
17
	font-family:arial;
18
	font-family:arial;
18
	font-weight:normal;
19
	font-weight:normal;
Line 74... Line 75...
74
}
75
}
75
hr {
76
hr {
76
	border:0;
77
	border:0;
77
	border-bottom:1px dotted #C2C0AD;
78
	border-bottom:1px dotted #C2C0AD;
78
}
79
}
79
/* Pr�sentation des listes de définitions */
80
/* Présentation des listes de définitions */
80
dl {
81
dl {
81
	width:100%;
82
	width:100%;
82
}
83
}
83
dt {
84
dt {
84
	float:left;
85
	float:left;
Line 105... Line 106...
105
}
106
}
106
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
107
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
107
a.lien-ext:after {
108
a.lien-ext:after {
108
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
109
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
109
}
110
}
110
/* Les liens externes doivent être précédés d'une icone */
-
 
111
a[href^="http://www."][target]:before{
-
 
112
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
-
 
113
}
-
 
114
/* Les liens internes ne doivent pas être précédés d'une icone */
-
 
115
a[href^="http://www.tela-botanica.org"][target]:before{
-
 
116
	content:" ";
-
 
117
}
-
 
118
/* Gestion des fichiers PDF */
111
/* Gestion des fichiers PDF */
119
a[href$=".pdf"]:before , a.pdf:before {
112
a[href$=".pdf"]:before , a.pdf:before {
120
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
113
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
121
}
114
}
122
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */
115
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
123
	content:" "url(/sites/commun/generique/images/icones/mail.png);
116
	content:" "url(/sites/commun/generique/images/icones/mail.png);
124
}
117
}
125
/*+-----------------------------------------------------------------------------------------------------------------+*/
118
/*+-----------------------------------------------------------------------------------------------------------------+*/
126
/* Classes & couleurs */
119
/* Classes & couleurs */
127
.rejoindre {
120
.rejoindre {
Line 326... Line 319...
326
}
319
}
327
#zone_contenu_corps h1, #contenu h1 {
320
#zone_contenu_corps h1, #contenu h1 {
328
	background:url(../images/troisCarre.png) no-repeat 0 5px;
321
	background:url(../images/troisCarre.png) no-repeat 0 5px;
329
}
322
}
330
/*+-----------------------------------------------------------------------------------------------------------------+*/
323
/*+-----------------------------------------------------------------------------------------------------------------+*/
331
/* Tableau :encadré */
324
/* Tableau :encadré */
332
/* Ancien table_cadre */
325
/* Ancien table_cadre */
333
table {
326
table {
334
	border:1px solid #9ac342;
327
	border:1px solid #9ac342;
335
	border-collapse:collapse;
328
	border-collapse:collapse;
336
}
329
}
Line 365... Line 358...
365
}
358
}
366
.alterner-pair tr:nth-child(odd) {
359
.alterner-pair tr:nth-child(odd) {
367
	background-color: #CFCFCF ;
360
	background-color: #CFCFCF ;
368
}
361
}
369
/*+-----------------------------------------------------------------------------------------------------------------+*/
362
/*+-----------------------------------------------------------------------------------------------------------------+*/
370
/* Défintion des styles de l'applette syndication */
363
/* Défintion des styles de l'applette syndication */
371
.contenu_RSS h3 {
364
.contenu_RSS h3 {
372
	margin:0;
365
	margin:0;
373
}
366
}
374
.contenu_RSS h4 {
367
.contenu_RSS h4 {
375
	font-size:11px;
368
	font-size:11px;
Line 390... Line 383...
390
	font-family:arial;
383
	font-family:arial;
391
	font-size:11px;
384
	font-size:11px;
392
	font-weight:bold;
385
	font-weight:bold;
393
}
386
}
394
/*+-----------------------------------------------------------------------------------------------------------------+*/
387
/*+-----------------------------------------------------------------------------------------------------------------+*/
395
/* Menu supérieur */
388
/* Menu supérieur */
396
/* TODO :mettre les petits carrés à la bonne place */
389
/* TODO :mettre les petits carrés à la bonne place */
397
#zone-menu-haut {
390
#zone-menu-haut {
398
	position:absolute;
391
	position:absolute;
399
	top:0;
392
	top:0;
400
	width:880px;
393
	width:880px;
401
	height:12px;
394
	height:12px;
Line 414... Line 407...
414
	float:left;
407
	float:left;
415
}
408
}
416
#zone-visiteur li {
409
#zone-visiteur li {
417
	text-align:left;
410
	text-align:left;
418
	display:block;
411
	display:block;
419
	width:130px;
412
	width:85px;
420
	padding-left:10px;
413
	padding-left:10px;
421
	background:url(../images/petitCarre.jpg) no-repeat left center;
414
	background:url(../images/petitCarre.jpg) no-repeat left center;
422
}
415
}
423
#zone-acces-rapide {
416
#zone-acces-rapide {
424
	float:right;
417
	float:right;
425
}
418
}
426
#zone-menu-haut #seconnecter {
419
#zone-menu-haut #seconnecter {
427
	margin:0;
420
	margin:0;
428
	padding-left:10px;
421
	padding-left:10px;
429
}
422
}
-
 
423
 
-
 
424
#zone-visiteur li.mini_lien_profil {
-
 
425
	width:200px;
-
 
426
	margin-left:5px;
-
 
427
}
-
 
428
 
430
#zone-menu-haut #don {
429
#zone-menu-haut #don {
431
	width:110px;
430
	width:110px;
432
	margin:0;
431
	margin:0;
433
}
432
}
434
#zone-menu-haut #lettre {
433
#zone-menu-haut #lettre {
Line 507... Line 506...
507
  font-size:12px;
506
  font-size:12px;
508
  color:white;
507
  color:white;
509
  content:" "attr(title)" ";
508
  content:" "attr(title)" ";
510
}
509
}
Line 511... Line 510...
511
 
510
 
512
/* Sous-titre du réseau */
511
/* Sous-titre du réseau */
513
.zone-haut h2 {
512
.zone-haut h2 {
514
	position:absolute;
513
	position:absolute;
515
	top:135px;
514
	top:135px;
516
	margin:0 0 0 90px;
515
	margin:0 0 0 90px;
517
	font-size:16px;
516
	font-size:16px;
518
	font-family:arial;
517
	font-family:arial;
519
	text-transform:none;
518
	text-transform:none;
520
	color:white;
519
	color:white;
Line 521... Line 520...
521
}
520
}
522
 
521
 
523
/* Mots-clés des univers */
522
/* Mots-clés des univers */
524
.motsclefs {
523
.motsclefs {
525
	position:absolute;
524
	position:absolute;
526
	font-family:Helveticaneue;
525
	font-family:Helveticaneue;
Line 606... Line 605...
606
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
605
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
607
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
606
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
608
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
607
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
609
}
608
}
610
/*+-----------------------------------------------------------------------------------------------------------------+*/
609
/*+-----------------------------------------------------------------------------------------------------------------+*/
611
/* Couleurs des différents menus */
610
/* Couleurs des différents menus */
612
#menuAccueil {
611
#menuAccueil {
613
	background:#fd8c13;
612
	background:#fd8c13;
614
}
613
}
615
#menuBotanique {
614
#menuBotanique {
616
	background:#9ac243;
615
	background:#9ac243;
Line 683... Line 682...
683
	color:#FD8C13;
682
	color:#FD8C13;
684
}
683
}
685
/*+-----------------------------------------------------------------------------------------------------------------+*/
684
/*+-----------------------------------------------------------------------------------------------------------------+*/
686
#cheminDeFer {
685
#cheminDeFer {
687
	width:500px;
686
	width:500px;
688
	margin-left:34px;
-
 
689
	margin-top:12px;
687
	margin-top:12px;
690
	margin-bottom:10px;
688
	margin-bottom:10px;
691
}
689
}
692
/*+-----------------------------------------------------------------------------------------------------------------+*/
690
/*+-----------------------------------------------------------------------------------------------------------------+*/
693
/** Zone menu connexion **/
691
/** Zone menu connexion **/
Line 757... Line 755...
757
}
755
}
758
#zone-menu-connexion #colonneDroite {
756
#zone-menu-connexion #colonneDroite {
759
	padding:15px 0;
757
	padding:15px 0;
760
}
758
}
Line -... Line 759...
-
 
759
 
-
 
760
#zone-menu-connexion .erreur_connexion input { 
-
 
761
	border: 1px solid red; 
-
 
762
} 
-
 
763
 
-
 
764
#zone-menu-connexion .erreur_connexion .erreur {
-
 
765
	color:red;width: 50%;
-
 
766
}
761
 
767
 
762
/*+-----------------------------------------------------------------------------------------------------------------+*/
768
/*+-----------------------------------------------------------------------------------------------------------------+*/
763
/** Menu contribution **/
769
/** Menu contribution **/
764
#selecteur_liens_rapides {
770
#selecteur_liens_rapides {
765
  width:135px;
771
  width:135px;
Line 769... Line 775...
769
  font-family: arial;
775
  font-family: arial;
770
  font-size: 11px;
776
  font-size: 11px;
771
}
777
}
Line 772... Line 778...
772
 
778
 
773
/*+-----------------------------------------------------------------------------------------------------------------+*/
779
/*+-----------------------------------------------------------------------------------------------------------------+*/
774
/** Menu latéral :Zone gauche **/
780
/** Menu latéral :Zone gauche **/
775
#zone-gauche {
781
#zone-gauche {
776
	width:170px;
782
	width:170px;
777
	float:left;
783
	float:left;
778
	margin-left:0;
784
	margin-left:0;
Line 912... Line 918...
912
}
918
}
913
#cartographieVolante #masquerLaCarte {
919
#cartographieVolante #masquerLaCarte {
914
	float:right;
920
	float:right;
915
}
921
}
916
/*+-----------------------------------------------------------------------------------------------------------------+*/
922
/*+-----------------------------------------------------------------------------------------------------------------+*/
-
 
923
/* Pages intérieures */
-
 
924
 
-
 
925
.chapeau {
-
 
926
	color: #6C6865;
-
 
927
	font-size: 13px;
-
 
928
	font-weight: bold;
-
 
929
	font-style: italic;
-
 
930
	line-height: 18px;
-
 
931
}
-
 
932
/*+-----------------------------------------------------------------------------------------------------------------+*/
917
/* Bandeau Projets */
933
/* Bandeau Projets */
918
#bandeauProjets{
934
#bandeauProjets{
919
	width:845px;
935
	width:845px;
920
	margin:20px 0 20px 0;
936
	margin:20px 0 20px 0;
921
	border:dotted 1px #fd8c13;
937
	border:dotted 1px #fd8c13;
Line 1076... Line 1092...
1076
}
1092
}
1077
#coordonees a:hover, #coordonees a:focus {
1093
#coordonees a:hover, #coordonees a:focus {
1078
	color:#fd8c13;
1094
	color:#fd8c13;
1079
}
1095
}
Line 1080... Line -...
1080
 
-
 
1081
/* 
-
 
1082
 Style pour les lien pliage/depliage automatique
-
 
1083
/*	*/
1096
 
1084
.lien_pliage {
1097
.lien_pliage {
1085
	padding-left:20px;
1098
	padding-left:20px;
1086
	cursor: pointer;
1099
	cursor: pointer;