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