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;}
#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														*/
/* #------------------------------------------------------------------------------------------------------#	*/
 
/* #------------------------------------------------------------------------------------------------------#	*/
/*												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-utilisateur {
	background: url(images/icones/utilisateur.png) no-repeat center left !important;}



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

Subversion Repositories eFlore/Applications.coel

(root)/trunk/src/org/tela_botanica/public/Coel.css – Rev 66 → 69