Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 489 Rev 492
Line 5... Line 5...
5
	padding:0;
5
	padding:0;
6
	height: 100%;
6
	height: 100%;
7
	font-family:Arial;
7
	font-family:Arial;
8
	font-size:12px;
8
	font-size:12px;
9
}
9
}
-
 
10
h1 {
-
 
11
	font-size:1.6em;
-
 
12
}
-
 
13
h2 {
-
 
14
	font-size:1.4em;
-
 
15
}
10
/*+-----------------------------------------------------------------------------------------------------------------+*/
16
/*+-----------------------------------------------------------------------------------------------------------------+*/
11
/* Carte */
17
/* Carte */
12
#carte {
18
#carte {
13
	width:100%;
19
	width:100%;
14
	height:100%;
20
	height:100%;
Line 27... Line 33...
27
#chargement-copie img{
33
#chargement-copie img{
28
	display:block;
34
	display:block;
29
	margin:auto;
35
	margin:auto;
30
}
36
}
31
/*+-----------------------------------------------------------------------------------------------------------------+*/
37
/*+-----------------------------------------------------------------------------------------------------------------+*/
-
 
38
/* Carte titre */
-
 
39
#carte-titre {
-
 
40
	margin:0;
-
 
41
	padding:0.2em;
-
 
42
	background-color:rgba(29,30,32,0.8);
-
 
43
	color:#CCCCCC;
-
 
44
}
-
 
45
/*+-----------------------------------------------------------------------------------------------------------------+*/
32
/* Panneau latéral */
46
/* Panneau latéral */
33
#panneau-lateral {
47
#panneau-lateral {
-
 
48
	z-index:10;
34
	width:300px;
49
	width:300px;
35
	height:100%;
50
	height:100%;
36
	padding:0;
51
	padding:0;
37
	display:none;
52
	display:none;
38
	background-color:white;
53
	background-color:rgba(29,30,32,0.8);
39
	border-right:1px solid grey;
54
	border-right:1px solid grey;
40
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
55
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
41
}
56
}
42
#pl-entete {
57
#pl-entete {
43
	text-align:right;
-
 
44
	height:5%;
58
	height:5%;
45
}
59
}
46
#pl-corps {
60
#pl-corps {
47
	position:relative;
61
	position:relative;
48
	top:5%;
62
	top:12px;
49
	height:95%;
63
	height:80%;
50
	overflow:auto;
64
	overflow:auto;
51
	padding:5px;
65
	padding:5px;
52
	width:290px;
66
	width:290px;
53
}
67
}
54
#pl-ouverture, #pl-fermeture {
68
#pl-ouverture, #pl-fermeture {
-
 
69
	z-index:11;
55
	position:relative;
70
	position:relative;
56
	top:0;
71
	top:0;
57
	width:95px;
-
 
58
	background-color:#FFF;
72
	background-color:#FFF;
59
	text-align:center;
73
	text-align:center;
60
	border:1px solid black;
-
 
61
	cursor:pointer;
74
	cursor:pointer;
-
 
75
	height:16px;
-
 
76
	width:16px;
62
}
77
}
63
#pl-ouverture {
78
#pl-ouverture {
-
 
79
	background:url(../images/ouverture.png) no-repeat top left;
-
 
80
	background-color:rgba(29,30,32,0.8);
-
 
81
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
64
	border-left:0;
82
	height:100%;
65
}
83
}
66
#pl-fermeture {
84
#pl-fermeture {
67
	border-right:0;
-
 
68
	float:right;
85
	float:right;
-
 
86
	height:6%;
-
 
87
	background:url(../images/fermeture.png) no-repeat top right;
69
}
88
}
-
 
89
#pl-ouverture span, #pl-fermeture span{
-
 
90
	display:none;
-
 
91
}
-
 
92
/* Panneau latéral : balises */
-
 
93
#panneau-lateral h2, #panneau-lateral p {
-
 
94
	color:#CCCCCC;}
-
 
95
/* Panneau latéral : Liens */
-
 
96
#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {
-
 
97
	border-bottom:1px solid #333333;
-
 
98
	color:#CCCCCC;
-
 
99
	text-decoration:none;
-
 
100
}
-
 
101
#panneau-lateral a:active {
-
 
102
	outline:none;
-
 
103
}
-
 
104
#panneau-lateral a:focus {
-
 
105
	outline:thin dotted;
-
 
106
}
-
 
107
#panneau-lateral a:hover {
-
 
108
	color:#56B80E;
-
 
109
}
-
 
110
/*+-----------------------------------------------------------------------------------------------------------------+*/
-
 
111
/* Liste des taxons de la carte */
-
 
112
#taxons {
-
 
113
	color:#999;
-
 
114
}
-
 
115
#taxons .taxon-actif, #taxons .taxon-actif a {
-
 
116
	color:#56B80E;}
70
/*+-----------------------------------------------------------------------------------------------------------------+*/
117
/*+-----------------------------------------------------------------------------------------------------------------+*/
71
/* Pop-up observations */
118
/* Pop-up observations */
72
#observations {
119
#observations {
73
	margin:23px 0 0 0;
120
	margin:23px 0 0 0;
74
	padding:5px;
121
	padding:5px;
Line 81... Line 128...
81
	padding-left:20px;
128
	padding-left:20px;
82
}
129
}
83
.champ_nom_latin {
130
.champ_nom_latin {
84
	display:none;
131
	display:none;
85
}
132
}
-
 
133
#obs-msg-info {
-
 
134
	font-size:10px;
-
 
135
	color:#CCC;
-
 
136
}
86
/*+-----------------------------------------------------------------------------------------------------------------+*/
137
/*+-----------------------------------------------------------------------------------------------------------------+*/
87
/* Onglets */
138
/* Onglets */
88
.onglets {
139
.onglets {
89
	position:relative;
140
	position:relative;
90
	float:left;
141
	float:left;