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