Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 1414 Rev 1419
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;
-
 
4
    margin-bottom: -10px;
3
}
5
}
4
 
6
 
5
#smartflore-fiche .smartflore-titre-section {
7
#smartflore-fiche .smartflore-titre-section {
6
	background-color: #928B71;
8
	background-color: #928B71;
7
	color: #FFFFFF;
9
	color: #FFFFFF;
8
	padding-top: 10px;
10
	padding-top: 10px;
9
	padding-bottom: 10px;
11
	padding-bottom: 10px;
10
	margin-bottom: 20px;
12
	margin-bottom: 20px;
11
}
13
}
12
 
14
 
13
#smartflore-fiche .smartflore-titre-section a { 
15
#smartflore-fiche .smartflore-titre-section a { 
14
	font-size: 2em;
16
	font-size: 2em;
15
	font-weight: bold;
17
	font-weight: bold;
16
}
18
}
17
 
19
 
18
#smartflore-fiche .smartflore-titre-section .panel-title { 
20
#smartflore-fiche .smartflore-titre-section .panel-title { 
19
	text-align: center;	
21
	text-align: center;	
20
}
22
}
21
 
23
 
22
#smartflore-fiche .smartflore-titre-section-icone {
24
#smartflore-fiche .smartflore-titre-section-icone {
23
	float: left;
25
	float: left;
24
}
26
}
25
 
27
 
26
#smartflore-fiche .smartflore-contenu-section {
28
#smartflore-fiche .smartflore-contenu-section {
27
	margin: 20px;
29
	margin: 20px;
28
	font-size: 1.5em;
30
	font-size: 1.5em;
29
	text-align: justify;
31
	text-align: justify;
30
}
32
}
31
 
33
 
32
#smartflore-fiche #smartflore-entete {
34
#smartflore-fiche #smartflore-entete {
33
	text-align: center;	
35
	text-align: center;	
34
}
36
}
35
 
37
 
36
#smartflore-fiche .smart-flore-sf {
38
#smartflore-fiche .smart-flore-sf {
37
	font-size: 2em;
39
	font-size: 2em;
38
	color: #DE6E40;
40
	color: #DE6E40;
39
}
41
}
40
 
42
 
41
#smartflore-fiche #smart-flore-logo-tela {
43
#smartflore-fiche #smart-flore-logo-tela {
42
    bottom: 15px;
44
	bottom: 15px;
43
    height: 80px;
45
    height: 80px;
44
    position: relative;
46
    position: relative;
45
}
47
}
46
 
48
 
47
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton {
49
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton {
48
	text-align: center;
50
	text-align: center;
49
}
51
}
50
 
52
 
51
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
53
#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
52
	font-size: 2em;
54
	font-size: 2em;
53
	background-color: #928B71;
55
	background-color: #928B71;
54
	color: #FFFFFF;
56
	color: #FFFFFF;
55
}
57
}
56
 
58
 
57
#smartflore-fiche #smartflore-noms h2 {
59
#smartflore-fiche #smartflore-noms h2 {
58
	margin-top: 0px;
60
	margin-top: 0px;
59
	font-size: 1.5em;
61
	font-size: 1.5em;
60
}
62
}
61
 
63
 
62
#smartflore-illustrations {
64
#smartflore-illustrations {
63
	background-color: #928B71;
65
	background-color: #928B71;
64
	padding-bottom: 10px;
66
	padding-bottom: 10px;
65
	padding-top: 10px;
67
	padding-top: 10px;
66
	margin-bottom: 20px;
68
	margin-bottom: 20px;
67
}
69
}
68
 
70
 
69
#smartflore-illustrations .carousel-inner {
71
#smartflore-illustrations .carousel-inner {
70
	height: 40vh;
72
	height: 40vh;
71
	max-width: 100%;	
73
	max-width: 100%;	
72
}
74
}
73
 
75
 
74
#smartflore-illustrations .carousel-inner .item {
76
#smartflore-illustrations .carousel-inner .item {
75
	height: 100%;	
77
	height: 100%;	
76
}
78
}
77
 
79
 
78
#smartflore-illustrations .carousel-inner .item img {
80
#smartflore-illustrations .carousel-inner .item img {
79
	height: 100%;	
81
	height: 100%;	
80
	max-width: 100vw;
82
	max-width: 100vw;
81
}
83
}
82
 
84
 
