Subversion Repositories eFlore/Applications.cel

Rev

Rev 1560 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1560 Rev 1562
Line 58... Line 58...
58 
.nom-sci {
 58 
.nom-sci {
59 
	font-style: italic;
 59 
	font-style: italic;
60 
}
 60 
}
61 
/*+--------------------------------------------------------------------------------------------------------+*/
 61 
/*+--------------------------------------------------------------------------------------------------------+*/
62 
/* Gestion des photos */
 62 
/* Gestion des photos */
- 
 
 63 
 
- 
 
 64 
/* Form d'ajout des photos */
63 
.miniature{
 65 
#form-upload .miniature {
64 
	float: left;
 66 
	float: left;
65 
	height: 130px;
 67 
	height: 130px;
66 
	padding-left: 15px;
 - 
 
67 
	padding-right: 15px;
 - 
 
68 
}
 - 
 
69 
.miniature-img {
 - 
 
70 
	height: 100px;
 68 
	margin: 5px;
71 
}
 69 
}
72 
.miniature img {
 70 
#form-upload .miniature-img {
73 
	display: block;
 71 
	display: block;
- 
 
 72 
	height: 100px;
74 
}
 73 
}
75 
.miniature-chargement {
 74 
#form-upload .miniature-chargement {
76 
	height:100px;
 75 
	height:100px;
77 
	width: 100px;
76 
	width: 100px;
78 
}
 77 
}
79 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
 - 
 
80 
	float: left;
 - 
 
81 
	font-size: 1.2em;
 - 
 
82 
	font-weight: bold;
 - 
 
83 
	height: 62px;
 - 
 
84 
	margin: 5px;
 - 
 
85 
	padding-top: 30px;
 - 
 
86 
	width: 12px;
 - 
 
87 
}
 78 
 
88 
.defilement-miniatures {
 - 
 
89 
	width: 210px;
 - 
 
90 
}
 - 
 
91 
.defilement-miniatures-cache {
 - 
 
92 
	visibility: hidden;
 - 
 
93 
}
 - 
 
94 
.miniature-cachee {
 - 
 
95 
	display: none;
 - 
 
96 
}
 - 
 
97 
.miniature-selectionnee {
 79 
/* Bouton de sélection des fichiers */
98 
	display: block;
 - 
 
99 
	width: 90px;
 - 
 
100 
}
 - 
 
101 
#fichier {
 80 
#fichier {
102 
	display: none;
 81 
	visibility: hidden;
- 
 
 82 
	height:0;
- 
 
 83 
	width:0;
103 
}
 84 
}
104 
#photos-conteneur {
 85 
#photos-conteneur {
105 
	height: 120px;
 86 
	height: 120px;
106 
}
 87 
}
107 
#photo-placeholder {
 88 
#photo-placeholder {
Line 126... Line 107...
126 
	background-size: 89px;
 107 
	background-size: 89px;
127 
	border: 5px dashed #111;
108 
	border: 5px dashed #111;
128 
	border-radius: 8px;
 109 
	border-radius: 8px;
129 
}
 110 
}
Line -... Line 111...
- 
 
 111 
 
- 
 
 112 
/* Images d'une observation */
- 
 
 113 
.obs .obs-miniatures {
- 
 
 114 
	min-width: 150px;
- 
 
 115 
	margin-right: 5px;
- 
 
 116 
}
- 
 
 117 
.obs .miniature {
- 
 
 118 
	display: block;
- 
 
 119 
	height: 100px;
- 
 
 120 
	margin: 0 auto;
- 
 
 121 
}
- 
 
 122 
.defilement {
- 
 
 123 
	position: relative;
- 
 
 124 
	padding: 8px 0;
- 
 
 125 
	background-color:#524C47;
- 
 
 126 
}
- 
 
 127 
.defilement-control-zone {
- 
 
 128 
	display: block;
- 
 
 129 
	position: absolute;
- 
 
 130 
    top: 0;
- 
 
 131 
	width: 50%;
- 
 
 132 
	height: 116px;
- 
 
 133 
}
- 
 
 134 
.defilement-control-zone.gauche{
- 
 
 135 
	left: 0;
- 
 
 136 
}
- 
 
 137 
.defilement-control-zone.droite {
- 
 
 138 
	right: 0;
- 
 
 139 
}
- 
 
 140 
.defilement-control {
- 
 
 141 
    display: block;
- 
 
 142 
    position: absolute;
- 
 
 143 
    top: 35%;
- 
 
 144 
    width:20px;
- 
 
 145 
    height: 20px;
- 
 
 146 
    line-height: 20px;
- 
 
 147 
    font-size: 17px;
- 
 
 148 
    font-weight: 100;
- 
 
 149 
    text-align: center;
- 
 
 150 
    border: 3px solid white;
- 
 
 151 
    border-radius: 20px;
- 
 
 152 
	color: white;
- 
 
 153 
    opacity: 1;
- 
 
 154 
	background: none repeat scroll 0 0 #524C47;
- 
 
 155 
}
- 
 
 156 
