WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/carto/squelettes/css/carto.css


@charset "UTF-8";
 
html, body {
	margin:0;
	padding:0;
	height: 100%;
	font-family:Arial;
	font-size:12px;
}
h1 {
	font-size:1.6em;
}
h2 {
	font-size:1.4em;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte */
#carte {
	width:100%;
	height:100%;
}
.bouton {
	background-color:white;
	border:2px solid black;
	cursor:pointer;
	text-align:center;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Message de chargement */
#chargement {
	display:none;
}
#chargement-copie img{
	display:block;
	margin:auto;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte titre */
#carte-titre {
	margin:0;
	padding:0.2em;
	background-color:rgba(29,30,32,0.8);
	color:#CCCCCC;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Panneau latéral */
#panneau-lateral {
	z-index:10;
	width:300px;
	height:100%;
	padding:0;
	display:none;
	background-color:rgba(29,30,32,0.8);
	border-right:1px solid grey;
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
}
#pl-entete {
	height:5%;
}
#pl-corps {
	position:relative;
	top:12px;
	height:80%;
	overflow:auto;
	padding:5px;
	width:290px;
}
#pl-ouverture, #pl-fermeture {
	z-index:11;
	position:relative;
	top:0;
	background-color:#FFF;
	text-align:center;
	cursor:pointer;
	height:16px;
	width:16px;
}
#pl-ouverture {
	background:url(../images/ouverture.png) no-repeat top left;
	background-color:rgba(29,30,32,0.8);
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
	height:100%;
}
#pl-fermeture {
	float:right;
	height:6%;
	background:url(../images/fermeture.png) no-repeat top right;
}
#pl-ouverture span, #pl-fermeture span{
	display:none;
}
/* Panneau latéral : balises */
#panneau-lateral h2, #panneau-lateral p {
	color:#CCCCCC;}
/* Panneau latéral : Liens */
#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {
	border-bottom:1px solid #333333;
	color:#CCCCCC;
	text-decoration:none;
}
#panneau-lateral a:active {
	outline:none;
}
#panneau-lateral a:focus {
	outline:thin dotted;
}
#panneau-lateral a:hover {
	color:#56B80E;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liste des taxons de la carte */
#taxons {
	color:#999;
}
#taxons .taxon-actif, #taxons .taxon-actif a {
	color:#56B80E;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Pop-up observations */
#observations {
	margin:23px 0 0 0;
	padding:5px;
	border:1px solid black;
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
	border-top:none !important;
	overflow:none;
}
#observations ol {
	padding-left:20px;
}
.champ_nom_latin {
	display:none;
}
#obs-msg-info {
	font-size:10px;
	color:#CCC;
}
#observations a, #observations a:active, #observations a:visited {
	border-bottom:1px solid #333333;
	color:rgba(29,30,32,0.8);
	text-decoration:none;
}
#observations a:active {
	outline:none;
}
#observations a:focus {
	outline:thin dotted;
}
#observations a:hover {
	color:#56B80E;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Onglets */
