Subversion Repositories eFlore/Applications.coel

Rev

Details | Last modification | View Log | RSS feed

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