Subversion Repositories eFlore/Applications.cel

Rev

Rev 2852 | 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
 
2851 mathias 68
.cursor-pointer {
69
	cursor: pointer;
70
}
2688 mathias 71
 
2852 mathias 72
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
2851 mathias 73
.popover-content {
74
	border: 1px solid #ddd;
75
}
76
.popover-html-content {
77
	display: none;
78
}
2852 mathias 79
h3.popover-title {
80
	display: none;
81
}
2851 mathias 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
}