.defilement-control.gauche {
- 
 
 157 
	left: 3%;
- 
 
 158 
}
- 
 
 159 
.defilement-control.droite {
- 
 
 160 
	right: 3%;
- 
 
 161 
}
- 
 
 162 
 
- 
 
 163 
.defilement-miniatures-cache {
- 
 
 164 
	visibility: hidden;
- 
 
 165 
}
- 
 
 166 
.obs .miniature-cachee {
- 
 
 167 
	display: none;
- 
 
 168 
}
- 
 
 169 
 
- 
 
 170 
.defilement-indicateurs {
- 
 
 171 
    list-style: none outside none;
- 
 
 172 
    margin: 0;
- 
 
 173 
    position: absolute;
- 
 
 174 
    left: 0;
- 
 
 175 
    bottom: 2px;
- 
 
 176 
    z-index: 5;
- 
 
 177 
}
- 
 
 178 
.defilement-indicateurs li {
- 
 
 179 
    background-color: rgba(255, 255, 255, 0.25);
- 
 
 180 
    border-radius: 2px;
- 
 
 181 
    border: 1px solid lightgrey;
- 
 
 182 
    display: block;
- 
 
 183 
    float: left;
- 
 
 184 
    height: 4px;
- 
 
 185 
    margin-left: 2px;
- 
 
 186 
    text-indent: -999px;
- 
 
 187 
    width: 4px;
- 
 
 188 
}
- 
 
 189 
.defilement-indicateurs .active {
- 
 
 190 
	background-color: #FFFFFF;
- 
 
 191 
}
130 
 
 192 
 
131 
/*+--------------------------------------------------------------------------------------------------------+*/
 193 
/*+--------------------------------------------------------------------------------------------------------+*/
132 
/* Correction style CSS Bootstrap */
 194 
/* Correction style CSS Bootstrap */
133 
.well {
 195 
.well {
134 
	margin-bottom: 5px;
 196 
	margin-bottom: 5px;
Line 165... Line 227...
165 
.page-header .intro a {
 227 
.page-header .intro a {
166 
	color: #524C47;
 228 
	color: #524C47;
167 
}
 229 
}
Line 168... Line 230...
168 
 
 230 
 
169 
/* Géolocalisation */
 - 
 
170 
 
 - 
 
171 
 
 231 
/* Géolocalisation */
172 
#map-canvas {
 232 
#map-canvas {
173 
	height: 240px;
 233 
	height: 240px;
174 
	margin-bottom:5px;
 234 
	margin-bottom:5px;
175 
}
 235 
}
Line 216... Line 276...
216 
	text-indent: -9999px;
 276 
	text-indent: -9999px;
217 
	color: #468847;
 277 
	color: #468847;
218 
}
 278 
}
219 
label.error {
 279 
label.error {
220 
	font-weight: bold;
 280 
	font-weight: bold;
- 
 
 281 
	font-style:italic;
221 
	color: #B94A48;
 282 
	color: #B94A48;
222 
	padding: 0 8px;
 283 
	padding: 0 8px;
223 
}
 284 
}
- 
 
 285 
.control-group.error label {
- 
 
 286 
	font-weight: bold;
- 
 
 287 
}
224 
.error .horizontal-slider{
 288 
.error .horizontal-slider{
225 
	background: #B94A48;
 289 
	background: #B94A48;
226 
}
 290 
}
227 
.slider-holder + select + label.error {
 291 
.slider-holder + select + label.error {
228 
	clear: both;
 292 
	clear: both;
Line 234... Line 298...
234 
	display: block;
 298 
	display: block;
235 
}
 299 
}
236 
/*+--------------------------------------------------------------------------------------------------------+*/
 300 
/*+--------------------------------------------------------------------------------------------------------+*/
237 
/* SLIDERs */
 301 
/* SLIDERs */
238 
.slider-on {
 302 
.slider-on {
239 
	display:inline;
 303 
	display:none;
240 
	height:0;
 - 
 
241 
	width:0;
 - 
 
242 
	margin:0;
 - 
 
243 
	padding:0;
 - 
 
244 
	visibility: hidden;
 - 
 
245 
}
 304 
}
246 
.slider-holder {
 305 
.slider-holder {
247 
	height: 25px;
 306 
	height: 25px;
248 
	margin-left: -20px;
 307 
	margin-left: -20px;
249 
	margin-right: 20px;
 308 
	margin-right: 20px;