.onglets {
	position:relative;
	float:left;
	height:22px;
	padding:0;
	margin:0;
	border-bottom:1px solid black;
	width:100%;
}
.onglets ul {
	margin:0;
	padding:0;
	list-style:none;
}
.onglets li {
	float:left;
	text-transform:uppercase;
	text-align:center;
}
.onglets .onglet {
	display:block;
	padding:5px 15px 4px 15px;
	margin:0;
	font-size:12px;
	line-height:12px;
	border:1px solid black;
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
	text-decoration:none;
}
.onglets .actif .onglet {
	border-bottom:1px solid white;
	color:black;
	background-color:white;
	font-weight:bold;
}
.onglets .inactif .onglet {
	border-bottom:1px solid #000000;
	color:white;
	background-color:gray;/*rgba(29,30,32,0.8);*/
}
.onglets .inactif .onglet:hover {
	color:black;
	background-color:Gainsboro;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Présentation des listes de définitions */
dl {
	width:100%;
}
dt {
	float:left;
	font-weight:bold;
	text-align:top left;
	margin-right:0.3em;
}
dt:after {
	content:" :";
}
dd {
	width:auto;
	margin:0.5em 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau : */
table {
	border:1px solid gray;
	border-collapse:collapse;
}
table thead, table tfoot, table tbody {
	background-color:Gainsboro;
	border:1px solid gray;
}
table tbody {
	background-color:#FFF;
}
table th {
	font-family:monospace;
	border:1px dotted gray;
	padding:5px;
	background-color:Gainsboro;
}
table td {
	font-family:arial;
	border:1px dotted gray;
	padding:5px;
	text-align:left;
}
table caption {
	font-family:sans-serif;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau : tablesorter */
th.header {
	background:url(../images/trie.png) no-repeat center right;    
	padding-right:20px;
}
th.headerSortUp { 
	background:url(../images/trie_croissant.png) no-repeat center right #3399FF;
}
th.headerSortDown { 
    background:url(../images/trie_decroissant.png) no-repeat center right #3399FF; 
}

Rev 492	Rev 494
1	`@charset "UTF-8";`	1	`@charset "UTF-8";`
2		2
3	`html, body {`	3	`html, body {`
4	`margin:0;`	4	`margin:0;`
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 {`	10	`h1 {`
11	`font-size:1.6em;`	11	`font-size:1.6em;`
12	`}`	12	`}`
13	`h2 {`	13	`h2 {`
14	`font-size:1.4em;`	14	`font-size:1.4em;`
15	`}`	15	`}`
16	`/+-----------------------------------------------------------------------------------------------------------------+/`	16	`/+-----------------------------------------------------------------------------------------------------------------+/`
17	`/* Carte */`	17	`/* Carte */`
18	`#carte {`	18	`#carte {`
19	`width:100%;`	19	`width:100%;`
20	`height:100%;`	20	`height:100%;`
21	`}`	21	`}`
22	`.bouton {`	22	`.bouton {`
23	`background-color:white;`	23	`background-color:white;`
24	`border:2px solid black;`	24	`border:2px solid black;`
25	`cursor:pointer;`	25	`cursor:pointer;`
26	`text-align:center;`	26	`text-align:center;`
27	`}`	27	`}`
28	`/+-----------------------------------------------------------------------------------------------------------------+/`	28	`/+-----------------------------------------------------------------------------------------------------------------+/`
29	`/* Message de chargement */`	29	`/* Message de chargement */`
30	`#chargement {`	30	`#chargement {`
31	`display:none;`	31	`display:none;`
32	`}`	32	`}`
33	`#chargement-copie img{`	33	`#chargement-copie img{`
34	`display:block;`	34	`display:block;`
35	`margin:auto;`	35	`margin:auto;`
36	`}`	36	`}`
37	`/+-----------------------------------------------------------------------------------------------------------------+/`	37	`/+-----------------------------------------------------------------------------------------------------------------+/`
38	`/* Carte titre */`	38	`/* Carte titre */`
39	`#carte-titre {`	39	`#carte-titre {`
40	`margin:0;`	40	`margin:0;`
41	`padding:0.2em;`	41	`padding:0.2em;`
42	`background-color:rgba(29,30,32,0.8);`	42	`background-color:rgba(29,30,32,0.8);`
43	`color:#CCCCCC;`	43	`color:#CCCCCC;`
44	`}`	44	`}`
45	`/+-----------------------------------------------------------------------------------------------------------------+/`	45	`/+-----------------------------------------------------------------------------------------------------------------+/`
46	`/* Panneau latéral */`	46	`/* Panneau latéral */`
47	`#panneau-lateral {`	47	`#panneau-lateral {`
48	`z-index:10;`	48	`z-index:10;`
49	`width:300px;`	49	`width:300px;`
50	`height:100%;`	50	`height:100%;`
51	`padding:0;`	51	`padding:0;`
52	`display:none;`	52	`display:none;`
53	`background-color:rgba(29,30,32,0.8);`	53	`background-color:rgba(29,30,32,0.8);`
54	`border-right:1px solid grey;`	54	`border-right:1px solid grey;`
55	`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;`
56	`}`	56	`}`
57	`#pl-entete {`	57	`#pl-entete {`
58	`height:5%;`	58	`height:5%;`
59	`}`	59	`}`
60	`#pl-corps {`	60	`#pl-corps {`
61	`position:relative;`	61	`position:relative;`
62	`top:12px;`	62	`top:12px;`
63	`height:80%;`	63	`height:80%;`
64	`overflow:auto;`	64	`overflow:auto;`
65	`padding:5px;`	65	`padding:5px;`
66	`width:290px;`	66	`width:290px;`
67	`}`	67	`}`
68	`#pl-ouverture, #pl-fermeture {`	68	`#pl-ouverture, #pl-fermeture {`
69	`z-index:11;`	69	`z-index:11;`
70	`position:relative;`	70	`position:relative;`
71	`top:0;`	71	`top:0;`
72	`background-color:#FFF;`	72	`background-color:#FFF;`
73	`text-align:center;`	73	`text-align:center;`
74	`cursor:pointer;`	74	`cursor:pointer;`
75	`height:16px;`	75	`height:16px;`
76	`width:16px;`	76	`width:16px;`
77	`}`	77	`}`
78	`#pl-ouverture {`	78	`#pl-ouverture {`
79	`background:url(../images/ouverture.png) no-repeat top left;`	79	`background:url(../images/ouverture.png) no-repeat top left;`
80	`background-color:rgba(29,30,32,0.8);`	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;`	81	`box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;`
82	`height:100%;`	82	`height:100%;`
83	`}`	83	`}`
84	`#pl-fermeture {`	84	`#pl-fermeture {`
85	`float:right;`	85	`float:right;`
86	`height:6%;`	86	`height:6%;`
87	`background:url(../images/fermeture.png) no-repeat top right;`	87	`background:url(../images/fermeture.png) no-repeat top right;`
88	`}`	88	`}`
89	`#pl-ouverture span, #pl-fermeture span{`	89	`#pl-ouverture span, #pl-fermeture span{`
90	`display:none;`	90	`display:none;`
91	`}`	91	`}`
92	`/* Panneau latéral : balises */`	92	`/* Panneau latéral : balises */`
93	`#panneau-lateral h2, #panneau-lateral p {`	93	`#panneau-lateral h2, #panneau-lateral p {`
94	`color:#CCCCCC;}`	94	`color:#CCCCCC;}`
95	`/* Panneau latéral : Liens */`	95	`/* Panneau latéral : Liens */`
96	`#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {`	96	`#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {`
97	`border-bottom:1px solid #333333;`	97	`border-bottom:1px solid #333333;`
98	`color:#CCCCCC;`	98	`color:#CCCCCC;`
99	`text-decoration:none;`	99	`text-decoration:none;`
100	`}`	100	`}`
101	`#panneau-lateral a:active {`	101	`#panneau-lateral a:active {`
102	`outline:none;`	102	`outline:none;`
103	`}`	103	`}`
104	`#panneau-lateral a:focus {`	104	`#panneau-lateral a:focus {`
105	`outline:thin dotted;`	105	`outline:thin dotted;`
106	`}`	106	`}`
107	`#panneau-lateral a:hover {`	107	`#panneau-lateral a:hover {`
108	`color:#56B80E;`	108	`color:#56B80E;`
109	`}`	109	`}`
110	`/+-----------------------------------------------------------------------------------------------------------------+/`	110	`/+-----------------------------------------------------------------------------------------------------------------+/`
111	`/* Liste des taxons de la carte */`	111	`/* Liste des taxons de la carte */`
112	`#taxons {`	112	`#taxons {`
113	`color:#999;`	113	`color:#999;`
114	`}`	114	`}`
115	`#taxons .taxon-actif, #taxons .taxon-actif a {`	115	`#taxons .taxon-actif, #taxons .taxon-actif a {`
116	`color:#56B80E;}`	116	`color:#56B80E;}`
117	`/+-----------------------------------------------------------------------------------------------------------------+/`	117	`/+-----------------------------------------------------------------------------------------------------------------+/`
118	`/* Pop-up observations */`	118	`/* Pop-up observations */`
119	`#observations {`	119	`#observations {`
120	`margin:23px 0 0 0;`	120	`margin:23px 0 0 0;`
121	`padding:5px;`	121	`padding:5px;`
122	`border:1px solid black;`	122	`border:1px solid black;`
123	`border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;`	123	`border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;`
124	`border-top:none !important;`	124	`border-top:none !important;`
125	`overflow:none;`	125	`overflow:none;`
126	`}`	126	`}`
127	`#observations ol {`	127	`#observations ol {`
128	`padding-left:20px;`	128	`padding-left:20px;`
129	`}`	129	`}`
130	`.champ_nom_latin {`	130	`.champ_nom_latin {`
131	`display:none;`	131	`display:none;`
132	`}`	132	`}`
133	`#obs-msg-info {`	133	`#obs-msg-info {`
134	`font-size:10px;`	134	`font-size:10px;`
135	`color:#CCC;`	135	`color:#CCC;`
136	`}`	136	`}`
-		137	`#observations a, #observations a:active, #observations a:visited {`
-		138	`border-bottom:1px solid #333333;`
-		139	`color:rgba(29,30,32,0.8);`
-		140	`text-decoration:none;`
-		141	`}`
-		142	`#observations a:active {`
-		143	`outline:none;`
-		144	`}`
-		145	`#observations a:focus {`
-		146	`outline:thin dotted;`
-		147	`}`
-		148	`#observations a:hover {`
-		149	`color:#56B80E;`
-		150	`}`
137	`/+-----------------------------------------------------------------------------------------------------------------+/`	151	`/+-----------------------------------------------------------------------------------------------------------------+/`
138	`/* Onglets */`	152	`/* Onglets */`
139	`.onglets {`	153	`.onglets {`
140	`position:relative;`	154	`position:relative;`
141	`float:left;`	155	`float:left;`
142	`height:22px;`	156	`height:22px;`
143	`padding:0;`	157	`padding:0;`
144	`margin:0;`	158	`margin:0;`
145	`border-bottom:1px solid black;`	159	`border-bottom:1px solid black;`
146	`width:100%;`	160	`width:100%;`
147	`}`	161	`}`
148	`.onglets ul {`	162	`.onglets ul {`
149	`margin:0;`	163	`margin:0;`
150	`padding:0;`	164	`padding:0;`
151	`list-style:none;`	165	`list-style:none;`
152	`}`	166	`}`
153	`.onglets li {`	167	`.onglets li {`
154	`float:left;`	168	`float:left;`
155	`text-transform:uppercase;`	169	`text-transform:uppercase;`
156	`text-align:center;`	170	`text-align:center;`
157	`}`	171	`}`
158	`.onglets .onglet {`	172	`.onglets .onglet {`
159	`display:block;`	173	`display:block;`
160	`padding:5px 15px 4px 15px;`	174	`padding:5px 15px 4px 15px;`
161	`margin:0;`	175	`margin:0;`
162	`font-size:12px;`	176	`font-size:12px;`
163	`line-height:12px;`	177	`line-height:12px;`
164	`border:1px solid black;`	178	`border:1px solid black;`
165	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`	179	`border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;`
166	`text-decoration:none;`	180	`text-decoration:none;`
167	`}`	181	`}`
168	`.onglets .actif .onglet {`	182	`.onglets .actif .onglet {`
169	`border-bottom:1px solid white;`	183	`border-bottom:1px solid white;`
170	`color:black;`	184	`color:black;`
171	`background-color:white;`	185	`background-color:white;`
172	`font-weight:bold;`	186	`font-weight:bold;`
173	`}`	187	`}`
174	`.onglets .inactif .onglet {`	188	`.onglets .inactif .onglet {`
175	`border-bottom:1px solid #000000;`	189	`border-bottom:1px solid #000000;`
176	`color:white;`	190	`color:white;`
177	`background-color:gray;`	191	`background-color:gray;/rgba(29,30,32,0.8);/`
178	`}`	192	`}`
179	`.onglets .inactif .onglet:hover {`	193	`.onglets .inactif .onglet:hover {`
180	`color:black;`	194	`color:black;`
181	`background-color:Gainsboro;`	195	`background-color:Gainsboro;`
182	`}`	196	`}`
183	`/+-----------------------------------------------------------------------------------------------------------------+/`	197	`/+-----------------------------------------------------------------------------------------------------------------+/`
184	`/* Présentation des listes de définitions */`	198	`/* Présentation des listes de définitions */`
185	`dl {`	199	`dl {`
186	`width:100%;`	200	`width:100%;`
187	`}`	201	`}`
188	`dt {`	202	`dt {`
189	`float:left;`	203	`float:left;`
190	`font-weight:bold;`	204	`font-weight:bold;`
191	`text-align:top left;`	205	`text-align:top left;`
192	`margin-right:0.3em;`	206	`margin-right:0.3em;`
193	`}`	207	`}`
194	`dt:after {`	208	`dt:after {`
195	`content:" :";`	209	`content:" :";`
196	`}`	210	`}`
197	`dd {`	211	`dd {`
198	`width:auto;`	212	`width:auto;`
199	`margin:0.5em 0;`	213	`margin:0.5em 0;`
200	`}`	214	`}`
201	`/+-----------------------------------------------------------------------------------------------------------------+/`	215	`/+-----------------------------------------------------------------------------------------------------------------+/`
202	`/* Tableau : */`	216	`/* Tableau : */`
203	`table {`	217	`table {`
204	`border:1px solid gray;`	218	`border:1px solid gray;`
205	`border-collapse:collapse;`	219	`border-collapse:collapse;`
206	`}`	220	`}`
207	`table thead, table tfoot, table tbody {`	221	`table thead, table tfoot, table tbody {`
208	`background-color:Gainsboro;`	222	`background-color:Gainsboro;`
209	`border:1px solid gray;`	223	`border:1px solid gray;`
210	`}`	224	`}`
211	`table tbody {`	225	`table tbody {`
212	`background-color:#FFF;`	226	`background-color:#FFF;`
213	`}`	227	`}`
214	`table th {`	228	`table th {`
215	`font-family:monospace;`	229	`font-family:monospace;`
216	`border:1px dotted gray;`	230	`border:1px dotted gray;`
217	`padding:5px;`	231	`padding:5px;`
218	`background-color:Gainsboro;`	232	`background-color:Gainsboro;`
219	`}`	233	`}`
220	`table td {`	234	`table td {`
221	`font-family:arial;`	235	`font-family:arial;`
222	`border:1px dotted gray;`	236	`border:1px dotted gray;`
223	`padding:5px;`	237	`padding:5px;`
224	`text-align:left;`	238	`text-align:left;`
225	`}`	239	`}`
226	`table caption {`	240	`table caption {`
227	`font-family:sans-serif;`	241	`font-family:sans-serif;`
228	`}`	242	`}`
229	`/+-----------------------------------------------------------------------------------------------------------------+/`	243	`/+-----------------------------------------------------------------------------------------------------------------+/`
230	`/* Tableau : tablesorter */`	244	`/* Tableau : tablesorter */`
231	`th.header {`	245	`th.header {`
232	`background:url(../images/trie.png) no-repeat center right;`	246	`background:url(../images/trie.png) no-repeat center right;`
233	`padding-right:20px;`	247	`padding-right:20px;`
234	`}`	248	`}`
235	`th.headerSortUp {`	249	`th.headerSortUp {`
236	`background:url(../images/trie_croissant.png) no-repeat center right #3399FF;`	250	`background:url(../images/trie_croissant.png) no-repeat center right #3399FF;`
237	`}`	251	`}`
238	`th.headerSortDown {`	252	`th.headerSortDown {`
239	`background:url(../images/trie_decroissant.png) no-repeat center right #3399FF;`	253	`background:url(../images/trie_decroissant.png) no-repeat center right #3399FF;`
240	`}`	254	`}`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/carto/squelettes/css/carto.css @ 2081 – Rev 492 → 494