Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 990 Rev 991
1 
@import "functions.less";
 1 
@import "functions.less";
2 
 
 2 
 
3 
.couleur1-bg 		{	background: @orange;		}
 3 
.couleur1-bg 		{	background: @orange;		}
4 
.couleur2-bg 		{	background: @vert-moyen;	}
 4 
.couleur2-bg 		{	background: @vert-moyen;	}
5 
.bordered			{ 	border: 1px solid @vert-fonce;		}
 5 
.bordered			{ 	border: 1px solid @vert-fonce;		}
6 
 
 6 
 
7 
.accordion {
 7 
.accordion {
8 
	h4 {
 8 
	h4 {
9 
		margin-left: -1em;
 9 
		margin-left: -1em;
10 
	}
 10 
	}
11 
}
 11 
}
12 
.accordion-group {
 12 
.accordion-group {
13 
	margin: 0pt;
 13 
	margin: 0pt;
14 
}
 14 
}
15 
.accordion-heading {
 15 
.accordion-heading {
16 
	padding-left: 1em;
 16 
	padding-left: 1em;
17 
}
 17 
}
18 
.btn-large {
 18 
.btn-large {
19 
	padding: 10px;
 19 
	padding: 10px;
20 
	font-size: 17px;
 20 
	font-size: 17px;
21 
}
 21 
}
22 
 
 22 
 
23 
body {
 23 
body {
24 
	color: black;
 24 
	color: black;
25 
	background: white;
 25 
	background: white;
26 
}
 26 
}
27 
 
 27 
 
28 
header {
 28 
header {
29 
	.couleur2-bg;
 29 
	.couleur2-bg;
30 
	color: white;
 30 
	color: white;
31
31
32
32
33 
	#tela {
 33 
	#tela {
34 
		background: url("../logos/tela_transparent.png") no-repeat 2px 6px;
 34 
		background: url("../logos/tela_transparent.png") no-repeat 2px 6px;
35 
	}
 35 
	}
36
36
37
37
38 
	.titre {
 38 
	.titre {
39 
		font-style: italic;
 39 
		font-style: italic;
40 
		font-size: 130%;
 40 
		font-size: 130%;
41 
		font-weight: bold;
 41 
		font-weight: bold;
42 
		.shadow(@orange);
 42 
		.shadow(@orange);
43 
	}
 43 
	}
44 
}
 44 
}
45 
.gradient-bas {
 45 
.gradient-bas {
46 
	@top: left top;
 46 
	@top: left top;
47 
	@bottom: left bottom;
 47 
	@bottom: left bottom;
48 
	.gradient(@vert-moyen, @top, white, @bottom);
 48 
	.gradient(@vert-moyen, @top, white, @bottom);
49 
}
 49 
}
50 
 
 50 
 
51 
footer {
 51 
footer {
52 
	display: none;
 52 
	display: none;
53 
}
 53 
}
54 
 
 54 
 
55 
 
 55 
 
56 
.sci {
 56 
.sci {
57 
	font-style: italic;
 57 
	font-style: italic;
58 
}
 58 
}
59 
 
 59 
 
60 
#principal {
60 
#principal {
61 
	margin-bottom: -1em;
 61 
	margin-bottom: -1em;
62 
	padding-left: 0.5em;
 62 
	padding-left: 0.5em;
63
63
64 
	a:hover {
 64 
	a:hover {
65 
		text-decoration: none;
 65 
		text-decoration: none;
66 
	}
 66 
	}
67
67
68
68
69 
	h4 {
 69 
	h4 {
70 
		font-size: 17px;
 70 
		font-size: 17px;
71 
		color: @orange;
 71 
		color: @orange;
72 
		.shadow(white, 2px, 1px, 1px);
 72 
		.shadow(white, 2px, 1px, 1px);
73 
	}
 73 
	}
74 
}
 74 
}
75 
 
 75 
 
76 
#canvas_fleur, #canvas_fruit {
 76 
#canvas_fleur, #canvas_fruit {
77 
	width: 100%;
 77 
	width: 100%;
78 
}
 78 
}
79 
#floraison_value, #fructification_value {
 79 
#floraison_value, #fructification_value {
80 
	display: none;
 80 
	display: none;
81 
}
 81 
}
82 
 
 82 
 
83 
 
 83 
 
84 
.wrapper {
 84 
.wrapper {
85 
	@square: 120px;
 85 
	@square: 120px;
86 
	width: @square;
 86 
	width: @square;
87 
	height: @square;
 87 
	height: @square;
88 
	.margin-center;
 88 
	.margin-center;
89 
    overflow: hidden;
 89 
    overflow: hidden;
90
90
91
91
92 
    img {
 92 
    img {
93 
    	height: @square;
 93 
    	height: @square;
94 
    	width: auto;
 94 
    	width: auto;
95 
    }
 95 
    }
96
96
97
97
98 
    ul {
 98 
    ul {
99 
    	margin: 0pt;
 99 
    	margin: 0pt;
100 
    }
 100 
    }
101 
}
 101 
}
102 
 
 102 
 
103 
.wrapper_carte {
 103 
.wrapper_carte {
104 
  	.margin-center;
 104 
  	.margin-center;
105
105
106
106
107 
    ul {
 107 
    ul {
108 
    	margin: 0pt;
 108 
    	margin: 0pt;
109 
    }
 109 
    }
110
110
111 
 
 111 
 
112 
	#galerie_carte {
112 
	#galerie_carte {
113 
		img {
 113 
		img {
114 
			.bordered;
 114 
			.bordered;
115 
		}
 115 
		}
116 
	}
 116 
	}
117 
}
 117 
}
- 
 
 118 
 
- 
 
 119 
.wrapper_demi {
- 
 
 120 
	height: 59px;
- 
 
 121 
}
- 
 
 122 
 
118 
#galerie_carte {
 123 
#galerie_carte {
119 
	list-style-type: none;
 124 
	list-style-type: none;
120 
}
 125 
}
121 
.bas-de-page {
 126 
.bas-de-page {
122 
	margin-top: 1em;
 127 
	margin-top: 1em;
123 
	margin-bottom: 1em;
 128 
	margin-bottom: 1em;
124 
}
 129 
}
125 
.en-savoir-plus {
 130 
.en-savoir-plus {
126 
	margin-left: 0.2em;
 131 
	margin-left: 0.2em;
127 
	float: left;
 132 
	float: left;
128 
	.couleur2-bg;
 133 
	.couleur2-bg;
129 
	color: white;
 134 
	color: white;
130 
	text-shadow: 0pt 0pt 0pt black;
 135 
	text-shadow: 0pt 0pt 0pt black;
131
136
132
137
133
138
134 
}
 139 
}
135 
.en-savoir-plus:hover, .en-savoir-plus:visited {
 140 
.en-savoir-plus:hover, .en-savoir-plus:visited {
136 
	text-decoration: none;
 141 
	text-decoration: none;
137 
}
 142 
}
138 
 
 143 
 
139 
 
 144 
 
140 
.haut-de-page {
 145 
.haut-de-page {
141 
	margin-right: 0.2em;
 146 
	margin-right: 0.2em;
142 
	float: right;
 147 
	float: right;
143 
	background: black;
 148 
	background: black;
144 
	color: white;
 149 
	color: white;
145 
}
 150 
}
146 
.haut-de-page:hover, .haut-de-page:visited {
 151 
.haut-de-page:hover, .haut-de-page:visited {
147 
	text-decoration: none;
 152 
	text-decoration: none;
148 
}
 153 
}
149 
 
 154 
 
150 
 
 155