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 */
27 
html  {
28 
	background-color: black;
29 
}
30 
.discretion {
31 
	color:grey;
32 
	font-family:arial;
33 
	font-size:11px;
34 
	line-height: 13px;
35 
}
36 
.droite {
37 
	text-align:right;
38 
}
39 
.centre {
40 
	text-align:center;
41 
}
42 
.modal-fenetre {
43 
	position:fixed;
44 
	z-index:1000;
45 
	top:0;
46 
	left:0;
47 
	height:100%;
48 
	width:100%;
49 
	background:#777;
50 
	background:rgba(90,86,93,0.7);
51 
	text-align:center;
52 
}
53 
.modal-contenu {
54 
	position:relative;
55 
	width:30%;
56 
	margin:0 auto;
57 
	top:30%;
58 
}
59 
input#taxon {
60 
	width: 300px;
61 
}
62 
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
63 
	aux messages d'erreur */
64 
.control-group .error {
65 
	color: #b94a48;
66 
	display: inline-block;
67 
	padding-left: 5px;
68 
	vertical-align: middle;
69 
}
70 
 
71 
 
72 
/*+--------------------------------------------------------------------------------------------------------+*/
73 
/* Formulaire spécifique */
74 
#map-canvas {
75 
	height:440px;
76 
}
77 
#info-commune {
78 
	text-align:right;
79 
}
80 
.ns-retenu {
81 
	font-weight:bold;
82 
}
83 
.nn{
84 
	color:#3B9D3B;
85 
}
86 
.nom-sci{
87 
	font-size:1.5em;
88 
	font-weight:bold;
89 
}
90 
.commune, .date{
91 
	font-size:1.3em;
92 
	font-weight:bold;
93 
}
94 
.obs-action{
95 
	opacity:1;
96 
}
97 
 
98 
#miniatures {
99 
    padding-top: 5px;
100 
}
101 
 
102 
.miniature {
103 
    float: left;
104 
    height: 130px;
105 
    padding-left: 15px;
106 
    padding-right: 15px;
107 
    background-repeat: no-repeat;
108 
    background-size: cover;
109 
}
110 
 
111 
.miniature-img {
112 
	height: 100px;
113 
}
114 
 
115 
.miniature img {
116 
	display: block;
117 
}
118 
 
119 
.miniature-chargement {
120 
	height:100px;
121 
	width: 100px;
122 
}
123 
 
124 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
125 
    float: left;
126 
    font-size: 1.2em;
127 
    font-weight: bold;
128 
    height: 62px;
129 
    margin: 5px;
130 
    padding-top: 30px;
131 
    width: 12px;
132 
}
133 
 
134 
.defilement-miniatures {
135 
   width: 210px;
136 
}
137 
 
138 
.defilement-miniatures-cache {
139 
	visibility: hidden;
140 
}
141 
 
142 
.miniature-cachee {
143 
	display: none;
144 
}
145 
 
146 
.miniature-selectionnee {
147 
	display: block;
148 
	width: 90px;
149 
}
150 
 
151 
.referentiel-obs {
152 
	color:#3B9D3B;
153 
}
154 
#referentiel {
155 
	display: inline;
156 
}
157 
 
158 
#logo-titre {
159 
	position: relative;
160 
    top: -8px;
161 
}
162 
 
163 
#photos-conteneur {
164 
	height: 120px;
165 
}
166 
 
167 
#photo-placeholder {
168 
	background: url("../img/icones/icone-photo.png");
169 
	background-size: 89px;
170 
	cursor: pointer;
171 
	margin-bottom: 15px;
172 
	margin-right: 15px;
173 
	float:left;
174 
	border: 5px dashed #CCCCCC;
175 
	border-radius: 8px 8px 8px 8px;
176 
	height: 100px;
177 
	margin: 2px 0 2px 2px;
178 
	text-align: center;
179 
	width: 98px;
180 
	box-sizing:border-box;
181 
	-moz-box-sizing:border-box;
182 
	-webkit-box-sizing:border-box;
183 
}
184 
 
185 
#photo-placeholder:hover {
186 
	background: url("../img/icones/icone-photo-hover.png");
187 
	background-size: 89px;
188 
	border: 5px dashed #111;
189 
	border-radius: 8px;
190 
}
191 
 
192 
#barre-progression-upload span {
193 
	color : #333333;
194 
}
195 
 
196 
.obs-erreur {
197 
	background-color: #DD6E6E;
198 
}
199 
 
200 
/*+--------------------------------------------------------------------------------------------------------+*/
201 
/* Correction style CSS Bootstrap */
202 
.well {
203 
	margin-bottom: 5px;
204 
	padding: 4px;
205 
}