WebSVN – eFlore/Applications.coel – Diff – /trunk/src/org/tela_botanica/public/Coel.css


/** Les CSS de l'application COEL */
 
* {
	margin: 0px;
	padding: 0px;}
 
/* #------------------------------------------------------------------------------------------------------#	*/
/* 												CHARGEMENT APPLICATION										*/
/* #------------------------------------------------------------------------------------------------------#	*/
#loading {
	position: absolute;
	left: 45%;
	top: 40%;
	margin-left: -45px;
	padding: 2px;
	z-index: 20001;
	height: auto;
	border: 1px solid #ccc;
	width:400px;}
#loading a {
	color: #225588;}
#loading .loading-indicator {
	background: white;
	color: #444;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
	height: auto;}
#loading .loading-indicator img {
	margin-right:8px;
	float:left;
	vertical-align:top;}
#loading-msg {
	font: normal 10px arial, tahoma, sans-serif;}
/* #------------------------------------------------------------------------------------------------------#	*/
/*												GÉNÉRAL														*/
/* #------------------------------------------------------------------------------------------------------#	*/
.attention {
	font:bold 14px;
	color:red;}
/* #------------------------------------------------------------------------------------------------------#	*/
/*												ENTÊTE 														*/
/* #------------------------------------------------------------------------------------------------------#	*/
#coel-entete {
	color:white;
	height:100px;
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
	border:0pt none;
	padding-left:3px;}
#coel-titre {
	font-family:tahoma, arial, sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0 0 8 6px;}
#coel-identification{
	float:right;
	margin:2 5 0 0px}
/* #------------------------------------------------------------------------------------------------------#	*/
/*												AIDE														*/
/* #------------------------------------------------------------------------------------------------------#	*/
#coel-id-pano-aide{
	font-size: 11px;
	margin:5px;}
/* #------------------------------------------------------------------------------------------------------#	*/
/*												PANNEAU DÉTAIL												*/
/* #------------------------------------------------------------------------------------------------------#	*/
.coel-detail {
	height: 55px;
	background-color: #ddd;
	border-bottom: 1px solid silver;}
.coel-detail h1 {
	font-weight: bold;
	font-size: 12px;
	padding: 5 0 2 5px;}
.coel-detail h2 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 5 0 5px;}
.coel-detail h3 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 5 5 5px;}
.coel-detail-body {
	padding: 12px;}
/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */
dl.hb_affichage_tabulaire {
	width: 61em;}
.hb_affichage_tabulaire dt {
	width: 20em;
	float: left;
	margin: 0;
	padding: .2em;}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt {
	clear: both;}
/* end hack */
.hb_affichage_tabulaire dd {
	float: left;
	z-index:1;
	width: 40em;
	margin: 0;
	padding: .2em;}
h2, .parent, .hb_espace, .hb_ligne {
	clear: both;}
.hb_titre_en_ligne {
	display: inline;
	padding-top: 1em;}
#hb_renseignement_admin{
	max-width:650px;
	float:left;}
#hb_logo {
	float:right;}
dt, label {
	font-weight: bold;}
form ul {
	list-style-type: none;}
.hb_img_icone {
	border:0;
	width:9px;
	height:9px;}
.hb_img_fermer {
	border:0;
	width:9px;
	height:9px;}
.hb_ligne {
	border: .2em dotted;
	width:4em;}
.hb_plier_deplier td{
	padding:0;
	margin:0;
	text-align:left;
	height:12px;
	border-width:0;}
.hb_arborescence td{
	padding:0;
	margin: -5px 0 0 0;
	text-align:left;
	vertical-align:top;
	border-width:0;}