83
#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
85
#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
84
	font-size: 1.1em;
86
	font-size: 1.1em;
85
}
87
}
86
 
88
 
87
#smartflore-fiche #smartflore-noms {
89
#smartflore-fiche #smartflore-noms {
88
	font-size: 2em;
90
	font-size: 2em;
89
	color: #FFFFFF;
91
	color: #FFFFFF;
90
	text-align: center;
92
	text-align: center;
91
}
93
}
92
 
94
 
93
#smartflore-fiche .smartflore-nom-verna {
95
#smartflore-fiche .smartflore-nom-verna {
94
	margin-bottom: 0px;
96
	margin-bottom: 0px;
95
}
97
}
96
 
98
 
97
#smartflore-fiche .smartflore-nom-sci, #smartflore-fiche .smartflore-famille {
99
#smartflore-fiche .smartflore-nom-sci, #smartflore-fiche .smartflore-famille {
98
	margin-top: 5px;
100
	margin-top: 5px;
99
	display: inline-block;
101
	display: inline-block;
100
}
102
}
101
 
103
 
102
#smartflore-fiche .smartflore-nom-sci {
104
#smartflore-fiche .smartflore-nom-sci {
103
	font-style: italic;
105
	font-style: italic;
104
}
106
}
105
 
107
 
106
#smartflore-footer #smartflore-sources {
108
#smartflore-footer #smartflore-sources {
107
 	display: none;
109
 	display: none;
108
}
110
}
109
 
111
 
110
@media screen and (max-width: 384px) {
112
@media screen and (max-width: 384px) {
111
  	#smartflore-fiche #smartflore-entete h1 {
113
  	#smartflore-fiche #smartflore-entete h1 {
112
		font-size: 2.2em;
114
		font-size: 2.2em;
113
	}
115
	}
114
	
116
	
115
	#smartflore-fiche .smartflore-contenu-section {
117
	#smartflore-fiche .smartflore-contenu-section {
116
		margin: 20px;
118
		margin: 20px;
117
		font-size: 1em;
119
		font-size: 1em;
118
	}
120
	}
119
	
121
	
120
	#smartflore-fiche #smartflore-noms h2 {
122
	#smartflore-fiche #smartflore-noms h2 {
121
		font-size: 1.2em;
123
		font-size: 1.2em;
122
	}
124
	}
123
	
125
	
124
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
126
	#smartflore-fiche #smartflore-noms h3, #smartflore-fiche #smartflore-noms h4 {
125
		font-size: 0.6em;
127
		font-size: 0.6em;
126
	}
128
	}
127
	
129
	
128
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
130
	#smartflore-fiche #smartflore-footer .smartflore-footer-bouton .btn {
129
		font-size: 0.9em;
131
		font-size: 0.9em;
130
	}
132
	}
131
	
133
	
132
	#smartflore-fiche .smartflore-titre-section a { 
134
	#smartflore-fiche .smartflore-titre-section a { 
133
		font-size: 1.5em;
135
		font-size: 1.5em;
134
	}
136
	}
135
}
137
}
136
 
138
 
137
@media all and (orientation:portrait) {
139
@media all and (orientation:portrait) {
138
	#smartflore-illustrations .carousel-inner {
140
	#smartflore-illustrations .carousel-inner {
139
		height: 40vh;
141
		height: 40vh;
140
	}
142
	}
-
 
143
	
-
 
144
	#smartflore-fiche #smart-flore-logo-tela {
-
 
145
		bottom: 13px;
-
 
146
	    height: 7vh;
-
 
147
	    position: relative;
-
 
148
	    min-height: 40px;
-
 
149
	}
-
 
150
	
-
 
151
	#smartflore-fiche #smartflore-entete h1 {
-
 
152
	    margin-top: -3px;
-
 
153
    	margin-bottom: -6px;
-
 
154
	}
141
}
155
}
142
 
156
 
143
@media all and (orientation:landscape) {
157
@media all and (orientation:landscape) {
144
	#smartflore-illustrations .carousel-inner {
158
	#smartflore-illustrations .carousel-inner {
145
		height: 90vh;
159
		height: 90vh;
146
	}
160
	}
-
 
161
	
-
 
162
	#smartflore-fiche #smartflore-entete h1 {
-
 
163
	    margin-top: -10px;
-
 
164
    	margin-bottom: -10px;
-
 
165
	}
147
}
166
}
148
167