Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2850 aurel 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
4 
footer p{
5 
	text-align:center;
6 
}
7 
button img {
8 
	display:block;
9 
}
10 
 
11 
h1 {
12 
	font-size: 26px;
13 
}
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 
 
25 
/*+--------------------------------------------------------------------------------------------------------+*/
26 
/* Générique */
2856 aurel 27 
html {
2850 aurel 28 
	background-color: black;
29 
}
30 
.discretion {
31 
	color:grey;
32 
	font-family:arial;
33 
	font-size:11px;
34 
	line-height: 13px;
35 
}
2856 aurel 36 
 
2850 aurel 37 
.droite {
38 
	text-align:right;
39 
}
40 
.centre {
41 
	text-align:center;
42 
}
2865 aurel 43 
.pointer {
44 
	cursor: pointer;
45 
}
2850 aurel 46 
.modal-fenetre {
47 
	position:fixed;
48 
	z-index:1000;
49 
	top:0;
50 
	left:0;
51 
	height:100%;
52 
	width:100%;
53 
	background:#777;
54 
	background:rgba(90,86,93,0.7);
55 
	text-align:center;
56 
}
57 
.modal-contenu {
58 
	position:relative;
59 
	width:30%;
60 
	margin:0 auto;
61 
	top:30%;
62 
}
63 
input#taxon {
64 
	width: 300px;
65 
}
2857 aurel 66 
 
2850 aurel 67 
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
68 
	aux messages d'erreur */
69 
.control-group .error {
70 
	color: #b94a48;
71 
	display: inline-block;
72 
	padding-left: 5px;
73 
	vertical-align: middle;
74 
}
75 
 
2856 aurel 76 
/*
77 
.control-group.success label,
78 
.control-group.success input,
79 
.control-group.success select,
80 
.control-group.success textarea {
81 
    color: inherit;
82 
}
83 
*/
2850 aurel 84 
 
2856 aurel 85 
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
86 
.popover-content {
87 
	border: 1px solid #ddd;
88 
}
89 
.popover-html-content {
90 
	display: none;
91 
}
92 
h3.popover-title {
93 
	display: none;
94 
}
95 
 
96 
 
2850 aurel 97 
/*+--------------------------------------------------------------------------------------------------------+*/
98 
/* Formulaire spécifique */
99 
#map-canvas {
100 
	height:440px;
101 
}
102 
#info-commune {
103 
	text-align:right;
104 
}
105 
.ns-retenu {
106 
	font-weight:bold;
107 
}
108 
.nn{
2856 aurel 109 
	color:inherit;
2850 aurel 110 
}
111 
.nom-sci{
2856 aurel 112 
	font-size:inherit;
113 
	font-style:italic;
114 
	font-weight:none;
2850 aurel 115 
}
116 
.commune, .date{
117 
	font-size:1.3em;
118 
	font-weight:bold;
119 
}
120 
.obs-action{
121 
	opacity:1;
122 
}
123 
 
124 
#miniatures {
125 
    padding-top: 5px;
126 
}
127 
 
128 
.miniature {
129 
    float: left;
130 
    height: 130px;
131 
    padding-left: 15px;
132 
    padding-right: 15px;
133 
    background-repeat: no-repeat;
134 
    background-size: cover;
135 
}
136 
 
137 
.miniature-img {
138 
	height: 100px;
139 
}
140 
 
141 
.miniature img {
142 
	display: block;
143 
}
144 
 
145 
.miniature-chargement {
146 
	height:100px;
147 
	width: 100px;
148 
}
149 
 
150 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
151 
    float: left;
152 
    font-size: 1.2em;
153 
    font-weight: bold;
154 
    height: 62px;
155 
    margin: 5px;
156 
    padding-top: 30px;
157 
    width: 12px;
158 
}
159 
 
160 
.defilement-miniatures {
161 
   width: 210px;
162 
}
163 
 
164 
.defilement-miniatures-cache {
165 
	visibility: hidden;
166 
}
167 
 
168 
.miniature-cachee {
169 
	display: none;
170 
}
171 
 
172 
.miniature-selectionnee {
173 
	display: block;
174 
	width: 90px;
175 
}
176 
 
177 
.referentiel-obs {
178 
	color:#3B9D3B;
179 
}
2856 aurel 180 
 
2857 aurel 181 
.gras {
182 
	font-weight: bold;
183 
}
184 
 
2850 aurel 185 
#referentiel {
186 
	display: inline;
187 
}
188 
 
189 
#logo-titre {
190 
	position: relative;
191 
    top: -8px;
192 
}
193 
 
194 
#photos-conteneur {
195 
	height: 120px;
196 
}
197 
 
198 
#photo-placeholder {
199 
	background: url("../img/icones/icone-photo.png");
200 
	background-size: 89px;
201 
	cursor: pointer;
202 
	margin-bottom: 15px;
203 
	margin-right: 15px;
204 
	float:left;
205 
	border: 5px dashed #CCCCCC;
206 
	border-radius: 8px 8px 8px 8px;
207 
	height: 100px;
208 
	margin: 2px 0 2px 2px;
209 
	text-align: center;
210 
	width: 98px;
211 
	box-sizing:border-box;
212 
	-moz-box-sizing:border-box;
213 
	-webkit-box-sizing:border-box;
214 
}
215 
 
216 
#photo-placeholder:hover {
217 
	background: url("../img/icones/icone-photo-hover.png");
218 
	background-size: 89px;
219 
	border: 5px dashed #111;
220 
	border-radius: 8px;
221 
}
222 
 
223 
#barre-progression-upload span {
224 
	color : #333333;
225 
}
226 
 
227 
.obs-erreur {
228 
	background-color: #DD6E6E;
229 
}
230 
 
2857 aurel 231 
#taxon-option-autre {
232 
	border-top:2px solid grey;
233 
	font-weight:bold;
234 
}
235 
 
2850 aurel 236 
/*+--------------------------------------------------------------------------------------------------------+*/
237 
/* Correction style CSS Bootstrap */
238 
.well {
239 
	margin-bottom: 5px;
240 
	padding: 4px;
241 
}
2857 aurel 242 
 
243 
/* Supression de l'espace (à l'arrache) */
244 
#taxon-liste,
2866 aurel 245 
#courriel,
246 
#identification-liste,
247 
#abondance-liste {
2857 aurel 248 
	margin-left: -4px;
249 
}
250