Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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