Subversion Repositories eFlore/Applications.cel

Rev

Details | 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
 
68
 
1210 jpm 69
/*+--------------------------------------------------------------------------------------------------------+*/
70
/* Formulaire spécifique */
71
#map-canvas {
2779 mathias 72
	height:440px;
1210 jpm 73
}
74
#info-commune {
75
	text-align:right;
76
}
1215 jpm 77
.ns-retenu {
78
	font-weight:bold;
79
}
1240 jpm 80
.nn{
81
	color:#3B9D3B;
82
}
83
.nom-sci{
84
	font-size:1.5em;
85
	font-weight:bold;
86
}
87
.commune, .date{
88
	font-size:1.3em;
89
	font-weight:bold;
90
}
91
.obs-action{
92
	opacity:1;
93
}
1543 aurelien 94
 
95
#miniatures {
96
    padding-top: 5px;
97
}
98
 
2688 mathias 99
.miniature {
1524 aurelien 100
    float: left;
101
    height: 130px;
102
    padding-left: 15px;
103
    padding-right: 15px;
2688 mathias 104
    background-repeat: no-repeat;
105
    background-size: cover;
1240 jpm 106
}
1493 aurelien 107
 
1524 aurelien 108
.miniature-img {
109
	height: 100px;
110
}
111
 
112
.miniature img {
113
	display: block;
114
}
115
 
1493 aurelien 116
.miniature-chargement {
117
	height:100px;
118
	width: 100px;
119
}
1524 aurelien 120
 
121
.defilement-miniatures-gauche, .defilement-miniatures-droite {
122
    float: left;
123
    font-size: 1.2em;
124
    font-weight: bold;
125
    height: 62px;
126
    margin: 5px;
127
    padding-top: 30px;
128
    width: 12px;
129
}
130
 
131
.defilement-miniatures {
132
   width: 210px;
133
}
134
 
135
.defilement-miniatures-cache {
136
	visibility: hidden;
137
}
138
 
139
.miniature-cachee {
140
	display: none;
141
}
142
 
143
.miniature-selectionnee {
144
	display: block;
145
	width: 90px;
146
}
147
 
1476 aurelien 148
.referentiel-obs {
149
	color:#3B9D3B;
150
}
151
#referentiel {
152
	display: inline;
153
}
1493 aurelien 154
 
155
#logo-titre {
156
	position: relative;
157
    top: -8px;
158
}
1524 aurelien 159
 
160
#photos-conteneur {
161
	height: 120px;
162
}
163
 
164
#photo-placeholder {
165
	background: url("../img/icones/icone-photo.png");
166
	background-size: 89px;
167
	cursor: pointer;
168
	margin-bottom: 15px;
169
	margin-right: 15px;
170
	float:left;
171
	border: 5px dashed #CCCCCC;
1532 jpm 172
	border-radius: 8px 8px 8px 8px;
173
	height: 100px;
174
	margin: 2px 0 2px 2px;
175
	text-align: center;
176
	width: 98px;
177
	box-sizing:border-box;
178
	-moz-box-sizing:border-box;
179
	-webkit-box-sizing:border-box;
1524 aurelien 180
}
181
 
182
#photo-placeholder:hover {
183
	background: url("../img/icones/icone-photo-hover.png");
184
	background-size: 89px;
185
	border: 5px dashed #111;
1532 jpm 186
	border-radius: 8px;
1524 aurelien 187
}
188
 
2110 aurelien 189
#barre-progression-upload span {
190
	color : #333333;
191
}
192
 
193
.obs-erreur {
194
	background-color: #DD6E6E;
195
}
196
 
1212 jpm 197
/*+--------------------------------------------------------------------------------------------------------+*/
198
/* Correction style CSS Bootstrap */
199
.well {
200
	margin-bottom: 5px;
201
	padding: 4px;
1240 jpm 202
}