Subversion Repositories eFlore/Applications.cel

Rev

Rev 2110 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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