.pair{
	background-color: #FAD2C6;}
 
/* #------------------------------------------------------------------------------------------------------#	*/
/*												ÎCONES 														*/
/* #------------------------------------------------------------------------------------------------------#	*/
.icone-aide {
	background: url(images/icones/aide.png) no-repeat center left !important;}
.icone-ajouter {
	background: url(images/icones/ajouter.png) no-repeat center left !important;}
.icone-appli {
	background: url(images/icones/application.png) no-repeat center left !important;}
.icone-appli-panneau-liste {
	background: url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
.icone-bascule {
	background: url(images/icones/fleche_bascule.png) no-repeat center left !important;}
.icone-bel {
	background: url(images/icones/livre_ouvert.png) no-repeat center left !important;}
.icone-cel {
	background: url(images/icones/images.png) no-repeat center left !important;}
.icone-connexion {
	background: url(images/icones/connexion.png) no-repeat center left !important;}
.icone-deconnexion {
	background: url(images/icones/deconnexion.png) no-repeat center left !important;}
.icone-form-ajouter {
	background: url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
.icone-form-modifier {
	background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
.icone-imprimer {
	background: url(images/icones/imprimer.png) no-repeat center left !important;}
.icone-information {
	background: url(images/icones/information.png) no-repeat center left !important;}
.icone-modifier {
	background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
.icone-param {
	background: url(images/icones/engrenages.png) no-repeat center left !important;}
.icone-preference {
	background: url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
.icone-supprimer {
	background: url(images/icones/supprimer.png) no-repeat center left !important;}
.icone-table {
	background: url(images/icones/table.png) no-repeat center left !important;}
.icone-utilisateur {
	background: url(images/icones/utilisateur.png) no-repeat center left !important;}
.icone-vcard-ajouter {
	background: url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
.icone-vcard-supprimer {
	background: url(images/icones/vcard_supprimer.png) no-repeat center left !important;}

Rev 103	Rev 125
1	`/** Les CSS de l'application COEL */`	1	`/** Les CSS de l'application COEL */`
2		2
3	`* {`	3	`* {`
4	`margin: 0px;`	4	`margin: 0px;`
5	`padding: 0px;}`	5	`padding: 0px;}`
6		6
7	`/* #------------------------------------------------------------------------------------------------------# */`	7	`/* #------------------------------------------------------------------------------------------------------# */`
8	`/* CHARGEMENT APPLICATION */`	8	`/* CHARGEMENT APPLICATION */`
9	`/* #------------------------------------------------------------------------------------------------------# */`	9	`/* #------------------------------------------------------------------------------------------------------# */`
10	`#loading {`	10	`#loading {`
11	`position: absolute;`	11	`position: absolute;`
12	`left: 45%;`	12	`left: 45%;`
13	`top: 40%;`	13	`top: 40%;`
14	`margin-left: -45px;`	14	`margin-left: -45px;`
15	`padding: 2px;`	15	`padding: 2px;`
16	`z-index: 20001;`	16	`z-index: 20001;`
17	`height: auto;`	17	`height: auto;`
18	`border: 1px solid #ccc;}`	18	`border: 1px solid #ccc;`
-		19	`width:400px;}`
19	`#loading a {`	20	`#loading a {`
20	`color: #225588;}`	21	`color: #225588;}`
21	`#loading .loading-indicator {`	22	`#loading .loading-indicator {`
22	`background: white;`	23	`background: white;`
23	`color: #444;`	24	`color: #444;`
24	`font: bold 13px tahoma, arial, helvetica;`	25	`font: bold 13px tahoma, arial, helvetica;`
25	`padding: 10px;`	26	`padding: 10px;`
26	`margin: 0;`	27	`margin: 0;`
27	`height: auto;}`	28	`height: auto;}`
28	`#loading .loading-indicator img {`	29	`#loading .loading-indicator img {`
29	`margin-right:8px;`	30	`margin-right:8px;`
30	`float:left;`	31	`float:left;`
31	`vertical-align:top;}`	32	`vertical-align:top;}`
32	`#loading-msg {`	33	`#loading-msg {`
33	`font: normal 10px arial, tahoma, sans-serif;}`	34	`font: normal 10px arial, tahoma, sans-serif;}`
34	`/* #------------------------------------------------------------------------------------------------------# */`	35	`/* #------------------------------------------------------------------------------------------------------# */`
35	`/* GÉNÉRAL */`	36	`/* GÉNÉRAL */`
36	`/* #------------------------------------------------------------------------------------------------------# */`	37	`/* #------------------------------------------------------------------------------------------------------# */`
-		38	`.attention {`
-		39	`font:bold 14px;`
37		40	`color:red;}`
38	`/* #------------------------------------------------------------------------------------------------------# */`	41	`/* #------------------------------------------------------------------------------------------------------# */`
39	`/* ENTÊTE */`	42	`/* ENTÊTE */`
40	`/* #------------------------------------------------------------------------------------------------------# */`	43	`/* #------------------------------------------------------------------------------------------------------# */`
41	`#coel-entete {`	44	`#coel-entete {`
42	`color:white;`	45	`color:white;`
43	`height:100px;`	46	`height:100px;`
44	`background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;`	47	`background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;`
45	`border:0pt none;`	48	`border:0pt none;`
46	`padding-left:3px;}`	49	`padding-left:3px;}`
47	`#coel-titre {`	50	`#coel-titre {`
48	`font-family:tahoma, arial, sans-serif;`	51	`font-family:tahoma, arial, sans-serif;`
49	`font-size:16px;`	52	`font-size:16px;`
50	`font-size-adjust:none;`	53	`font-size-adjust:none;`
51	`font-stretch:normal;`	54	`font-stretch:normal;`
52	`font-style:normal;`	55	`font-style:normal;`
53	`font-variant:normal;`	56	`font-variant:normal;`
54	`font-weight:normal;`	57	`font-weight:normal;`
55	`line-height:normal;`	58	`line-height:normal;`
56	`padding:0 0 8 6px;}`	59	`padding:0 0 8 6px;}`
57	`#coel-identification{`	60	`#coel-identification{`
58	`float:right;`	61	`float:right;`
59	`margin:2 5 0 0px}`	62	`margin:2 5 0 0px}`
60	`/* #------------------------------------------------------------------------------------------------------# */`	63	`/* #------------------------------------------------------------------------------------------------------# */`
61	`/* AIDE */`	64	`/* AIDE */`
62	`/* #------------------------------------------------------------------------------------------------------# */`	65	`/* #------------------------------------------------------------------------------------------------------# */`
63	`#coel-id-pano-aide{`	66	`#coel-id-pano-aide{`
64	`font-size: 11px;`	67	`font-size: 11px;`
65	`margin:5px;}`	68	`margin:5px;}`
66	`/* #------------------------------------------------------------------------------------------------------# */`	69	`/* #------------------------------------------------------------------------------------------------------# */`
67	`/* PANNEAU DÉTAIL */`	70	`/* PANNEAU DÉTAIL */`
68	`/* #------------------------------------------------------------------------------------------------------# */`	71	`/* #------------------------------------------------------------------------------------------------------# */`
69	`.coel-detail {`	72	`.coel-detail {`
70	`height: 55px;`	73	`height: 55px;`
71	`background-color: #ddd;`	74	`background-color: #ddd;`
72	`border-bottom: 1px solid silver;}`	75	`border-bottom: 1px solid silver;}`
73	`.coel-detail h1 {`	76	`.coel-detail h1 {`
74	`font-weight: bold;`	77	`font-weight: bold;`
75	`font-size: 12px;`	78	`font-size: 12px;`
76	`padding: 5 0 2 5px;}`	79	`padding: 5 0 2 5px;}`
77	`.coel-detail h2 {`	80	`.coel-detail h2 {`
78	`font-size: 11px;`	81	`font-size: 11px;`
79	`font-weight: normal;`	82	`font-weight: normal;`
80	`padding: 0 5 0 5px;}`	83	`padding: 0 5 0 5px;}`
81	`.coel-detail h3 {`	84	`.coel-detail h3 {`
82	`font-size: 11px;`	85	`font-size: 11px;`
83	`font-weight: normal;`	86	`font-weight: normal;`
84	`padding: 0 5 5 5px;}`	87	`padding: 0 5 5 5px;}`
85	`.coel-detail-body {`	88	`.coel-detail-body {`
86	`padding: 12px;}`	89	`padding: 12px;}`
87	`/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */`	90	`/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */`
88	`dl.hb_affichage_tabulaire {`	91	`dl.hb_affichage_tabulaire {`
89	`width: 61em;}`	92	`width: 61em;}`
90	`.hb_affichage_tabulaire dt {`	93	`.hb_affichage_tabulaire dt {`
91	`width: 20em;`	94	`width: 20em;`
92	`float: left;`	95	`float: left;`
93	`margin: 0;`	96	`margin: 0;`
94	`padding: .2em;}`	97	`padding: .2em;}`
95	`/* hack de commentaire avec un antislash pour ie5 mac \*/`	98	`/* hack de commentaire avec un antislash pour ie5 mac \*/`
96	`dt {`	99	`dt {`
97	`clear: both;}`	100	`clear: both;}`
98	`/* end hack */`	101	`/* end hack */`
99	`.hb_affichage_tabulaire dd {`	102	`.hb_affichage_tabulaire dd {`
100	`float: left;`	103	`float: left;`
101	`z-index:1;`	104	`z-index:1;`
102	`width: 40em;`	105	`width: 40em;`
103	`margin: 0;`	106	`margin: 0;`
104	`padding: .2em;}`	107	`padding: .2em;}`
105	`h2, .parent, .hb_espace, .hb_ligne {`	108	`h2, .parent, .hb_espace, .hb_ligne {`
106	`clear: both;}`	109	`clear: both;}`
107	`.hb_titre_en_ligne {`	110	`.hb_titre_en_ligne {`
108	`display: inline;`	111	`display: inline;`
109	`padding-top: 1em;}`	112	`padding-top: 1em;}`
110	`#hb_renseignement_admin{`	113	`#hb_renseignement_admin{`
111	`max-width:650px;`	114	`max-width:650px;`
112	`float:left;}`	115	`float:left;}`
113	`#hb_logo {`	116	`#hb_logo {`
114	`float:right;}`	117	`float:right;}`
115	`dt, label {`	118	`dt, label {`
116	`font-weight: bold;}`	119	`font-weight: bold;}`
117	`form ul {`	120	`form ul {`
118	`list-style-type: none;}`	121	`list-style-type: none;}`
119	`.hb_img_icone {`	122	`.hb_img_icone {`
120	`border:0;`	123	`border:0;`
121	`width:9px;`	124	`width:9px;`
122	`height:9px;}`	125	`height:9px;}`
123	`.hb_img_fermer {`	126	`.hb_img_fermer {`
124	`border:0;`	127	`border:0;`
125	`width:9px;`	128	`width:9px;`
126	`height:9px;}`	129	`height:9px;}`
127	`.hb_ligne {`	130	`.hb_ligne {`
128	`border: .2em dotted;`	131	`border: .2em dotted;`
129	`width:4em;}`	132	`width:4em;}`
130	`.hb_plier_deplier td{`	133	`.hb_plier_deplier td{`
131	`padding:0;`	134	`padding:0;`
132	`margin:0;`	135	`margin:0;`
133	`text-align:left;`	136	`text-align:left;`
134	`height:12px;`	137	`height:12px;`
135	`border-width:0;}`	138	`border-width:0;}`
136	`.hb_arborescence td{`	139	`.hb_arborescence td{`
137	`padding:0;`	140	`padding:0;`
138	`margin: -5px 0 0 0;`	141	`margin: -5px 0 0 0;`
139	`text-align:left;`	142	`text-align:left;`
140	`vertical-align:top;`	143	`vertical-align:top;`
141	`border-width:0;}`	144	`border-width:0;}`
142	`.pair{`	145	`.pair{`
143	`background-color: #FAD2C6;}`	146	`background-color: #FAD2C6;}`
144		147
145	`/* #------------------------------------------------------------------------------------------------------# */`	148	`/* #------------------------------------------------------------------------------------------------------# */`
146	`/* ÎCONES */`	149	`/* ÎCONES */`
147	`/* #------------------------------------------------------------------------------------------------------# */`	150	`/* #------------------------------------------------------------------------------------------------------# */`
148	`.icone-aide {`	151	`.icone-aide {`
149	`background: url(images/icones/aide.png) no-repeat center left !important;}`	152	`background: url(images/icones/aide.png) no-repeat center left !important;}`
150	`.icone-ajouter {`	153	`.icone-ajouter {`
151	`background: url(images/icones/ajouter.png) no-repeat center left !important;}`	154	`background: url(images/icones/ajouter.png) no-repeat center left !important;}`
152	`.icone-appli {`	155	`.icone-appli {`
153	`background: url(images/icones/application.png) no-repeat center left !important;}`	156	`background: url(images/icones/application.png) no-repeat center left !important;}`
154	`.icone-appli-panneau-liste {`	157	`.icone-appli-panneau-liste {`
155	`background: url(images/icones/application_panneau_liste.png) no-repeat center left !important;}`	158	`background: url(images/icones/application_panneau_liste.png) no-repeat center left !important;}`
156	`.icone-bascule {`	159	`.icone-bascule {`
157	`background: url(images/icones/fleche_bascule.png) no-repeat center left !important;}`	160	`background: url(images/icones/fleche_bascule.png) no-repeat center left !important;}`
158	`.icone-bel {`	161	`.icone-bel {`
159	`background: url(images/icones/livre_ouvert.png) no-repeat center left !important;}`	162	`background: url(images/icones/livre_ouvert.png) no-repeat center left !important;}`
160	`.icone-cel {`	163	`.icone-cel {`
161	`background: url(images/icones/images.png) no-repeat center left !important;}`	164	`background: url(images/icones/images.png) no-repeat center left !important;}`
162	`.icone-connexion {`	165	`.icone-connexion {`
163	`background: url(images/icones/connexion.png) no-repeat center left !important;}`	166	`background: url(images/icones/connexion.png) no-repeat center left !important;}`
164	`.icone-deconnexion {`	167	`.icone-deconnexion {`
165	`background: url(images/icones/deconnexion.png) no-repeat center left !important;}`	168	`background: url(images/icones/deconnexion.png) no-repeat center left !important;}`
166	`.icone-form-ajouter {`	169	`.icone-form-ajouter {`
167	`background: url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}`	170	`background: url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}`
168	`.icone-form-modifier {`	171	`.icone-form-modifier {`
169	`background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}`	172	`background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}`
170	`.icone-imprimer {`	173	`.icone-imprimer {`
171	`background: url(images/icones/imprimer.png) no-repeat center left !important;}`	174	`background: url(images/icones/imprimer.png) no-repeat center left !important;}`
172	`.icone-information {`	175	`.icone-information {`
173	`background: url(images/icones/information.png) no-repeat center left !important;}`	176	`background: url(images/icones/information.png) no-repeat center left !important;}`
174	`.icone-modifier {`	177	`.icone-modifier {`
175	`background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}`	178	`background: url(images/icones/formulaire_modifier.png) no-repeat center left !important;}`
176	`.icone-param {`	179	`.icone-param {`
177	`background: url(images/icones/engrenages.png) no-repeat center left !important;}`	180	`background: url(images/icones/engrenages.png) no-repeat center left !important;}`
178	`.icone-preference {`	181	`.icone-preference {`
179	`background: url(images/icones/groupe_engrenage.png) no-repeat center left !important;}`	182	`background: url(images/icones/groupe_engrenage.png) no-repeat center left !important;}`
180	`.icone-supprimer {`	183	`.icone-supprimer {`
181	`background: url(images/icones/supprimer.png) no-repeat center left !important;}`	184	`background: url(images/icones/supprimer.png) no-repeat center left !important;}`
182	`.icone-table {`	185	`.icone-table {`
183	`background: url(images/icones/table.png) no-repeat center left !important;}`	186	`background: url(images/icones/table.png) no-repeat center left !important;}`
184	`.icone-utilisateur {`	187	`.icone-utilisateur {`
185	`background: url(images/icones/utilisateur.png) no-repeat center left !important;}`	188	`background: url(images/icones/utilisateur.png) no-repeat center left !important;}`
186	`.icone-vcard-ajouter {`	189	`.icone-vcard-ajouter {`
187	`background: url(images/icones/vcard_ajouter.png) no-repeat center left !important;}`	190	`background: url(images/icones/vcard_ajouter.png) no-repeat center left !important;}`
188	`.icone-vcard-supprimer {`	191	`.icone-vcard-supprimer {`
189	`background: url(images/icones/vcard_supprimer.png) no-repeat center left !important;}`	192	`background: url(images/icones/vcard_supprimer.png) no-repeat center left !important;}`

Subversion Repositories eFlore/Applications.coel

(root)/trunk/src/org/tela_botanica/public/Coel.css – Rev 103 → 125