Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2850 aurel 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
4 
footer p{
5 
	text-align:center;
6 
}
7 
button img {
8 
	display:block;
9 
}
10 
 
11 
h1 {
12 
	font-size: 26px;
13 
}
14 
 
2880 aurel 15 
h2 {
16 
	text-align: center;
2881 aurel 17 
	margin-top: 10px;;
2880 aurel 18 
}
19 
 
20 
strong {
21 
	font-size: 14px;
22 
}
23 
 
2850 aurel 24 
/*+-------------------------------+*/
25 
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
26 
@media  only screen and (min-device-pixel-ratio: 2),
27 
        only screen and (min-resolution: 192dpi) {
28 
 
29 
	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
30 
		width: 1670px;
31 
	}
32 
}
33 
 
34 
/*+--------------------------------------------------------------------------------------------------------+*/
35 
/* Générique */
2856 aurel 36 
html {
2850 aurel 37 
	background-color: black;
38 
}
39 
.discretion {
40 
	color:grey;
41 
	font-family:arial;
42 
	font-size:11px;
43 
	line-height: 13px;
44 
}
2856 aurel 45 
 
2850 aurel 46 
.droite {
47 
	text-align:right;
48 
}
49 
.centre {
50 
	text-align:center;
51 
}
2865 aurel 52 
.pointer {
53 
	cursor: pointer;
54 
}
2850 aurel 55 
.modal-fenetre {
56 
	position:fixed;
57 
	z-index:1000;
58 
	top:0;
59 
	left:0;
60 
	height:100%;
61 
	width:100%;
62 
	background:#777;
63 
	background:rgba(90,86,93,0.7);
64 
	text-align:center;
65 
}
66 
.modal-contenu {
67 
	position:relative;
68 
	width:30%;
69 
	margin:0 auto;
70 
	top:30%;
71 
}
72 
input#taxon {
73 
	width: 300px;
74 
}
2857 aurel 75 
 
2850 aurel 76 
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
77 
	aux messages d'erreur */
78 
.control-group .error {
79 
	color: #b94a48;
80 
	display: inline-block;
81 
	padding-left: 5px;
82 
	vertical-align: middle;
83 
}
84 
 
2856 aurel 85 
/*
86 
.control-group.success label,
87 
.control-group.success input,
88 
.control-group.success select,
89 
.control-group.success textarea {
90 
    color: inherit;
91 
}
92 
*/
2850 aurel 93 
 
2856 aurel 94 
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
95 
.popover-content {
96 
	border: 1px solid #ddd;
97 
}
98 
.popover-html-content {
99 
	display: none;
100 
}
101 
h3.popover-title {
102 
	display: none;
103 
}
104 
 
105 
 
2850 aurel 106 
/*+--------------------------------------------------------------------------------------------------------+*/
107 
/* Formulaire spécifique */
108 
#map-canvas {
109 
	height:440px;
110 
}
111 
#info-commune {
112 
	text-align:right;
113 
}
114 
.ns-retenu {
115 
	font-weight:bold;
116 
}
117 
.nn{
2856 aurel 118 
	color:inherit;
2850 aurel 119 
}
120 
.nom-sci{
2856 aurel 121 
	font-size:inherit;
122 
	font-style:italic;
123 
	font-weight:none;
2850 aurel 124 
}
125 
.commune, .date{
126 
	font-size:1.3em;
127 
	font-weight:bold;
128 
}
129 
.obs-action{
130 
	opacity:1;
131 
}
132 
 
133 
#miniatures {
134 
    padding-top: 5px;
135 
}
136 
 
137 
.miniature {
138 
    float: left;
139 
    height: 130px;
140 
    padding-left: 15px;
141 
    padding-right: 15px;
142 
    background-repeat: no-repeat;
143 
    background-size: cover;
144 
}
145 
 
146 
.miniature-img {
147 
	height: 100px;
148 
}
149 
 
150 
.miniature img {
151 
	display: block;
152 
}
153 
 
154 
.miniature-chargement {
155 
	height:100px;
156 
	width: 100px;
157 
}
158 
 
159 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
160 
    float: left;
161 
    font-size: 1.2em;
162 
    font-weight: bold;
163 
    height: 62px;
164 
    margin: 5px;
165 
    padding-top: 30px;
166 
    width: 12px;
167 
}
168 
 
169 
.defilement-miniatures {
170 
   width: 210px;
171 
}
172 
 
173 
.defilement-miniatures-cache {
174 
	visibility: hidden;
175 
}
176 
 
177 
.miniature-cachee {
178 
	display: none;
179 
}
180 
 
181 
.miniature-selectionnee {
182 
	display: block;
183 
	width: 90px;
184 
}
185 
 
186 
.referentiel-obs {
187 
	color:#3B9D3B;
188 
}
2856 aurel 189 
 
2857 aurel 190 
.gras {
191 
	font-weight: bold;
192 
}
193 
 
2850 aurel 194 
#referentiel {
195 
	display: inline;
196 
}
197 
 
198 
#logo-titre {
199 
	position: relative;
200 
    top: -8px;
201 
}
202 
 
203 
#photos-conteneur {
204 
	height: 120px;
205 
}
206 
 
207 
#photo-placeholder {
208 
	background: url("../img/icones/icone-photo.png");
209 
	background-size: 89px;
210 
	cursor: pointer;
211 
	margin-bottom: 15px;
212 
	margin-right: 15px;
213 
	float:left;
214 
	border: 5px dashed #CCCCCC;
215 
	border-radius: 8px 8px 8px 8px;
216 
	height: 100px;
217 
	margin: 2px 0 2px 2px;
218 
	text-align: center;
219 
	width: 98px;
220 
	box-sizing:border-box;
221 
	-moz-box-sizing:border-box;
222 
	-webkit-box-sizing:border-box;
223 
}
224 
 
225 
#photo-placeholder:hover {
226 
	background: url("../img/icones/icone-photo-hover.png");
227 
	background-size: 89px;
228 
	border: 5px dashed #111;
229 
	border-radius: 8px;
230 
}
231 
 
232 
#barre-progression-upload span {
233 
	color : #333333;
234 
}
235 
 
236 
.obs-erreur {
237 
	background-color: #DD6E6E;
238 
}
239 
 
2857 aurel 240 
#taxon-option-autre {
241 
	border-top:2px solid grey;
242 
	font-weight:bold;
243 
}
244 
 
2850 aurel 245 
/*+--------------------------------------------------------------------------------------------------------+*/
246 
/* Correction style CSS Bootstrap */
247 
.well {
248 
	margin-bottom: 5px;
249 
	padding: 4px;
250 
}
2857 aurel 251 
 
2884 aurel 252 
.page-header {
253 
	text-align: justify;
254 
}
255 
 
2857 aurel 256 
/* Supression de l'espace (à l'arrache) */
257 
#taxon-liste,
2877 aurel 258 
#taxon,
2866 aurel 259 
#identification-liste,
2877 aurel 260 
#abondance-liste
261 
{
2857 aurel 262 
	margin-left: -4px;
263 
}
2883 aurel 264 
 
265 
.texte-infobulle,
266 
.image-infobulle {
267 
	max-width: 400px;
268 
	text-align: justify;
269 
}
270 
 
271 
#logo-messicoles {
272 
	height: 42px;
273 
	float: right;
274 
}
2884 aurel 275 
 
276 
#titre {
277 
	float: left;
278 
}