Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1424 | Rev 1431 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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