Subversion Repositories eFlore/Applications.coel

Rev

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

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

            228
            
	line-height:normal;}

          

          

            -
            
 

            229
            

          

          

            234
            

            230