Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 1423 Rev 1424
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: #928B71;
8
	background-color: #928B71;
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: 2em;
54
	font-size: 2em;
55
	background-color: #928B71;
55
	background-color: #928B71;
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: #928B71;
65
	background-color: #928B71;
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: 20px;
123
	margin-top: 20px;
124
}
124
}
125
 
125
 
126
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires {
126
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires {
127
    background-color: #EEE;
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
}
133
}
133
 
134
 
134
#smartflore-footer #collapse-partenaires {
135
#smartflore-footer #collapse-partenaires {
135
	padding-bottom: 10px;
136
	padding-bottom: 10px;
136
}
137
}
137
 
138
 
138
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires h4 {
139
#smartflore-footer #smartflore-partenaires #smartflore-accordeon-partenaires h4 {
139
    font-size: 1.2em;
140
    font-size: 1.2em;
140
}
141
}
141
 
142
 
142
#smartflore-footer .smartflore-footer-partenaires-logo {
143
#smartflore-footer .smartflore-footer-partenaires-logo {
143
	height: 30vh;
144
	max-height: 30vh;
-
 
145
	max-width: 40vw;
144
}
146
}
145
 
147
 
146
/**
148
/**
147
 *
149
 *
148
 * Media Queries
150
 * Media Queries
149
 *
151
 *
150
*/
152
*/
151
@media screen and (max-width: 384px) {
153
@media screen and (max-width: 384px) {
152
  	#smartflore-fiche #smartflore-entete h1 {
154
  	#smartflore-fiche #smartflore-entete h1 {
153
		font-size: 2.2em;
155
		font-size: 2.2em;
154
	}
156
	}
155
	
157
	
156
	#smartflore-fiche .smartflore-contenu-section {
158
	#smartflore-fiche .smartflore-contenu-section {
157
		margin: 20px;
159
		margin: 20px;
158
		font-size: 1em;
160
		font-size: 1em;
159
	}
161
	}
160
	
162
	
161
	#smartflore-fiche #smartflore-noms h2 {
163
	#smartflore-fiche #smartflore-noms h2 {
162
		font-size: 1.2em;
164
		font-size: 1.2em;
163
	}
165
	}
164
	
166
	
165
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
167
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
166
		font-size: 0.6em;
168
		font-size: 0.6em;
167
	}
169
	}
168
	
170
	
169
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn, #smartflore-footer .smartflore-titre-partenaires {
171
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn, #smartflore-footer .smartflore-titre-partenaires {
170
		font-size: 0.9em;
172
		font-size: 0.9em;
171
	}
173
	}
172
	
174
	
173
	#smartflore-fiche .smartflore-titre-section a { 
175
	#smartflore-fiche .smartflore-titre-section a { 
174
		font-size: 1.5em;
176
		font-size: 1.5em;
175
	}
177
	}
176
}
178
}
177
 
179
 
178
@media all and (orientation:portrait) {
180
@media all and (orientation:portrait) {
179
	#smartflore-illustrations .carousel-inner {
181
	#smartflore-illustrations .carousel-inner {
180
		height: 40vh;
182
		height: 40vh;
181
	}
183
	}
182
	
184
	
183
	#smartflore-fiche #smart-flore-logo-tela {
185
	#smartflore-fiche #smart-flore-logo-tela {
184
		bottom: 13px;
186
		bottom: 13px;
185
	    height: 7vh;
187
	    height: 7vh;
186
	    position: relative;
188
	    position: relative;
187
	    min-height: 50px;
189
	    min-height: 50px;
188
	}
190
	}
189
	
191
	
190
	#smartflore-fiche #smartflore-entete h1 {
192
	#smartflore-fiche #smartflore-entete h1 {
191
	    margin-top: -3px;
193
	    margin-top: -3px;
192
    	margin-bottom: -6px;
194
    	margin-bottom: -6px;
193
	}
195
	}
194
}
196
}
195
 
197
 
196
@media all and (orientation:landscape) {
198
@media all and (orientation:landscape) {
197
	#smartflore-illustrations .carousel-inner {
199
	#smartflore-illustrations .carousel-inner {
198
		height: 90vh;
200
		height: 90vh;
199
	}
201
	}
200
	
202
	
201
	#smartflore-fiche #smartflore-entete h1 {
203
	#smartflore-fiche #smartflore-entete h1 {
202
	    margin-top: -10px;
204
	    margin-top: -10px;
203
    	margin-bottom: -10px;
205
    	margin-bottom: -10px;
204
	}
206
	}
205
}
207
}