Subversion Repositories eFlore/Applications.coel

Rev

Rev 1878 | Details | Compare with Previous | 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;
424 jp_milcent 44 
	padding:5px;
45 
	width:45%;}
393 jp_milcent 46 
.coel-clear{
47 
	clear:both;
48 
	line-height:0;
413 jp_milcent 49 
	border:none;
50 
	width:0;/*Pour IE*/}
393 jp_milcent 51 
.coel-meta{
52 
	font-size:10px;
53 
	font-weight:normal;}
425 jp_milcent 54 
.coel-indentation{
55 
	padding-left:15px;}
1120 jpm 56 
a.coel-lien-externe:after{
57 
	content:" " url(images/icones/lien_externe.png);}
1790 aurelien 58 
 
59 
#coel-panneau-onglets-navigation ul {
60 
    width: 100%;
61 
}
62 
 
63 
#ListeOngletsNavigation__Statistiques {
64 
    float: right;
65 
    margin-right: 3px;
66 
}
67 
 
68 
#ListeOngletsNavigation > div {
69 
	width: 100% !important;
70 
}
71 
 
1804 aurelien 72 
.coel-detail-corps-contenu th.coel-largeur-colonne-id {
73 
	width: 5%;
74 
}
75 
 
76 
.coel-indication-titre-petit {
77 
	font-size : 0.8em;
78 
}
79 
 
60 jpm 80 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 81 
/*												ENTÊTE 														*/
60 jpm 82 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 83 
#coel-entete{
66 jpm 84 
	color:white;
60 jpm 85 
	height:100px;
86 
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
87 
	border:0pt none;
88 
	padding-left:3px;}
308 jp_milcent 89 
#coel-titre{
60 jpm 90 
	font-family:tahoma, arial, sans-serif;
91 
	font-size:16px;
92 
	font-size-adjust:none;
93 
	font-stretch:normal;
94 
	font-style:normal;
95 
	font-variant:normal;
96 
	font-weight:normal;
97 
	line-height:normal;
66 jpm 98 
	padding:0 0 8 6px;}
99 
#coel-identification{
539 jp_milcent 100 
	color:white;
66 jpm 101 
	float:right;
102 
	margin:2 5 0 0px}
60 jpm 103 
/* #------------------------------------------------------------------------------------------------------#	*/
66 jpm 104 
/*												AIDE														*/
105 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 106 
#coel-id-panneau-aide{
360 jp_milcent 107 
	font-size:11px;
66 jpm 108 
	margin:5px;}
308 jp_milcent 109 
#coel-id-panneau-aide ul{
110 
	list-style-type:disc;
111 
	padding-left:15px;}
112 
#coel-id-panneau-aide ol{
113 
	list-style-type:decimal;
114 
	padding-left:15px;}
66 jpm 115 
/* #------------------------------------------------------------------------------------------------------#	*/
360 jp_milcent 116 
/*												CONNEXION/DECONNEXION										*/
117 
/* #------------------------------------------------------------------------------------------------------#	*/
118 
#coel-identification-zone-msg{
119 
	text-align:center;
120 
	background-color:#F8B9B9;
121 
	border:1px solid red;
122 
	margin:5px 0;}
123 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 124 
/*												PANNEAU DÉTAIL												*/
60 jpm 125 
/* #------------------------------------------------------------------------------------------------------#	*/
379 jp_milcent 126 
#coel-detail-entete{
876 aurelien 127 
	height:45px;
360 jp_milcent 128 
	background-color:#ddd;
129 
	border-bottom:1px solid silver;}
876 aurelien 130 
 
379 jp_milcent 131 
#coel-detail-entete h1{
360 jp_milcent 132 
	font-weight:bold;
133 
	font-size:12px;
134 
	padding:5 0 2 5px;}
379 jp_milcent 135 
#coel-detail-entete h2{
360 jp_milcent 136 
	font-size:11px;
137 
	font-weight:normal;
138 
	padding:0 5 0 5px;}
393 jp_milcent 139 
#coel-detail-entete .coel-meta{
140 
	position:absolute;
141 
	top:0;
142 
	right:0;
143 
	padding:5px;}
144 
 
379 jp_milcent 145 
.coel-detail-corps-contenu{
393 jp_milcent 146 
	padding:0 12px;
379 jp_milcent 147 
	background-color:white;}
148 
.coel-detail-corps-contenu h2{
149 
	font-size:14px;
150 
	color:#1C3C78;
393 jp_milcent 151 
	padding:12px 0 5px 0;}
152 
.coel-detail-corps-contenu h3{
153 
	font-style:italic;
154 
	padding:12px 0 5px 0;}
155 
 
