Subversion Repositories eFlore/Applications.cel

Rev

Rev 2816 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1210 jpm 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
4 
footer p{
5 
	text-align:center;
6 
}
1215 jpm 7 
button img {
8 
	display:block;
9 
}
1493 aurelien 10 
 
11 
h1 {
12 
	font-size: 26px;
13 
}
2779 mathias 14 
 
15 
/*+-------------------------------+*/
16 
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
17 
@media  only screen and (min-device-pixel-ratio: 2),
18 
        only screen and (min-resolution: 192dpi) {
19 
 
20 
	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
21 
		width: 1670px;
22 
	}
23 
}
24 
 
1210 jpm 25 
/*+--------------------------------------------------------------------------------------------------------+*/
26 
/* Générique */
27 
.discretion {
28 
	color:grey;
29 
	font-family:arial;
30 
	font-size:11px;
1249 jpm 31 
	line-height: 13px;
1210 jpm 32 
}
33 
.droite {
34 
	text-align:right;
35 
}
1217 jpm 36 
.centre {
37 
	text-align:center;
38 
}
1493 aurelien 39 
.modal-fenetre {
1249 jpm 40 
	position:fixed;
41 
	z-index:1000;
42 
	top:0;
43 
	left:0;
44 
	height:100%;
45 
	width:100%;
46 
	background:#777;
47 
	background:rgba(90,86,93,0.7);
48 
	text-align:center;
49 
}
1493 aurelien 50 
.modal-contenu {
1249 jpm 51 
	position:relative;
52 
	width:30%;
53 
	margin:0 auto;
54 
	top:30%;
55 
}
2688 mathias 56 
input#taxon {
57 
	width: 300px;
58 
}
59 
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
60 
	aux messages d'erreur */
61 
.control-group .error {
62 
	color: #b94a48;
63 
	display: inline-block;
64 
	padding-left: 5px;
65 
	vertical-align: middle;
66 
}
67 
 
2904 aurel 68 
.cursor-pointer {
69 
	cursor: pointer;
70 
}
2688 mathias 71 
 
2904 aurel 72 
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
73 
.popover-content {
74 
	border: 1px solid #ddd;
75 
}
76 
.popover-html-content {
77 
	display: none;
78 
}
79 
h3.popover-title {
80 
	display: none;
81 
}
82 
 
83 
 
1210 jpm 84 
/*+--------------------------------------------------------------------------------------------------------+*/
85 
/* Formulaire spécifique */
86 
#map-canvas {
2779 mathias 87 
	height:440px;
1210 jpm 88 
}
89 
#info-commune {
90 
	text-align:right;
91 
}
1215 jpm 92 
.ns-retenu {
93 
	font-weight:bold;
94 
}
1240 jpm 95 
.nn{
96 
	color:#3B9D3B;
97 
}
98 
.nom-sci{
99 
	font-size:1.5em;
100 
	font-weight:bold;
101 
}
102 
.commune, .date{
103 
	font-size:1.3em;
104 
	font-weight:bold;
105 
}
106 
.obs-action{
107 
	opacity:1;
108 
}
1543 aurelien 109 
 
110 
#miniatures {
111 
    padding-top: 5px;
112 
}
113 
 
2688 mathias 114 
.miniature {
1524 aurelien 115 
    float: left;
116 
    height: 130px;
117 
    padding-left: 15px;
118 
    padding-right: 15px;
2688 mathias 119 
    background-repeat: no-repeat;
120 
    background-size: cover;
1240 jpm 121 
}
1493 aurelien 122 
 
1524 aurelien 123 
.miniature-img {
124 
	height: 100px;
125 
}
126 
 
127 
.miniature img {
128 
	display: block;
129 
}
130 
 
1493 aurelien 131 
.miniature-chargement {
132 
	height:100px;
133 
	width: 100px;
134 
}
1524 aurelien 135 
 
136 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
137 
    float: left;
138 
    font-size: 1.2em;
139 
    font-weight: bold;
140 
    height: 62px;
141 
    margin: 5px;
142 
    padding-top: 30px;
143 
    width: 12px;
144 
}
145 
 
146 
.defilement-miniatures {
147 
   width: 210px;
148 
}
149 
 
150 
.defilement-miniatures-cache {
151 
	visibility: hidden;
152 
}
153 
 
154 
.miniature-cachee {
155 
	display: none;
156 
}
157 
 
158 
.miniature-selectionnee {
159 
	display: block;
160 
	width: 90px;
161 
}
162 
 
1476 aurelien 163 
.referentiel-obs {
164 
	color:#3B9D3B;
165 
}
166 
#referentiel {
167 
	display: inline;
168 
}
1493 aurelien 169 
 
170 
#logo-titre {
171 
	position: relative;
172 
    top: -8px;
173 
}
1524 aurelien 174 
 
175 
#photos-conteneur {
176 
	height: 120px;
177 
}
178 
 
179 
#photo-placeholder {
180 
	background: url("../img/icones/icone-photo.png");
181 
	background-size: 89px;
182 
	cursor: pointer;
183 
	margin-bottom: 15px;
184 
	margin-right: 15px;
185 
	float:left;
186 
	border: 5px dashed #CCCCCC;
1532 jpm 187 
	border-radius: 8px 8px 8px 8px;
188 
	height: 100px;
189 
	margin: 2px 0 2px 2px;
190 
	text-align: center;
191 
	width: 98px;
192 
	box-sizing:border-box;
193 
	-moz-box-sizing:border-box;
194 
	-webkit-box-sizing:border-box;
1524 aurelien 195 
}
196 
 
197 
#photo-placeholder:hover {
198 
	background: url("../img/icones/icone-photo-hover.png");
199 
	background-size: 89px;
200 
	border: 5px dashed #111;
1532 jpm 201 
	border-radius: 8px;
1524 aurelien 202 
}
203 
 
2110 aurelien 204 
#barre-progression-upload span {
205 
	color : #333333;
206 
}
207 
 
208 
.obs-erreur {
209 
	background-color: #DD6E6E;
210 
}
211 
 
1212 jpm 212 
/*+--------------------------------------------------------------------------------------------------------+*/
213 
/* Correction style CSS Bootstrap */
214 
.well {
215 
	margin-bottom: 5px;
216 
	padding: 4px;
1240 jpm 217 
}