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{
360 jp_milcent 9
	position:absolute;
10
	left:45%;
11
	top:40%;
12
	margin-left:-45px;
13
	padding:2px;
14
	z-index:20001;
15
	height:auto;
16
	border:1px solid #ccc;
125 jpm 17
	width:400px;}
308 jp_milcent 18
#loading a{
360 jp_milcent 19
	color:#225588;}
308 jp_milcent 20
#loading .loading-indicator{
360 jp_milcent 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{
360 jp_milcent 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;}
393 jp_milcent 39
.coel-label{
40
	font-weight:bold;
41
	line-height:18px;}
42
.coel-fieldset{
43
	float:left;
44
	width:50%;}
45
.coel-clear{
46
	clear:both;
47
	line-height:0;
48
	border:none}
49
.coel-meta{
50
	font-size:10px;
51
	font-weight:normal;}
60 jpm 52
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 53
/*												ENTÊTE 														*/
60 jpm 54
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 55
#coel-entete{
66 jpm 56
	color:white;
60 jpm 57
	height:100px;
58
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
59
	border:0pt none;
60
	padding-left:3px;}
308 jp_milcent 61
#coel-titre{
60 jpm 62
	font-family:tahoma, arial, sans-serif;
63
	font-size:16px;
64
	font-size-adjust:none;
65
	font-stretch:normal;
66
	font-style:normal;
67
	font-variant:normal;
68
	font-weight:normal;
69
	line-height:normal;
66 jpm 70
	padding:0 0 8 6px;}
71
#coel-identification{
72
	float:right;
73
	margin:2 5 0 0px}
60 jpm 74
/* #------------------------------------------------------------------------------------------------------#	*/
66 jpm 75
/*												AIDE														*/
76
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 77
#coel-id-panneau-aide{
360 jp_milcent 78
	font-size:11px;
66 jpm 79
	margin:5px;}
308 jp_milcent 80
#coel-id-panneau-aide ul{
81
	list-style-type:disc;
82
	padding-left:15px;}
83
#coel-id-panneau-aide ol{
84
	list-style-type:decimal;
85
	padding-left:15px;}
66 jpm 86
/* #------------------------------------------------------------------------------------------------------#	*/
360 jp_milcent 87
/*												CONNEXION/DECONNEXION										*/
88
/* #------------------------------------------------------------------------------------------------------#	*/
89
#coel-identification-zone-msg{
90
	text-align:center;
91
	background-color:#F8B9B9;
92
	border:1px solid red;
93
	margin:5px 0;}
94
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 95
/*												PANNEAU DÉTAIL												*/
60 jpm 96
/* #------------------------------------------------------------------------------------------------------#	*/
379 jp_milcent 97
#coel-detail-entete{
393 jp_milcent 98
	height:37px;
360 jp_milcent 99
	background-color:#ddd;
100
	border-bottom:1px solid silver;}
379 jp_milcent 101
#coel-detail-entete h1{
360 jp_milcent 102
	font-weight:bold;
103
	font-size:12px;
104
	padding:5 0 2 5px;}
379 jp_milcent 105
#coel-detail-entete h2{
360 jp_milcent 106
	font-size:11px;
107
	font-weight:normal;
108
	padding:0 5 0 5px;}
393 jp_milcent 109
#coel-detail-entete .coel-meta{
110
	position:absolute;
111
	top:0;
112
	right:0;
113
	padding:5px;}
114
 
379 jp_milcent 115
.coel-detail-corps-contenu{
393 jp_milcent 116
	padding:0 12px;
379 jp_milcent 117
	background-color:white;}
118
.coel-detail-corps-contenu h2{
119
	font-size:14px;
120
	color:#1C3C78;
393 jp_milcent 121
	padding:12px 0 5px 0;}
122
.coel-detail-corps-contenu h3{
123
	font-style:italic;
124
	padding:12px 0 5px 0;}
125
 
379 jp_milcent 126
.coel-detail-corps-contenu table{
393 jp_milcent 127
	border:1px solid #1C3C78;
379 jp_milcent 128
	border-collapse:collapse;
129
	width:100%;
130
	margin:auto;}
131
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
132
	background-color:#D0E3FA;
133
	background-image:url(sky.jpg);
393 jp_milcent 134
	border:1px solid #1C3C78;}
