Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1469 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1469 Rev 1470
1
#smartflore-fiche #smartflore-entete h1 {
1
#smartflore-fiche #smartflore-entete h1 {
2
	font-size: 3.5em;
2
	font-size: 3.5em;
3
	margin-top: 10px;
3
	margin-top: 10px;
4
    margin-bottom: -10px;
4
    margin-bottom: -10px;
5
}
5
}
6
 
6
 
7
#smartflore-fiche .smartflore-titre-section {
7
#smartflore-fiche .smartflore-titre-section {
8
	background-color: #C2D45B;
8
	background-color: #C2D45B;
9
	color: #FFFFFF;
9
	color: #FFFFFF;
10
	padding-top: 10px;
10
	padding-top: 10px;
11
	padding-bottom: 10px;
11
	padding-bottom: 10px;
12
	margin-bottom: 20px;
12
	margin-bottom: 20px;
13
}
13
}
14
 
14
 
15
#smartflore-fiche .smartflore-titre-section a { 
15
#smartflore-fiche .smartflore-titre-section a { 
16
	font-size: 2em;
16
	font-size: 2em;
17
	font-weight: bold;
17
	font-weight: bold;
18
}
18
}
19
 
19
 
20
#smartflore-fiche .smartflore-titre-section .panel-title { 
20
#smartflore-fiche .smartflore-titre-section .panel-title { 
21
	text-align: center;	
21
	text-align: center;	
22
}
22
}
23
 
23
 
24
#smartflore-fiche .smartflore-titre-section-icone {
24
#smartflore-fiche .smartflore-titre-section-icone {
25
	float: left;
25
	float: left;
26
}
26
}
27
 
27
 
28
#smartflore-fiche .smartflore-contenu-section {
28
#smartflore-fiche .smartflore-contenu-section {
29
	margin: 20px;
29
	margin: 20px;
30
	font-size: 1.5em;
30
	font-size: 1.5em;
31
	text-align: justify;
31
	text-align: justify;
32
}
32
}
33
 
33
 
34
#smartflore-fiche #smartflore-entete {
34
#smartflore-fiche #smartflore-entete {
35
	text-align: center;	
35
	text-align: center;	
36
}
36
}
37
 
37
 
38
#smartflore-fiche .smart-flore-sf {
38
#smartflore-fiche .smart-flore-sf {
39
	font-size: 2em;
39
	font-size: 2em;
40
	color: #DE6E40;
40
	color: #DE6E40;
41
}
41
}
42
 
42
 
43
#smartflore-fiche #smart-flore-logo-tela {
43
#smartflore-fiche #smart-flore-logo-tela {
44
	bottom: 15px;
44
	bottom: 15px;
45
    height: 80px;
45
    height: 80px;
46
    position: relative;
46
    position: relative;
47
}
47
}
48
 
48
 
49
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton {
49
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton {
50
	text-align: center;
50
	text-align: center;
51
}
51
}
52
 
52
 
53
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
53
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
54
	font-size: 1.5em;
54
	font-size: 1.5em;
55
	background-color: #C2D45B;
55
	background-color: #C2D45B;
56
	color: #FFFFFF;
56
	color: #FFFFFF;
57
}
57
}
58
 
58
 
59
#smartflore-fiche #smartflore-noms h2 {
59
#smartflore-fiche #smartflore-noms h2 {
60
	margin-top: 0px;
60
	margin-top: 0px;
61
	font-size: 1.5em;
61
	font-size: 1.5em;
62
}
62
}
63
 
63
 
64
#smartflore-illustrations {
64
#smartflore-illustrations {
65
	background-color: #C2D45B;
65
	background-color: #C2D45B;
66
	padding-bottom: 10px;
66
	padding-bottom: 10px;
67
	padding-top: 10px;
67
	padding-top: 10px;
68
	margin-bottom: 20px;
68
	margin-bottom: 20px;
69
}
69
}
70
 
70
 
71
#smartflore-illustrations .carousel-inner {
71
#smartflore-illustrations .carousel-inner {
72
	height: 40vh;
72
	height: 40vh;
73
	max-width: 100%;	
73
	max-width: 100%;	
74
}
74
}
75
 
75
 
