Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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