95 |
95 |
display: block;
|
96 |
96 |
}
|
97 |
97 |
|
98 |
98 |
#sidebar {
|
99 |
99 |
box-shadow: 3px 3px 20px 0px #dedede;
|
100 |
100 |
margin-right: 2.5em;
|
101 |
101 |
}
|
102 |
102 |
|
|
103 |
$icons: (
|
|
104 |
"24": "ico-24.png",
|
|
105 |
"baby": "ico-baby.png",
|
|
106 |
"bin": "ico-bin.png",
|
|
107 |
"box": "ico-box.png",
|
|
108 |
"bulding": "ico-bulding.png",
|
|
109 |
"bus": "ico-bus.png",
|
|
110 |
"citation": "ico-citation.png",
|
|
111 |
"cone": "ico-cone.png",
|
|
112 |
"contact": "ico-contact.png",
|
|
113 |
"demarche_en_ligne": "ico-demarche_en_ligne.png",
|
|
114 |
"doctor": "ico-doctor.png",
|
|
115 |
"download": "ico-download.png",
|
|
116 |
"event": "ico-event.png",
|
|
117 |
"guitar": "ico-guitar.png",
|
|
118 |
"hemicycle": "ico-hemicycle.png",
|
|
119 |
"j_ai_mon_mot_a_dire": "ico-j_ai_mon_mot_a_dire.png",
|
|
120 |
"j_ai_une_idee": "ico-j_ai_une_idee.png",
|
|
121 |
"kite": "ico-kite.png",
|
|
122 |
"library": "ico-library.png",
|
|
123 |
"list": "ico-list.png",
|
|
124 |
"localisation": "ico-localisation.png",
|
|
125 |
"location": "ico-location.png",
|
|
126 |
"map": "ico-map.png",
|
|
127 |
"news_1": "ico-news_1.png",
|
|
128 |
"news": "ico-news.png",
|
|
129 |
"parking": "ico-parking.png",
|
|
130 |
"phonebook": "ico-phonebook.png",
|
|
131 |
"phone": "ico-phone.png",
|
|
132 |
"photos": "ico-photos.png",
|
|
133 |
"pool": "ico-pool.png",
|
|
134 |
"rate_filled": "ico-rate_filled.png",
|
|
135 |
"rate_outline": "ico-rate_outline.png",
|
|
136 |
"reinventer_le_gers": "ico-reinventer_le_gers.png",
|
|
137 |
"script": "ico-script.png"
|
|
138 |
);
|
|
139 |
|
|
140 |
@each $name, $file in $icons {
|
|
141 |
div.linkcell.icon-#{$name} a {
|
|
142 |
background-image: url(icons/#{$file});
|
|
143 |
background-repeat: no-repeat;
|
|
144 |
}
|
|
145 |
}
|
|
146 |
|
|
147 |
@mixin after-line($color: #cbd05d) {
|
|
148 |
&::after {
|
|
149 |
display: block;
|
|
150 |
margin-top: 0.5em;
|
|
151 |
content: '';
|
|
152 |
background: $color;
|
|
153 |
width: 2em;
|
|
154 |
height: 2px;
|
|
155 |
}
|
|
156 |
}
|
|
157 |
|
|
158 |
div.linkcell.homepage-link {
|
|
159 |
border: 1px solid #d2d2d2;
|
|
160 |
font-weight: bold;
|
|
161 |
text-transform: uppercase;
|
|
162 |
font-size: 90%;
|
|
163 |
a {
|
|
164 |
padding-top: 5rem;
|
|
165 |
@media screen and ($max-mobile-viewport) {
|
|
166 |
padding-top: 1rem;
|
|
167 |
padding-left: 5rem;
|
|
168 |
}
|
|
169 |
@include after-line(#000);
|
|
170 |
}
|
|
171 |
&[class*=" icon-"] {
|
|
172 |
a {
|
|
173 |
background-position: 1rem 1rem;
|
|
174 |
background-size: auto 2.5rem;
|
|
175 |
display: block;
|
|
176 |
@media screen and ($max-mobile-viewport) {
|
|
177 |
background-position: 1rem center;
|
|
178 |
}
|
|
179 |
}
|
|
180 |
}
|
|
181 |
}
|
|
182 |
|
103 |
183 |
@mixin form-icon($content) {
|
104 |
184 |
content: $content;
|
105 |
185 |
font-family: FontAwesome;
|
106 |
186 |
}
|
107 |
187 |
|
108 |
188 |
div#footer-wrapper {
|
109 |
189 |
padding: 66px 0 73px;
|
110 |
190 |
}
|
111 |
|
-
|