76
#smartflore-illustrations .carousel-inner .item {
76
#smartflore-illustrations .carousel-inner .item {
77
	height: 100%;	
77
	height: 100%;	
78
}
78
}
79
 
79
 
80
#smartflore-illustrations .carousel-inner .item img {
80
#smartflore-illustrations .carousel-inner .item img {
81
	height: 100%;	
81
	height: 100%;	
82
	max-width: 100vw;
82
	max-width: 100vw;
83
}
83
}
84
 
84
 
85
#smartflore-illustrations .carousel-control.right {
85
#smartflore-illustrations .carousel-control.right {
86
	background-image : none;
86
	background-image : none;
87
}
87
}
88
 
88
 
89
#smartflore-illustrations .carousel-control.left {
89
#smartflore-illustrations .carousel-control.left {
90
	background-image : none;
90
	background-image : none;
91
}
91
}
92
 
92
 
93
#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
93
#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
94
	font-size: 1.1em;
94
	font-size: 1.1em;
95
}
95
}
96
 
96
 
97
#smartflore-fiche #smartflore-noms {
97
#smartflore-fiche #smartflore-noms {
98
	font-size: 2em;
98
	font-size: 2em;
99
	color: #FFFFFF;
99
	color: #FFFFFF;
100
	text-align: center;
100
	text-align: center;
101
}
101
}
102
 
102
 
103
#smartflore-fiche .smartflore-nom-verna {
103
#smartflore-fiche .smartflore-nom-verna {
104
	margin-bottom: 0px;
104
	margin-bottom: 0px;
105
}
105
}
106
 
106
 
107
#smartflore-fiche .smartflore-nom-sci, #smartflore-fiche .smartflore-famille {
107
#smartflore-fiche .smartflore-nom-sci, #smartflore-fiche .smartflore-famille {
108
	margin-top: 5px;
108
	margin-top: 5px;
109
	display: inline-block;
109
	display: inline-block;
110
}
110
}
111
 
111
 
112
#smartflore-fiche .smartflore-nom-sci {
112
#smartflore-fiche .smartflore-nom-sci {
113
	font-style: italic;
113
	font-style: italic;
114
}
114
}
115
 
115
 
116
#smartflore-footer #smartflore-sources {
116
#smartflore-footer #smartflore-sources {
117
 	display: none;
117
 	display: none;
118
}
118
}
119
 
119
 
120
#smartflore-partenaires {
120
#smartflore-partenaires {
121
	padding-left: 0px;
121
	padding-left: 0px;
122
	padding-right: 0px;
122
	padding-right: 0px;
123
	margin-top: 15px;
123
	margin-top: 15px;
124
}
124
}
125
 
125
 
126
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires {
126
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires {
127
    background-color: #EEEEEE;
127
    background-color: #EEEEEE;
128
    color: black;
128
    color: black;
129
    font-size: 2em;
129
    font-size: 2em;
130
    margin-bottom: 0;
130
    margin-bottom: 0;
131
    text-align: center;
131
    text-align: center;
132
    color: #666666;
132
    color: #666666;
133
}
133
}
134
 
134
 
135
#smartflore-footer #collapse-partenaires {
135
#smartflore-footer #collapse-partenaires {
136
	padding-bottom: 5px;
136
	padding-bottom: 5px;
137
	font-size: 0.8em;
137
	font-size: 0.8em;
-
 
138
	background: white;
138
}
139
}
139
 
140
 
140
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires h4 {
141
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires h4 {
141
    font-size: 0.8em;
142
    font-size: 0.8em;
142
}
143
}
143
 
144
 
144
#smartflore-footer .smartflore-footer-partenaires-logo {
145
#smartflore-footer .smartflore-footer-partenaires-logo {
145
	max-height: 30vh;
146
	max-height: 100%;
146
	max-width: 40vw;
147
	max-width: 100%;
147
}
148
}
148
 
149
 
149
/**
150
/**
150
 *
151
 *
151
 * Media Queries
152
 * Media Queries
152
 *
153
 *
153
*/
154
*/
154
@media screen and (max-width: 480px) {
155
@media screen and (max-width: 480px) {
155
  	#smartflore-fiche #smartflore-entete h1 {
156
  	#smartflore-fiche #smartflore-entete h1 {
156
		font-size: 2.2em;
157
		font-size: 2.2em;
157
	}
158
	}