379 jp_milcent 135
.coel-detail-corps-contenu tbody{
136
	background-color:#FFFFFF;
393 jp_milcent 137
	border:1px solid #1C3C78;}
379 jp_milcent 138
.coel-detail-corps-contenu th{
139
	font-family:monospace;
393 jp_milcent 140
	border:1px dotted #1C3C78;
379 jp_milcent 141
	padding:5px;
142
	background-color:#EFF6FF;
143
	width:25%;}
144
.coel-detail-corps-contenu td{
145
	font-family:sans-serif;
146
	font-size:80%;
393 jp_milcent 147
	border:1px solid #1C3C78;
379 jp_milcent 148
	padding:5px;
149
	text-align:left;}
393 jp_milcent 150
.coel-detail-corps-contenu caption{
379 jp_milcent 151
	font-family:sans-serif;}
60 jpm 152
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 153
/*												ÎCONES 														*/
60 jpm 154
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 155
.no-icone{
156
	padding:0;}
157
.icone-aide{
158
	background:url(images/icones/aide.png) no-repeat center left !important;}
159
.icone-ajouter{
160
	background:url(images/icones/ajouter.png) no-repeat center left !important;}
161
.icone-appli{
162
	background:url(images/icones/application.png) no-repeat center left !important;}
163
.icone-appli-panneau-liste{
164
	background:url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
165
.icone-bascule{
166
	background:url(images/icones/fleche_bascule.png) no-repeat center left !important;}
167
.icone-bel{
168
	background:url(images/icones/livre_ouvert.png) no-repeat center left !important;}
169
.icone-cel{
170
	background:url(images/icones/images.png) no-repeat center left !important;}
171
.icone-connexion{
172
	background:url(images/icones/connexion.png) no-repeat center left !important;}
173
.icone-deconnexion{
174
	background:url(images/icones/deconnexion.png) no-repeat center left !important;}
341 jp_milcent 175
.icone-deplier-tout{
176
	background:url(images/icones/deplier_tout.png) no-repeat center left !important;}
308 jp_milcent 177
.icone-form-ajouter{
178
	background:url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
179
.icone-form-modifier{
180
	background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
181
.icone-imprimer{
182
	background:url(images/icones/imprimer.png) no-repeat center left !important;}
183
.icone-information{
184
	background:url(images/icones/information.png) no-repeat center left !important;}
185
.icone-modifier{
186
	background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
187
.icone-param{
188
	background:url(images/icones/engrenages.png) no-repeat center left !important;}
189
.icone-preference{
190
	background:url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
191
.icone-supprimer{
192
	background:url(images/icones/supprimer.png) no-repeat center left !important;}
193
.icone-table{
194
	background:url(images/icones/table.png) no-repeat center left !important;}
195
.icone-utilisateur{
196
	background:url(images/icones/utilisateur.png) no-repeat center left !important;}
197
.icone-vcard-ajouter{
198
	background:url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
199
.icone-vcard-supprimer{
200
	background:url(images/icones/vcard_supprimer.png) no-repeat center left !important;}
201
.icone-rafraichir{
202
	background:url(images/icones/rafraichir.png) no-repeat center left !important;}
341 jp_milcent 203
.icone-replier-tout{
204
	background:url(images/icones/replier_tout.png) no-repeat center left !important;}
308 jp_milcent 205
/* #------------------------------------------------------------------------------------------------------#*/
206
/*                                              IMAGES                                                     */
207
/* #------------------------------------------------------------------------------------------------------#*/
208
.conteneur-image-centre{
360 jp_milcent 209
	text-align:center;}
308 jp_milcent 210
.logo-personne{
360 jp_milcent 211
	max-height:250px;}
308 jp_milcent 212
/* #----------------------------------------------------------------------------------------------------------#*/
213
/*                                              PANNEAU PUBLICATION                                            */
214
/* #----------------------------------------------------------------------------------------------------------#*/
215
.x-formulaire-auteur{
360 jp_milcent 216
    padding-left:100px;}
308 jp_milcent 217
.x-formulaire-auteur-label{
225 aurelien 218
	padding:3px 0 !important;
219
	text-align:left;
220
	clear:left;
221
	display:block;
222
	float:left;
223
	padding:3px 3px 3px 0;
224
	position:relative;
225
	width:100px;
226
	z-index:2;
227
	font-weight:bold;
228
	font-family:tahoma,arial,helvetica,sans-serif;
229
	font-size:12px;
230
	font-size-adjust:none;
231
	font-style:normal;
232
	font-variant:normal;
355 gduche 233
	line-height:normal;}
234
/* #----------------------------------------------------------------------------------------------------------#*/
360 jp_milcent 235
/*                                              AUTRES				                                           */
355 gduche 236
/* #----------------------------------------------------------------------------------------------------------#*/
237
#main-button button{
238
	font-weight:bold;
360 jp_milcent 239
	text-decoration:underline;}