379 jp_milcent 156 
.coel-detail-corps-contenu table{
393 jp_milcent 157 
	border:1px solid #1C3C78;
379 jp_milcent 158 
	border-collapse:collapse;
413 jp_milcent 159 
	width:100% !important;width:95%;/*Pour IE*/
379 jp_milcent 160 
	margin:auto;}
161 
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
162 
	background-color:#D0E3FA;
163 
	background-image:url(sky.jpg);
393 jp_milcent 164 
	border:1px solid #1C3C78;}
379 jp_milcent 165 
.coel-detail-corps-contenu tbody{
166 
	background-color:#FFFFFF;
393 jp_milcent 167 
	border:1px solid #1C3C78;}
379 jp_milcent 168 
.coel-detail-corps-contenu th{
169 
	font-family:monospace;
393 jp_milcent 170 
	border:1px dotted #1C3C78;
379 jp_milcent 171 
	padding:5px;
172 
	background-color:#EFF6FF;
173 
	width:25%;}
174 
.coel-detail-corps-contenu td{
175 
	font-family:sans-serif;
176 
	font-size:80%;
393 jp_milcent 177 
	border:1px solid #1C3C78;
379 jp_milcent 178 
	padding:5px;
179 
	text-align:left;}
393 jp_milcent 180 
.coel-detail-corps-contenu caption{
379 jp_milcent 181 
	font-family:sans-serif;}
778 gduche 182 
 
1105 jpm 183 
.coel-detail-corps-contenu ul{
184 
	list-style-type:disc;}
185 
.coel-detail-corps-contenu li{
186 
	margin-left:25px;
187 
	padding:2px;}
188 
 
778 gduche 189 
#personne-logo-div	{
190 
	position:absolute;
191 
	right:0;
192 
	width:30%;
193 
	text-align:right;
194 
}
779 gduche 195 
 
196 
#personne-logo-div	img {
197 
	height:40px;
198 
}
60 jpm 199 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 200 
/*												ÎCONES 														*/
60 jpm 201 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 202 
.no-icone{
203 
	padding:0;}
204 
/* #------------------------------------------------------------------------------------------------------#*/
205 
/*                                              IMAGES                                                     */
206 
/* #------------------------------------------------------------------------------------------------------#*/
207 
.conteneur-image-centre{
360 jp_milcent 208 
	text-align:center;}
308 jp_milcent 209 
.logo-personne{
360 jp_milcent 210 
	max-height:250px;}
308 jp_milcent 211 
/* #----------------------------------------------------------------------------------------------------------#*/
212 
/*                                              PANNEAU PUBLICATION                                            */
213 
/* #----------------------------------------------------------------------------------------------------------#*/
876 aurelien 214 
 
308 jp_milcent 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;}
1860 aurelien 234 
 
235 
#indication_import_csv {
236 
    font-size: 1.1em;
237 
    margin: 1px 3px 3px 5px;
1878 aurelien 238 
}
239 
 
240 
#infos-auteurs-non-presents {
241 
	background-image: url("images/icones/avertissement.png");
242 
	background-repeat: no-repeat;
243 
	background-position: 5px 10px;
244 
	padding-left: 30px;
245 
}
246 
 
247 
#label-auteurs-non-presents {
248 
	font-weight: bold;
249 
}
250 
 
355 gduche 251 
/* #----------------------------------------------------------------------------------------------------------#*/
360 jp_milcent 252 
/*                                              AUTRES				                                           */
355 gduche 253 
/* #----------------------------------------------------------------------------------------------------------#*/
254 
#main-button button{
255 
	font-weight:bold;
968 jpm 256 
	text-decoration:underline;}
1920 aurelien 257 
 
258 
.champNombreFormat {
259 
	margin-right: 5px;
260 
	margin-bottom: 5px;
261 
}
262 
 
263 
.labelChampNombreFormat {
264 
	font: 12px tahoma,arial,helvetica,sans-serif;
265 
	display: inline-block;
266 
    margin-top: 2px;
267 
    width: 255px;
268 
}
269 
 
270 
.labelChampNombreFormat::after {
271 
		content: ":";
272 
}
273 
 
274 
.textAreaAutreUniteRangement textarea {
275 
	width: 400px !important;
276 
}
277 
 
968 jpm 278 
/* #----------------------------------------------------------------------------------------------------------#*/
279 
/*                                              FORMULAIRE			                                           */
280 
/* #----------------------------------------------------------------------------------------------------------#*/
980 jpm 281 
.coel-obligatoire, .coel-obligatoire input, .coel-obligatoire textarea{
968 jpm 282 
	background:#FAA391;}
980 jpm 283 
.coel-obligatoire-ok, .coel-obligatoire-ok input, .coel-obligatoire-ok textarea {
968 jpm 284 
	background:#B7DAAA;}