Subversion Repositories eFlore/Applications.cel

Rev

Rev 2406 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2406 Rev 2410
Line 7... Line 7...
7 
button img {
 7 
button img {
8 
	display:block;
 8 
	display:block;
9 
}
 9 
}
Line 10... Line 10...
10 
 
 10 
 
11 
h1 {
 11 
h1 {
12 
	font-size: 26px;
 12 
	font-size: 22px !important;
13 
}
 13 
}
14 
/*+--------------------------------------------------------------------------------------------------------+*/
 14 
/*+--------------------------------------------------------------------------------------------------------+*/
15 
/* Générique */
 15 
/* Générique */
16 
.discretion {
 16 
.discretion {
17 
	color:grey;
 17 
	color:grey;
18 
	font-family:arial;
 18 
	font-family:arial;
19 
	font-size:11px;
 19 
	font-size:11px;
20 
	line-height: 13px;
 20 
	line-height: 13px;
21 
}
 - 
 
22 
.droite {
 - 
 
23 
	text-align:right;
 - 
 
24 
}
 21 
}
25 
.centre {
 22 
.centre {
26 
	text-align:center;
 23 
	text-align:center;
27 
}
 24 
}
28 
.modal-fenetre {
 25 
.modal-fenetre {
Line 40... Line 37...
40 
	position:relative;
 37 
	position:relative;
41 
	width:30%;
 38 
	width:30%;
42 
	margin:0 auto;
 39 
	margin:0 auto;
43 
	top:30%;
 40 
	top:30%;
44 
}
 41 
}
- 
 
 42 
 
45 
/*+--------------------------------------------------------------------------------------------------------+*/
 43 
/*+--------------------------------------------------------------------------------------------------------+*/
46 
/* Formulaire spécifique */
 44 
/* Formulaire spécifique */
- 
 
 45 
.page-header {
- 
 
 46 
	border-radius: 10px;
- 
 
 47 
}
- 
 
 48 
.page-header h1{
- 
 
 49 
	font-size: 3em;
- 
 
 50 
	line-height: 90px;
- 
 
 51 
	margin-bottom: 0;
- 
 
 52 
}
- 
 
 53 
#logo-titre {
- 
 
 54 
	position: relative;
- 
 
 55 
	left: 8px;
- 
 
 56 
	margin-right: 1em;
- 
 
 57 
	height: 80px;
- 
 
 58 
}
- 
 
 59 
 
- 
 
 60 
#intro {
- 
 
 61 
 
- 
 
 62 
}
- 
 
 63 
 
47 
#info-commune {
 64 
#info-commune {
48 
	text-align:right;
 65 
	text-align:right;
49 
}
 66 
}
50 
.ns-retenu {
 67 
.ns-retenu {
51 
	font-weight:bold;
 68 
	font-weight:bold;
52 
}
 69 
}
53 
.nn{
 70 
.nn{
54 
	color:#3B9D3B;
 71 
	color:#3B9D3B;
55 
}
 72 
}
56 
.nom-sci{
 73 
.nom-sci {
57 
	font-size:1.5em;
 - 
 
58 
	font-weight:bold;
 - 
 
59 
}
 - 
 
60 
.commune, .date{
 - 
 
61 
	font-size:1.3em;
 74 
	font-style: italic;
62 
	font-weight:bold;
 - 
 
63 
}
 75 
}
- 
 
 76 
 
64 
.obs-action{
 77 
.obs-action{
65 
	opacity:1;
 78 
	opacity:1;
66 
}
 79 
}
Line 67... Line -...
67 
 
 - 
 
68 
 
 80 
 
69 
#miniatures {
 81 
#miniatures {
70 
	padding-top: 5px;
 82 
	padding-top: 5px;
- 
 
 83 
}
71 
}
 84 
 
72 
.miniature{
 85 
.miniature{
73 
	float: left;
 86 
	float: left;
74 
	height: 130px;
 87 
	height: 130px;
75 
	padding-left: 15px;
 - 
 
76 
	padding-right: 15px;
 88 
	padding: 10px;
- 
 
 89 
}
77 
}
 90 
 