158
	
159
	
159
	#smartflore-fiche .smartflore-contenu-section {
160
	#smartflore-fiche .smartflore-contenu-section {
160
		margin: 20px;
161
		margin: 20px;
161
		font-size: 1em;
162
		font-size: 1em;
162
	}
163
	}
163
	
164
	
164
	#smartflore-fiche #smartflore-noms h2 {
165
	#smartflore-fiche #smartflore-noms h2 {
165
		font-size: 1.2em;
166
		font-size: 1.2em;
166
	}
167
	}
167
	
168
	
168
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
169
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
169
		font-size: 0.6em;
170
		font-size: 0.6em;
170
	}
171
	}
171
	
172
	
172
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn, #smartflore-footer .smartflore-titre-partenaires {
173
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn, #smartflore-footer .smartflore-titre-partenaires {
173
		font-size: 0.9em;
174
		font-size: 0.9em;
174
	}
175
	}
175
	
176
	
176
	#smartflore-fiche .smartflore-titre-section a { 
177
	#smartflore-fiche .smartflore-titre-section a { 
177
		font-size: 1.5em;
178
		font-size: 1.5em;
178
	}
179
	}
179
	
180
	
180
	#smartflore-illustrations-galerie-carousel .carousel-caption {
181
	#smartflore-illustrations-galerie-carousel .carousel-caption {
181
		font-size: 0.83em;
182
		font-size: 0.83em;
182
	 	bottom: 0px;
183
	 	bottom: 0px;
183
	}
184
	}
184
	
185
	
185
	#smartflore-illustrations-galerie-carousel .carousel-indicators {
186
	#smartflore-illustrations-galerie-carousel .carousel-indicators {
186
	    bottom: -10px;
187
	    bottom: -10px;
187
	}
188
	}
188
}
189
}
189
 
190
 
190
@media all and (orientation:portrait) {
191
@media all and (orientation:portrait) {
191
	#smartflore-illustrations .carousel-inner {
192
	#smartflore-illustrations .carousel-inner {
192
		height: 40vh;
193
		height: 40vh;
193
	}
194
	}
194
	
195
	
195
	#smartflore-fiche #smart-flore-logo-tela {
196
	#smartflore-fiche #smart-flore-logo-tela {
196
		bottom: 13px;
197
		bottom: 13px;
197
	    height: 7vh;
198
	    height: 7vh;
198
	    position: relative;
199
	    position: relative;
199
	    min-height: 50px;
200
	    min-height: 50px;
200
	}
201
	}
201
	
202
	
202
	#smartflore-fiche #smartflore-entete h1 {
203
	#smartflore-fiche #smartflore-entete h1 {
203
	    margin-top: -3px;
204
	    margin-top: -3px;
204
    	margin-bottom: -6px;
205
    	margin-bottom: -6px;
205
	}
206
	}
206
}
207
}
207
 
208
 
208
@media all and (orientation:landscape) {
209
@media all and (orientation:landscape) {
209
	#smartflore-illustrations .carousel-inner {
210
	#smartflore-illustrations .carousel-inner {
210
		height: 90vh;
211
		height: 90vh;
211
	}
212
	}
212
	
213
	
213
	#smartflore-fiche #smartflore-entete h1 {
214
	#smartflore-fiche #smartflore-entete h1 {
214
	    margin-top: -10px;
215
	    margin-top: -10px;
215
    	margin-bottom: -10px;
216
    	margin-bottom: -10px;
216
	}
217
	}
217
	
218
	
218
	#smartflore-illustrations-galerie-carousel .carousel-caption {
219
	#smartflore-illustrations-galerie-carousel .carousel-caption {
219
		font-size: 0.9em;
220
		font-size: 0.9em;
220
	 	bottom: 2px;
221
	 	bottom: 2px;
221
	}
222
	}
222
	
223
	
223
	#smartflore-illustrations-galerie-carousel .carousel-indicators {
224
	#smartflore-illustrations-galerie-carousel .carousel-indicators {
224
	    bottom: -10px;
225
	    bottom: -10px;
225
	}
226
	}
226
}
227
}