Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | 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 
}