78 
.miniature-img {
 91 
.miniature-img {
- 
 
 92 
	height: 100px;
79 
	height: 100px;
 93 
	margin: 0;
Line 80... Line 94...
80 
}
 94 
}
81 
 
 95 
 
82 
.miniature img {
 96 
.miniature img {
Line 95... Line 109...
95 
	height: 62px;
 109 
	height: 62px;
96 
	margin: 5px;
 110 
	margin: 5px;
97 
	padding-top: 30px;
 111 
	padding-top: 30px;
98 
	width: 12px;
 112 
	width: 12px;
99 
}
 113 
}
- 
 
 114 
 
100 
.defilement-miniatures {
 115 
.defilement-miniatures {
101 
	width: 210px;
 116 
	width: 210px;
102 
}
 117 
}
- 
 
 118 
.defilement-miniatures .thumbnail {
- 
 
 119 
	float: left;
- 
 
 120 
}
- 
 
 121 
 
103 
.defilement-miniatures-cache {
 122 
.defilement-miniatures-cache {
104 
	visibility: hidden;
 123 
	visibility: hidden;
105 
}
 124 
}
- 
 
 125 
 
106 
.miniature-cachee {
 126 
.miniature-cachee {
107 
	display: none;
 127 
	display: none;
108 
}
 128 
}
- 
 
 129 
 
109 
.miniature-selectionnee {
 130 
.miniature-selectionnee {
110 
	display: block;
 131 
	display: block;
- 
 
 132 
	box-sizing: content-box;
- 
 
 133 
	max-height: 100px;
111 
	width: 90px;
 134 
	max-width: 100px;
112 
}
 135 
}
Line 113... Line -...
113 
 
 - 
 
114 
.referentiel-obs {
 - 
 
115 
	color:#3B9D3B;
 - 
 
116 
}
 136 
 
117 
#referentiel {
 137 
#referentiel {
118 
	display: inline;
 138 
	display: inline;
Line 119... Line -...
119 
}
 - 
 
120 
 
 - 
 
121 
#logo-titre {
 - 
 
122 
	position: relative;
 - 
 
123 
	top: -8px;
 - 
 
124 
}
 139 
}
125 
 
 140 
 
126 
#photos-conteneur {
 141 
#photos-conteneur {
Line 127... Line 142...
127 
	height: 120px;
 142 
	height: 120px;
Line 142... Line 157...
142 
	width: 98px;
 157 
	width: 98px;
143 
	box-sizing:border-box;
 158 
	box-sizing:border-box;
144 
	-moz-box-sizing:border-box;
 159 
	-moz-box-sizing:border-box;
145 
	-webkit-box-sizing:border-box;
 160 
	-webkit-box-sizing:border-box;
146 
}
 161 
}
- 
 
 162 
 
147 
#photo-placeholder:hover {
 163 
#photo-placeholder:hover {
148 
	background: url("../img/icones/icone-photo-hover.png");
 164 
	background: url("../img/icones/icone-photo-hover.png");
149 
	background-size: 89px;
 165 
	background-size: 89px;
150 
	border: 5px dashed #111;
 166 
	border: 5px dashed #111;
151 
	border-radius: 8px;
 167 
	border-radius: 8px;
152 
}
 168 
}
Line 153... Line 169...
153 
 
 169 
 
154 
#barre-progression-upload span {
 170 
#barre-progression-upload span {
155 
	color : #333333;
 171 
	color : #333333;
- 
 
 172 
}
156 
}
 173 
 
157 
.obs-erreur {
 174 
.obs-erreur {
158 
	background-color: #DD6E6E;
 175 
	background-color: #DD6E6E;
- 
 
 176 
}
159 
}
 177 
 
160 
#barre-progression-upload span {
 178 
#barre-progression-upload span {
161 
	color : #333333;
 179 
	color : #333333;
Line -... Line 180...
- 
 
 180 
}
- 
 
 181 
 
- 
 
 182 
#taxon-liste optgroup + optgroup {
- 
 
 183 
	border-top: 1px solid black;
- 
 
 184 
}
- 
 
 185 
/*+--------------------------------------------------------------------------------------------------------+*/
- 
 
 186 
/* Details obs ajoutées*/
- 
 
 187 
.obs-entete {
- 
 
 188 
	margin-bottom: 0;
- 
 
 189 
}
- 
 
 190 
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
- 
 
 191 
	font-size:1.3em;
- 
 
 192 
	font-weight:bold;
- 
 
 193 
	color: #777;
- 
 
 194 
}
- 
 
 195 
.obs-entete .referentiel-obs {
- 
 
 196 
	color:#3B9D3B;
- 
 
 197 
}
- 
 
 198 
.obs-details span{
- 
 
 199 
	font-style:italic;
- 
 
 200 
	color: #777;
162 
}
 201 
}
163 
 
 202 
 
164 
/*+--------------------------------------------------------------------------------------------------------+*/
 203 
/*+--------------------------------------------------------------------------------------------------------+*/
165 
/* Google Map*/
 204 
/* Google Map*/
166 
#map-canvas {
 205 
#map-canvas {
Line 211... Line 250...
211 
	color: black;
 250 
	color: black;
212 
}
 251 
}
213 
.well .fermer:hover {
 252 
.well .fermer:hover {
214 
	text-decoration: none;
 253 
	text-decoration: none;
215 
}
 254 
}
216 
.well .icone {
 255 
.well .glyphicon-plus-sign {
217 
	position:absolute;
 256 
	position:absolute;
218 
	right:5px;
 257 
	right:1em;
- 
 
 258 
	top: 0.2em;
219 
}
 259 
}
Line 220... Line 260...
220 
 
 260 
 
221 
/*+--------------------------------------------------------------------------------------------------------+*/
 - 
 
222 
/*Modal plte-description */
 - 
 
223 
.dsc-imgs {
 - 
 
224 
	max-width: 800px;
 - 
 
225 
	margin:0 auto;
 - 
 
226 
}
 - 
 
227 
.dsc-infos {
 - 
 
228 
	max-width: 800px;
 - 
 
229 
}
 - 
 
230 
.dsc-clean {
 - 
 
231 
	clear:both;
 - 
 
232 
}
 - 
 
233 
@media (min-width: 600px) and (max-width: 800px) {
 - 
 
234 
	.dsc-imgs {
 - 
 
235 
		width: 600px;
 - 
 
236 
	}
 - 
 
237 
	.dsc-imgs img {
 - 
 
238 
		width: 290px;
 - 
 
239 
	}
 - 
 
240 
	.dsc-infos {
 - 
 
241 
		width: 600px;
 - 
 
242 
	}
 - 
 
243 
}
 - 
 
244 
@media (min-width: 801px) and (max-width: 1359px) {
 - 
 
245 
	.modal {
 - 
 
246 
		width:800px;
 - 
 
247 
		margin-left:-400px;
 - 
 
248 
	}
 - 
 
249 
	.dsc-imgs {
 - 
 
250 
		width: 780px;
 - 
 
251 
	}
 - 
 
252 
	.dsc-infos {
 - 
 
253 
		width: 700px;
 - 
 
254 
	}
 - 
 
255 
}
 - 
 
256 
@media (min-width: 1360px) {
 - 
 
257 
	.modal {
 - 
 
258 
		width:1360px;
 - 
 
259 
		margin-left:-680px;
 - 
 
260 
	}
 - 
 
261 
	.dsc-imgs {
 - 
 
262 
		float:left;
 - 
 
263 
	}
 - 
 
264 
	.dsc-infos {
 - 
 
265 
		float:left;
 - 
 
266 
		max-width: 500px;
 - 
 
267 
	}
 - 
 
268 
 
 - 
 
269 
}
 - 
 
270 
/*+--------------------------------------------------------------------------------------------------------+*/
 261 
/*+--------------------------------------------------------------------------------------------------------+*/
271 
/* Correction style CSS Bootstrap */
 262 
/* Correction style CSS Bootstrap */
272 
.well {
 263 
.well {
273 
	margin-bottom: 5px;
 264 
	margin-bottom: 5px;
- 
 
 265 
	padding: 4px;
- 
 
 266 
	background-color: rgba(245,245,245,0.85);
- 
 
 267 
}
- 
 
 268 
input[type="file"] {
274 
	padding: 4px;
 269 
	padding-top: 0;
275 
}
 270 
}