0001-misc-remove-obsolete-themes-58770.patch
static/cinor/_custom.scss | ||
---|---|---|
1 |
.rounded-cell { |
|
2 |
border-radius: 2rem; |
|
3 |
overflow: hidden; |
|
4 |
padding: 1rem; |
|
5 |
} |
|
6 | ||
7 |
.script-title { |
|
8 |
font-size: 3em; |
|
9 |
text-align: center; |
|
10 |
font-family: $ff-script; |
|
11 |
text-transform: none; |
|
12 |
border-bottom: 1px solid white; |
|
13 |
color: $primary-color; |
|
14 |
line-height: 1; |
|
15 |
small { |
|
16 |
display: block; |
|
17 |
font-weight: 300; |
|
18 |
font-family: $ff-ss-serif; |
|
19 |
color: $font-color; |
|
20 |
font-size: .45em; |
|
21 |
} |
|
22 |
} |
|
23 | ||
24 |
%button { |
|
25 |
font-weight: 600; |
|
26 |
text-transform: uppercase; |
|
27 |
font-size: $fz-small; |
|
28 |
opacity: .75; |
|
29 | ||
30 |
&:hover { |
|
31 |
opacity: 1; |
|
32 |
} |
|
33 |
} |
|
34 | ||
35 |
%cancel-button { |
|
36 |
color: $primary-color; |
|
37 |
background-color: white; |
|
38 |
border: 1px solid; |
|
39 | ||
40 |
&:hover { |
|
41 |
color: $primary-color; |
|
42 |
background-color: white; |
|
43 |
} |
|
44 |
} |
|
45 | ||
46 |
// Header |
|
47 |
.site-header { |
|
48 |
border-top: $topLinks_height solid $primary-color; |
|
49 |
#top { |
|
50 |
display: flex; |
|
51 |
align-items: center; |
|
52 |
justify-content: center; |
|
53 |
} |
|
54 |
#logo { |
|
55 |
margin-top: 1rem; |
|
56 |
margin-bottom: 1rem; |
|
57 |
@media ($min-desktop-viewport) { |
|
58 |
margin-top: 1.5rem; |
|
59 |
margin-bottom: 1.5rem; |
|
60 |
} |
|
61 |
a { |
|
62 |
color: black; |
|
63 |
padding-top: 60px; |
|
64 |
text-indent: 0 !important; |
|
65 |
background-size: auto 50px !important; |
|
66 |
background-position: top center !important; |
|
67 |
font-family: $ff-script; |
|
68 |
text-align: center; |
|
69 |
} |
|
70 |
} |
|
71 |
} |
|
72 | ||
73 |
// User-info |
|
74 |
#toplinks { |
|
75 |
// Reset user links |
|
76 |
border: none; |
|
77 |
box-shadow: none; |
|
78 |
border-radius: 0; |
|
79 |
background-color: transparent; |
|
80 |
color: white; |
|
81 |
// position |
|
82 |
top: auto; |
|
83 |
bottom: 100%; |
|
84 |
height: $topLinks_height; |
|
85 |
padding: 0; |
|
86 |
line-height: $topLinks_height; |
|
87 | ||
88 |
a { |
|
89 |
color: inherit; |
|
90 |
font-size: $fz-small; |
|
91 |
text-transform: uppercase; |
|
92 |
} |
|
93 | ||
94 |
// user icon |
|
95 |
&::before { |
|
96 |
content: "\f2c0"; |
|
97 |
font-family: fontawesome; |
|
98 |
margin-right: .33em; |
|
99 |
} |
|
100 |
} |
|
101 | ||
102 |
// Main nav |
|
103 |
#nav-wrapper { |
|
104 |
@media ($max-mobile-viewport) { |
|
105 |
margin-top: -52px; |
|
106 |
} |
|
107 |
} |
|
108 |
div.gru-nav > ul { |
|
109 |
margin: 0; |
|
110 | ||
111 |
@media (min-width: $nav-mobile-limit + 1) { |
|
112 |
text-align: center; |
|
113 |
} |
|
114 | ||
115 |
li { |
|
116 |
a { |
|
117 |
text-transform: uppercase; |
|
118 |
font-weight: 600; |
|
119 |
@media (min-width: $nav-mobile-limit + 1) { |
|
120 |
padding-top: 0; |
|
121 |
} |
|
122 |
} |
|
123 |
} |
|
124 | ||
125 |
@media (min-width: $nav-mobile-limit + 1) { |
|
126 |
// separator |
|
127 |
& > li:not(:first-child)::before { |
|
128 |
content: ""; |
|
129 |
width: 1em; |
|
130 |
height: 1em; |
|
131 |
display: inline-block; |
|
132 |
background-color: $nav-active-color; |
|
133 |
vertical-align: sub; |
|
134 |
} |
|
135 |
} |
|
136 |
} |
|
137 |
// subnav |
|
138 |
div.gru-nav > ul ul { |
|
139 |
@media ($min-desktop-viewport) { |
|
140 |
padding-top: .75em; |
|
141 |
box-shadow: 0 0 1px $font-color; |
|
142 |
} |
|
143 |
} |
|
144 | ||
145 |
// Page picture |
|
146 |
body.has-picture .site-nav::after { |
|
147 |
position: static; |
|
148 |
max-width: $width; |
|
149 |
margin-left: auto; |
|
150 |
margin-right: auto; |
|
151 |
} |
|
152 | ||
153 |
// Carrousel |
|
154 |
.top-carrousel { |
|
155 |
max-width: $width; |
|
156 |
width: 100%; |
|
157 |
margin-left: auto; |
|
158 |
margin-right: auto; |
|
159 |
} |
|
160 | ||
161 |
// main |
|
162 |
main { |
|
163 |
margin-top: 1rem; |
|
164 |
} |
|
165 | ||
166 | ||
167 |
// Cells |
|
168 | ||
169 |
// sidebar cells |
|
170 |
#sidebar { |
|
171 |
.cell { |
|
172 |
@extend .rounded-cell; |
|
173 |
} |
|
174 |
.tracking-code-input-cell { |
|
175 |
h2:first-child { |
|
176 |
@extend .script-title; |
|
177 | ||
178 |
& + div { |
|
179 |
padding: 0; |
|
180 |
} |
|
181 |
} |
|
182 |
} |
|
183 |
} |
|
184 | ||
185 |
// Picture position |
|
186 |
.gru-content div.link-list-cell.has-asset-picture, |
|
187 |
.gru-content div.wcsformsofcategorycell.has-asset-picture { |
|
188 |
> div { |
|
189 |
display: flex; |
|
190 |
flex-wrap: wrap; |
|
191 |
align-items: baseline; |
|
192 | ||
193 |
> * { |
|
194 |
flex: 0 0 100%; |
|
195 |
} |
|
196 | ||
197 |
> h2:first-child { |
|
198 |
flex: 1 0 50%; |
|
199 |
} |
|
200 | ||
201 |
> picture { |
|
202 |
display: block; |
|
203 |
order: -1; |
|
204 |
flex: 0 0 $title-font-size; |
|
205 |
align-self: center; |
|
206 |
margin-left: 1rem; |
|
207 | ||
208 |
img { |
|
209 |
padding: 0; |
|
210 |
} |
|
211 |
} |
|
212 |
} |
|
213 |
} |
|
214 | ||
215 |
// text Cell |
|
216 |
div.text-cell { |
|
217 |
padding: 1px 1rem; |
|
218 |
h3, h4, h5, p, table { |
|
219 |
margin: 1rem 0; |
|
220 |
} |
|
221 |
} |
|
222 | ||
223 |
// WCS |
|
224 |
.gru-content div#tracking-code { |
|
225 |
@extend .cell; |
|
226 |
@extend .rounded-cell; |
|
227 |
text-align: center; |
|
228 |
margin-right: 0; |
|
229 |
margin-left: 0; |
|
230 |
padding: 1rem; |
|
231 | ||
232 |
h3 { |
|
233 |
@extend .script-title; |
|
234 |
font-size: 2em; |
|
235 |
} |
|
236 |
button { |
|
237 |
margin-right: 0; |
|
238 |
} |
|
239 |
} |
|
240 |
// Title |
|
241 |
.form-content--title, |
|
242 |
div#rub_service h2 { |
|
243 |
font-size: 2.5em; |
|
244 |
padding-left: 0; |
|
245 | ||
246 |
@media (max-width: $very-small-limit) { |
|
247 |
font-size: 1.5em; |
|
248 |
} |
|
249 |
} |
|
250 |
// wcs buttons |
|
251 |
div#rub_service .buttons { |
|
252 |
.submit-button button::after { |
|
253 |
content: ">"; |
|
254 |
content: ">" / ""; |
|
255 |
margin-left: .66em; |
|
256 |
} |
|
257 |
.previous-button button::before { |
|
258 |
content: "<"; |
|
259 |
content: "<" / ""; |
|
260 |
margin-right: .66em; |
|
261 |
} |
|
262 |
} |
|
263 | ||
264 | ||
265 |
// Authentic |
|
266 |
#registration-blocks > .a2-block, |
|
267 |
#login-page > .block { |
|
268 |
background: transparent; |
|
269 |
} |
|
270 | ||
271 |
// Footer |
|
272 |
#footer a { |
|
273 |
color: white; |
|
274 |
} |
|
275 |
static/cinor/_vars.scss | ||
---|---|---|
1 |
// colors |
|
2 |
$dark-blue: #3124ae; |
|
3 |
$xdark-blue: #12102f; |
|
4 |
$mauve: #7500ff; |
|
5 |
$violet: #9013fe; |
|
6 |
$pink: #bd10e0; |
|
7 |
$magenta: #c76cd7; |
|
8 |
$gray-light: #eee; |
|
9 | ||
10 |
// Fonts-family |
|
11 |
$ff-ss-serif: 'Source Sans Pro', sans-serif; |
|
12 |
$ff-script: 'Dancing Script', 'Brush Script MT', cursive; |
|
13 | ||
14 |
$topLinks_height: 3em; |
|
15 | ||
16 |
// font sizes |
|
17 |
$fz-small: 0.875em; |
|
18 | ||
19 |
// Core vars |
|
20 |
$primary-color: $mauve; |
|
21 |
$link-color: $dark-blue; |
|
22 |
$very-small-limit: 560px; |
|
23 |
$width: 1180px; |
|
24 | ||
25 |
$font-family: $ff-ss-serif; |
|
26 |
$font-color: #333; |
|
27 | ||
28 |
$nav-background: transparent; |
|
29 |
$nav-active-color: $primary-color; |
|
30 |
$nav-item-selected-background: transparent; |
|
31 |
$nav-item-selected-color: $nav-active-color; |
|
32 |
$nav-button-background: white; |
|
33 |
$nav-button-color: $primary-color; |
|
34 |
$nav-submenu-background: $gray-light; |
|
35 |
$nav-submenu-color: $font-color; |
|
36 | ||
37 |
$title-background: transparent; |
|
38 |
$title-weight: 600; |
|
39 |
$title-transform: uppercase; |
|
40 |
$title-font-size: 1.4em; |
|
41 | ||
42 |
$cell-background: #eee; |
|
43 |
$cell-border: none; |
|
44 |
$cell-title-cover-border: false; |
|
45 | ||
46 |
$cell-entry-border: 1px solid white; |
|
47 |
$cell-entry-hover-background: change-color($violet, $alpha: 0.1); |
|
48 |
$cell-entry-hover-color: black; |
|
49 |
$cell-entry-hover-effect: bottom-to-top; |
|
50 | ||
51 |
$button-background: $primary-color; |
|
52 |
$button-hover-background: null; |
|
53 |
$button-hover-color: null; |
|
54 |
$widget-unique-checkbox-position: left; |
|
55 | ||
56 |
$wcs-step-color: $font-color; |
|
57 |
$wcs-step-border-bottom: none; |
|
58 |
$wcs-step-marker-background: $gray-light; |
|
59 |
$wcs-step-current-marker-color: white; |
|
60 |
$wcs-step-current-marker-background: $primary-color; |
|
61 |
$wcs-steps-spacing: 0.7rem; |
|
62 |
$wcs-step-marker-type: disc; |
|
63 | ||
64 |
$buttons-order: previous, cancel, submit; |
|
65 | ||
66 |
$footer-background: $xdark-blue; |
|
67 |
static/cinor/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "La Cinor", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#7500ff", |
|
5 |
"email_header_asset": "emails:logo", |
|
6 |
"pwa_display": "standalone" |
|
7 |
}, |
|
8 |
"settings": { |
|
9 |
"combo": { |
|
10 |
"COMBO_ASSET_SLOTS.update": { |
|
11 |
"header:logo": { "label": "Têtière : logo" }, |
|
12 |
"emails:logo": {"label": "Emails : logo"} |
|
13 |
} |
|
14 |
} |
|
15 |
} |
|
16 |
} |
static/cinor/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 |
@import '../includes/fonts/source-sans-pro'; |
|
3 |
@import '../includes/fonts/dancing-script'; |
|
4 | ||
5 |
@import 'vars'; |
|
6 |
@import '../includes/publik'; |
|
7 |
@import 'custom'; |
static/marcoussis/_custom.scss | ||
---|---|---|
1 |
html { |
|
2 |
background: white repeating-linear-gradient( -55deg, #fbfbfb, #fbfbfb 4px, #f5f5f5 4px, #f5f5f5 8px ); |
|
3 |
} |
|
4 | ||
5 |
div#header { |
|
6 |
padding-top: 10px; |
|
7 |
padding-left: 0; |
|
8 |
} |
|
9 | ||
10 |
h1#logo a { |
|
11 |
background: url(logo.png) top left no-repeat; |
|
12 |
display: block; |
|
13 |
min-height: 130px; |
|
14 |
line-height: 120px; |
|
15 |
padding-left: 200px; |
|
16 |
} |
|
17 | ||
18 |
div#services > ul > li, |
|
19 |
div.a2-block, |
|
20 |
#content div.cell, |
|
21 |
div.block { |
|
22 |
box-shadow: 0 0 36px rgba(0,0,0,0.2); |
|
23 |
} |
static/marcoussis/_vars.scss | ||
---|---|---|
1 |
$primary-color: #2B37A4; |
|
2 | ||
3 |
$width: 1260px; |
|
4 |
$font-color: #545454; |
|
5 |
$font-family: "Lucida Grande", Lucida, Verdana, sans-serif; |
|
6 |
$font-size: 0.875em; |
|
7 |
$nav-background: $primary-color; |
|
8 |
$nav-submenu-background: $primary-color; |
|
9 |
$nav-submenu-color: white; |
|
10 |
$nav-color: white; |
|
11 |
$nav-active-color: darken($primary-color, 5%); |
|
12 |
$nav-item-selected-color: white; |
|
13 |
$nav-item-hover-color: white; |
|
14 |
$border-radius: 0px; |
|
15 |
$button-background: $primary-color; |
|
16 |
$title-background: $primary-color; |
|
17 |
$title-weight: bold; |
|
18 |
$title-color: white; |
|
19 |
$footer-background: #545454; |
|
20 |
$footer-color: white; |
|
21 |
$cell-entry-color: #333; |
|
22 |
$cell-entry-hover-color: black; |
|
23 |
$cell-entry-hover-background: #A4A7DC; |
static/marcoussis/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Marcoussis", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#2B8AE8" |
|
5 |
} |
|
6 |
} |
static/marcoussis/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
static/meaux/_custom.scss | ||
---|---|---|
1 |
a { |
|
2 |
color: #37a7da; |
|
3 |
} |
|
4 | ||
5 |
#content { |
|
6 |
color: rgb(58, 58, 58); |
|
7 |
} |
|
8 | ||
9 |
h1#logo a { |
|
10 |
box-sizing: content-box; |
|
11 |
background: url(logo_meaux_ville.png) no-repeat 0px 19px; |
|
12 |
color: #028; |
|
13 |
height: 38px; |
|
14 |
display: inline-block; |
|
15 |
padding-left: 300px; |
|
16 |
padding-top: 50px; |
|
17 |
font-weight: normal; |
|
18 |
} |
|
19 | ||
20 |
#nav-wrapper { |
|
21 |
background: $nav-background; |
|
22 |
font-size: 110%; |
|
23 |
#nav a { |
|
24 |
font-weight: normal; |
|
25 |
} |
|
26 |
#nav > ul > li:after { |
|
27 |
padding: 0 1ex; |
|
28 |
content: "/"; |
|
29 |
color: white; |
|
30 |
font-size: 120%; |
|
31 |
@media screen and ($max-mobile-viewport) { |
|
32 |
content: none; |
|
33 |
} |
|
34 |
} |
|
35 |
#nav li:last-child:after { |
|
36 |
content: none; |
|
37 |
} |
|
38 |
} |
|
39 | ||
40 |
@media screen and ($max-mobile-viewport) { |
|
41 |
#nav-wrapper { |
|
42 |
background: transparent; |
|
43 |
#nav li:after { |
|
44 |
content: none; |
|
45 |
} |
|
46 |
} |
|
47 | ||
48 |
h1#logo a { |
|
49 |
background-size: 100%; |
|
50 |
background-position: 0px 100%; |
|
51 |
padding-left: 0; |
|
52 |
width: 270px; |
|
53 |
max-width: 100%; |
|
54 |
color: transparent; |
|
55 |
overflow: hidden; |
|
56 |
} |
|
57 |
div#nav #nav-button + ul li.selected a, |
|
58 |
div#nav a:hover { |
|
59 |
color: black; |
|
60 |
background: #aaa; |
|
61 |
} |
|
62 |
} |
static/meaux/_vars.scss | ||
---|---|---|
1 |
$width: 1205px; |
|
2 |
$mobile-limit: 700px; |
|
3 |
$font-size: 0.812em; |
|
4 |
$font-family: sans-serif; |
|
5 |
$nav-background: #404040; |
|
6 |
$nav-color: white; |
|
7 |
$nav-active-color: transparent; |
|
8 |
$nav-item-selected-color: white; |
|
9 |
$nav-item-hover-color: #c6dc6e; |
|
10 |
$nav-menu-color: #444; |
|
11 |
$border-radius: 0px; |
|
12 |
$button-background: #37a7da; |
|
13 |
$button-color: white; |
|
14 |
$title-background: transparent linear-gradient(to right, #C5C0B4 0%, #EBE6DA 100%) repeat scroll 0% 0%; |
|
15 |
$title-color: rgb(58, 58, 58); |
|
16 |
$title-weight: bold; |
|
17 |
$cell-background: #EBE6DA; |
|
18 |
$cell-border: 1px solid transparent; |
|
19 |
$cell-entry-hover-color: white; |
|
20 |
$cell-entry-hover-background: #005EA9; |
|
21 |
$footer-background: #eae5db; |
|
22 |
$footer-color: #666; |
|
23 |
$wcs-step-background: #fff; |
|
24 |
$wcs-step-current-color: $title-color; |
|
25 |
$wcs-step-current-background: $title-background; |
|
26 |
$wcs-step-current-marker-background: transparent; |
static/meaux/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Meaux", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#C5C0B4" |
|
5 |
} |
|
6 |
} |
static/meaux/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
static/meudon/_custom.scss | ||
---|---|---|
1 |
@import '../includes/fonts/raleway'; |
|
2 | ||
3 |
%bold-title { |
|
4 |
font-weight: bold; |
|
5 |
font-size: 1.071rem; |
|
6 |
color: #FFFFFF; |
|
7 |
} |
|
8 | ||
9 |
#content div.cell { |
|
10 |
& h2:first-child { |
|
11 |
@extend %bold-title; |
|
12 |
text-transform: uppercase; |
|
13 |
} |
|
14 |
} |
|
15 | ||
16 |
h3 { |
|
17 |
font-weight: medium; |
|
18 |
font-size: 1.286rem; |
|
19 |
} |
|
20 | ||
21 |
p, span { |
|
22 |
font-weight: medium; |
|
23 |
font-size: 1rem; |
|
24 |
} |
|
25 | ||
26 |
button { |
|
27 |
font-weight: semibold; |
|
28 |
font-size: 1rem; |
|
29 |
color: $primary-color; |
|
30 |
text-transform: uppercase; |
|
31 |
} |
|
32 | ||
33 |
#header-wrapper { |
|
34 |
border-top: 75px solid $primary-color; |
|
35 |
} |
|
36 | ||
37 |
#header { |
|
38 |
background-color: #efefef; |
|
39 |
} |
|
40 | ||
41 |
div#toplinks { |
|
42 |
top: -50px; |
|
43 |
border: 0; |
|
44 |
box-shadow: none; |
|
45 |
background: transparent; |
|
46 |
span.login { |
|
47 |
color: #ffffff; |
|
48 |
a { |
|
49 |
border-bottom: 1px solid #ffffff; |
|
50 |
padding-botto: 2px; |
|
51 |
} |
|
52 |
} |
|
53 |
a { |
|
54 |
color: white; |
|
55 |
} |
|
56 |
} |
|
57 | ||
58 |
#header #top #logo a { |
|
59 |
background: url(img/logo_meudon.png) 0 50% no-repeat; |
|
60 |
background-size: 250px; |
|
61 |
display: block; |
|
62 |
line-height: 175px; |
|
63 |
padding-left: 245px; |
|
64 |
height: 170px; |
|
65 |
text-transform: uppercase; |
|
66 |
color: #260c4e; |
|
67 |
font-weight: bold; |
|
68 |
text-indent: 219px; |
|
69 |
font-size: 1.429rem; |
|
70 |
} |
|
71 | ||
72 |
div#nav, |
|
73 |
div#nav ul { |
|
74 |
margin-top: 0; |
|
75 |
a { |
|
76 |
text-transform: uppercase; |
|
77 |
} |
|
78 |
} |
|
79 | ||
80 |
#content div.cell.wcsformsofcategorycell { |
|
81 |
& h2:first-child { |
|
82 |
height: 95px; |
|
83 |
padding-top: 35px; |
|
84 |
padding-left: 80px; |
|
85 |
background: $title-background no-repeat 10px 10px; |
|
86 |
background-size: auto 80px; |
|
87 |
text-transform: inherit; |
|
88 |
} |
|
89 |
& h2:hover { |
|
90 |
background-color: darken($primary-color, 10%); |
|
91 |
} |
|
92 |
@each $category in $category-slugs { |
|
93 |
&.#{$category} h2 { |
|
94 |
background-image: url(img/#{$category}.png); |
|
95 |
} |
|
96 |
} |
|
97 |
h2 ~ div { |
|
98 |
background: $primary-color; |
|
99 |
ul { |
|
100 |
a { |
|
101 |
color: white; |
|
102 |
&:hover { |
|
103 |
color: $secondary-color; |
|
104 |
background: inherit; |
|
105 |
} |
|
106 |
} |
|
107 |
} |
|
108 |
} |
|
109 |
} |
|
110 | ||
111 |
#content div.cell.trackingcodeinputcell, div.cell.searchcell { |
|
112 |
background-color: white; |
|
113 |
color: #FFFFFF; |
|
114 |
border: 1px solid $primary-color; |
|
115 |
p { |
|
116 |
color: black; |
|
117 |
} |
|
118 |
} |
|
119 | ||
120 |
div.buttons.submit { |
|
121 |
> div.submit-button { |
|
122 |
float: right; |
|
123 |
} |
|
124 |
> div.cancel-button { |
|
125 |
button { |
|
126 |
background-color: #ec234f; |
|
127 |
color: #ffffff; |
|
128 |
} |
|
129 |
} |
|
130 |
} |
|
131 | ||
132 |
#footer { |
|
133 |
display: flex; |
|
134 |
justify-content: flex-start; |
|
135 |
@media screen and ($max-mobile-viewport) { |
|
136 |
flex-direction: column; |
|
137 |
} |
|
138 |
div.cell { |
|
139 |
margin: 20px 40px 0 0; |
|
140 |
h2:first-child { |
|
141 |
padding: 0; |
|
142 |
margin: 0; |
|
143 |
} |
|
144 |
} |
|
145 |
} |
|
146 | ||
147 |
#footer-wrapper div.cell { |
|
148 |
& h2:first-child { |
|
149 |
@extend %bold-title; |
|
150 |
} |
|
151 |
} |
|
152 | ||
153 |
@media screen and ($max-mobile-viewport) { |
|
154 |
#header #top #logo { |
|
155 |
padding-left: 40px; |
|
156 |
padding-bottom: 20px; |
|
157 |
} |
|
158 | ||
159 |
#header #top #logo a { |
|
160 |
padding-left: 0; |
|
161 |
text-indent: -1000px; |
|
162 |
} |
|
163 | ||
164 |
div#nav { |
|
165 |
margin-top: 10px; |
|
166 |
} |
|
167 |
} |
static/meudon/_vars.scss | ||
---|---|---|
1 |
$primary-color: #260c4e; |
|
2 |
$secondary-color: #baff34; |
|
3 | ||
4 |
$width: 1100px; |
|
5 |
$font-size: 0.875em; |
|
6 |
$font-color: #333; |
|
7 |
$font-family: 'Raleway'; |
|
8 |
$nav-background: $primary-color; |
|
9 |
$nav-submenu-background: transparentize($primary-color, 0.1); |
|
10 |
$nav-color: white; |
|
11 |
$nav-active-color: darken($primary-color, 10%); |
|
12 |
$nav-item-selected-color: $secondary-color; |
|
13 |
$border-radius: 0px; |
|
14 |
$button-background: $secondary-color; |
|
15 |
$title-background: $primary-color; |
|
16 |
$title-color: white; |
|
17 |
$footer-background: $primary-color; |
|
18 |
$footer-color: #FFFFFF; |
|
19 |
$category-toggled-link-hover-color: $secondary-color; |
|
20 |
$category-toggled-background: $primary-color; |
|
21 |
$category-slugs: billeterie cimetiere etatcivil famille ludotheque marchespublics mediatheque musique parking police subventions veillesaisonniere; |
static/meudon/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Meudon", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#260c4e" |
|
5 |
} |
|
6 |
} |
static/meudon/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
static/rochefort/_custom.scss | ||
---|---|---|
1 |
@import '../includes/fonts/opensans'; |
|
2 | ||
3 |
div#header { |
|
4 |
width: auto; |
|
5 |
max-width: none; |
|
6 |
padding: 0 10px; |
|
7 |
} |
|
8 | ||
9 |
div#top { |
|
10 |
clear: both; |
|
11 |
margin: 0 auto; |
|
12 |
max-width: $width; |
|
13 |
} |
|
14 | ||
15 |
div#header-nav h1, |
|
16 |
div#header-nav li { |
|
17 |
float: left; |
|
18 |
} |
|
19 | ||
20 |
div#header-nav li, |
|
21 |
div#header-nav ul { |
|
22 |
padding: 0; |
|
23 |
margin: 0; |
|
24 |
list-style: none; |
|
25 |
} |
|
26 | ||
27 |
div#header-nav li { |
|
28 |
margin: 0 16px; |
|
29 |
width: 170px; |
|
30 |
&#header-citoyen { |
|
31 |
width: 220px; |
|
32 |
} |
|
33 |
text-align: center; |
|
34 |
a { |
|
35 |
display: block; |
|
36 |
font-size: 2rem; |
|
37 |
font-style: italic; |
|
38 |
line-height: 215%; |
|
39 |
color: black; |
|
40 |
border-bottom: 14px solid transparent; |
|
41 |
transition: background 0.25s ease; |
|
42 |
&:hover { |
|
43 |
color: white; |
|
44 |
} |
|
45 |
} |
|
46 |
&#header-services a { |
|
47 |
border-color: #D24E38; |
|
48 |
&:hover { |
|
49 |
background: #DD6449; |
|
50 |
} |
|
51 |
} |
|
52 |
&#header-citoyen a { |
|
53 |
border-color: #0086CE; |
|
54 |
&:hover { |
|
55 |
background: #0099D7; |
|
56 |
} |
|
57 |
} |
|
58 |
&#header-actualites a { |
|
59 |
border-color: #469B90; |
|
60 |
&:hover { |
|
61 |
background: #54AAA1; |
|
62 |
} |
|
63 |
} |
|
64 |
@media screen and ($max-mobile-viewport) { |
|
65 |
margin: 15px 0; |
|
66 |
clear: both; |
|
67 |
float: none; |
|
68 |
display: block; |
|
69 |
width: 100%; |
|
70 |
} |
|
71 |
} |
|
72 | ||
73 |
div#header-nav h1 a { |
|
74 |
box-sizing: content-box; |
|
75 |
margin-left: 22px; |
|
76 |
display: block; |
|
77 |
text-indent: -10000px; |
|
78 |
background: url(logo_head2.png) bottom left no-repeat; |
|
79 |
height: 94px; |
|
80 |
padding-top: 25px; |
|
81 |
padding-left: 128px; |
|
82 |
line-height: 100px; |
|
83 |
color: black; |
|
84 |
font-style: italic; |
|
85 |
font-weight: normal; |
|
86 |
overflow: hidden; |
|
87 |
} |
|
88 | ||
89 | ||
90 |
#toplinks { |
|
91 |
border-radius: 0; |
|
92 |
border: none; |
|
93 |
box-shadow: none; |
|
94 |
background: #0086CE; |
|
95 |
padding-bottom: 1ex; |
|
96 |
a { |
|
97 |
color: white; |
|
98 |
text-transform: uppercase; |
|
99 |
} |
|
100 |
} |
|
101 | ||
102 |
a#publik-portal-agent { |
|
103 |
top: 40px; |
|
104 |
border-width: 1px; |
|
105 |
} |
|
106 | ||
107 |
div#top { |
|
108 |
font-style: italic; |
|
109 |
font-weight: normal; |
|
110 |
#logo a { |
|
111 |
font-size: 2rem; |
|
112 |
color: $primary-color; |
|
113 |
@media screen and ($max-mobile-viewport) { |
|
114 |
visibility: hidden; |
|
115 |
} |
|
116 |
} |
|
117 |
#baseline { |
|
118 |
display: block; |
|
119 |
padding-top: 1ex; |
|
120 |
padding-bottom: 2ex; |
|
121 |
font-size: 1.714rem; |
|
122 |
@media screen and ($max-mobile-viewport) { |
|
123 |
display: none; |
|
124 |
} |
|
125 |
} |
|
126 |
} |
|
127 | ||
128 |
div#nav > ul > li { |
|
129 |
margin-right: 10px; |
|
130 |
border: 2px solid $primary-color; |
|
131 |
border-width: 2px 0px; |
|
132 |
@media screen and ($max-mobile-viewport) { |
|
133 |
border: none; |
|
134 |
} |
|
135 |
} |
|
136 | ||
137 |
div#main-content { |
|
138 |
margin-top: 15px; |
|
139 |
} |
|
140 | ||
141 |
div#gauche, div#rub_service { |
|
142 |
margin-top: 0; |
|
143 |
} |
|
144 | ||
145 |
div.widget-prefilled div.content div.message { |
|
146 |
color: #888; |
|
147 |
font-size: 80%; |
|
148 |
} |
|
149 | ||
150 |
@media screen and ($max-mobile-viewport) { |
|
151 |
div#footer-wrapper { |
|
152 |
background-image: none; |
|
153 |
} |
|
154 |
} |
|
155 | ||
156 |
div#footer-wrapper { |
|
157 |
min-height: 100px; |
|
158 |
background: #E7F0F6 url(logo_head2.png) 32px 10px no-repeat; |
|
159 |
} |
|
160 | ||
161 |
div.widget th { |
|
162 |
font-weight: normal; |
|
163 |
} |
|
164 | ||
165 |
div#footer-post-wrapper { |
|
166 |
background: #0086CE; |
|
167 |
padding: 1.5ex 0; |
|
168 |
div#footer-post { |
|
169 |
max-width: $width; |
|
170 |
margin: 0 auto; |
|
171 |
text-align: right; |
|
172 |
} |
|
173 |
a { |
|
174 |
margin-left: 2em; |
|
175 |
color: #6fcdff; |
|
176 |
font-weight: bold; |
|
177 |
&:hover { |
|
178 |
color: white; |
|
179 |
} |
|
180 |
} |
|
181 |
} |
|
182 | ||
183 |
@media screen and ($max-mobile-viewport) { |
|
184 |
div#header { |
|
185 |
padding: 0; |
|
186 |
h1 { |
|
187 |
padding: 0; |
|
188 |
float: none; |
|
189 |
width: 100%; |
|
190 |
text-align: center; |
|
191 |
a { |
|
192 |
display: inline-block; |
|
193 |
} |
|
194 |
} |
|
195 |
} |
|
196 |
} |
|
197 | ||
198 |
#content div.cell.wcsformsofcategorycell { |
|
199 |
border-bottom: 0; |
|
200 |
margin-bottom: 2em; |
|
201 |
h2 { |
|
202 |
background: white center left no-repeat; |
|
203 |
cursor: pointer; |
|
204 |
} |
|
205 |
&.picto-services-commerces h2 { |
|
206 |
background-image: url(img/services-commerces.png); |
|
207 |
padding-left: 64px; |
|
208 |
} |
|
209 | ||
210 |
&.picto-enfance h2 { |
|
211 |
background-image: url(img/enfance.png); |
|
212 |
padding-left: 117px; |
|
213 |
} |
|
214 | ||
215 |
&.picto-jeunesse-sport h2 { |
|
216 |
background-image: url(img/jeunesse-sport.png); |
|
217 |
padding-left: 72px; |
|
218 |
} |
|
219 | ||
220 |
&.picto-tourisme h2 { |
|
221 |
background-image: url(img/tourisme.png); |
|
222 |
padding-left: 67px; |
|
223 |
} |
|
224 | ||
225 |
&.picto-deplacements h2 { |
|
226 |
background-image: url(img/deplacements.png); |
|
227 |
padding-left: 60px; |
|
228 |
} |
|
229 | ||
230 |
&.picto-urbanisme h2 { |
|
231 |
background-image: url(img/urbanisme.png); |
|
232 |
padding-left: 64px; |
|
233 |
} |
|
234 | ||
235 |
&.picto-services-culture h2 { |
|
236 |
background-image: url(img/services-culture.png); |
|
237 |
padding-left: 77px; |
|
238 |
} |
|
239 | ||
240 |
&.picto-environnement h2 { |
|
241 |
background-image: url(img/environnement.png); |
|
242 |
padding-left: 96px; |
|
243 |
} |
|
244 | ||
245 |
&.picto-service-eaux h2 { |
|
246 |
background-image: url(img/service-eaux.png); |
|
247 |
padding-left: 63px; |
|
248 |
} |
|
249 | ||
250 |
&.picto-proximite h2 { |
|
251 |
background-image: url(img/proximite.png); |
|
252 |
padding-left: 67px; |
|
253 |
} |
|
254 | ||
255 |
&.picto-services-papiers h2 { |
|
256 |
background-image: url(img/services-papiers.png); |
|
257 |
padding-left: 55px; |
|
258 |
} |
|
259 | ||
260 |
&.picto-services-asso h2 { |
|
261 |
background-image: url(img/services-asso.png); |
|
262 |
padding-left: 89px; |
|
263 |
} |
|
264 | ||
265 |
&.picto-services-sante h2 { |
|
266 |
background-image: url(img/services-sante.png); |
|
267 |
padding-left: 69px; |
|
268 |
} |
|
269 | ||
270 |
&.picto-services-sports h2 { |
|
271 |
background-image: url(img/services-sports.png); |
|
272 |
padding-left: 69px; |
|
273 |
} |
|
274 | ||
275 |
&.picto-services-nouveau h2 { |
|
276 |
background-image: url(img/services-nouveau.png); |
|
277 |
padding-left: 56px; |
|
278 |
} |
|
279 | ||
280 |
&.picto-services-voirie h2 { |
|
281 |
background-image: url(img/services-voirie.png); |
|
282 |
padding-left: 49px; |
|
283 |
} |
|
284 | ||
285 |
&.picto-services-securite h2 { |
|
286 |
background-image: url(img/services-securite.png); |
|
287 |
padding-left: 71px; |
|
288 |
} |
|
289 | ||
290 |
h2 ~ div { |
|
291 |
display: none; |
|
292 |
} |
|
293 |
&.toggled h2 ~ div { |
|
294 |
display: block; |
|
295 |
} |
|
296 |
} |
|
297 | ||
298 |
div#rub_service { |
|
299 |
div.submit-button { |
|
300 |
float: right; |
|
301 |
} |
|
302 |
div.previous-button button, |
|
303 |
div.cancel-button button { |
|
304 |
background: white; |
|
305 |
border: 1px solid #aaa; |
|
306 |
color: #666; |
|
307 |
box-shadow: none; |
|
308 |
font-weight: normal; |
|
309 |
&:hover { |
|
310 |
background: #eee; |
|
311 |
} |
|
312 |
} |
|
313 |
form + br.quixoteform { |
|
314 |
display: none; |
|
315 |
} |
|
316 |
} |
|
317 | ||
318 |
#login-page, |
|
319 |
body.page-index #columns { |
|
320 |
margin-top: 1em; |
|
321 |
} |
static/rochefort/_vars.scss | ||
---|---|---|
1 |
$primary-color: #D24E38; |
|
2 | ||
3 |
$width: 1150px; |
|
4 |
$font-color: #333; |
|
5 |
$font-family: "Open Sans", sans-serif; |
|
6 |
$font-size: 0.875em; |
|
7 |
$nav-background: white; |
|
8 |
$nav-submenu-background: #222; |
|
9 |
$nav-submenu-color: white; |
|
10 |
$nav-color: $font-color; |
|
11 |
$nav-active-color: #DD6449; |
|
12 |
$nav-item-selected-color: white; |
|
13 |
$nav-item-hover-color: white; |
|
14 |
$border-radius: 0px; |
|
15 |
$button-background: $primary-color; |
|
16 |
$button-color: white; |
|
17 |
$title-background: white; |
|
18 |
$title-border-bottom: 1px solid #ccc; |
|
19 |
$title-color: $primary-color; |
|
20 |
$title-font-size: $font-size * 1.7; |
|
21 |
$title-font-style: italic; |
|
22 |
$title-padding: 1ex 1ex 1ex 0; |
|
23 |
$title-weight: normal; |
|
24 |
$cell-background: #E7F0F6; |
|
25 |
$footer-color: #333; |
static/rochefort/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Rochefort", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#D24E38" |
|
5 |
} |
|
6 |
} |
static/rochefort/extra.js | ||
---|---|---|
1 |
$(function() { |
|
2 |
$('div.wcsformsofcategorycell').delegate('h2', 'click', function() { |
|
3 |
$(this).parents('div.wcsformsofcategorycell').toggleClass('toggled'); |
|
4 |
}); |
|
5 |
}); |
static/rochefort/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
static/vandoeuvre-les-nancy/_custom.scss | ||
---|---|---|
1 |
#header-wrapper { |
|
2 |
background: $primary-color url(img/mairie-nuage.png) top center no-repeat; |
|
3 |
color: white; |
|
4 |
h1 a { |
|
5 |
display: block; |
|
6 |
text-indent: -10000px; |
|
7 |
line-height: 180px; |
|
8 |
font-size: 2.857rem; |
|
9 |
color: white; |
|
10 |
font-weight: normal; |
|
11 |
} |
|
12 |
} |
|
13 | ||
14 |
#nav-wrapper { |
|
15 |
background: $nav-background; |
|
16 |
ul { |
|
17 |
margin-top: 0; |
|
18 |
} |
|
19 |
} |
|
20 | ||
21 |
#footer-wrapper { |
|
22 |
border-top: 15px solid #9ed079; |
|
23 |
position: relative; |
|
24 |
&::before { |
|
25 |
content: ""; |
|
26 |
position: absolute; |
|
27 |
right: 0; |
|
28 |
top: -92px; |
|
29 |
display: block; |
|
30 |
background: url(img/img-footer.png); |
|
31 |
width: 265px; |
|
32 |
height: 77px; |
|
33 |
} |
|
34 |
} |
static/vandoeuvre-les-nancy/_vars.scss | ||
---|---|---|
1 |
$primary-color: #337298; |
|
2 | ||
3 |
$font-family: Helvetica, Arial, sans-serif; |
|
4 |
$width: 980px; |
|
5 |
$font-color: #060606; |
|
6 |
$font-size: 0.875em; |
|
7 |
$nav-background: #4b4b4b linear-gradient(to bottom, #4b4b4b 0%, #717171 100%); |
|
8 |
$nav-submenu-background: #eee; |
|
9 |
$nav-submenu-color: #333; |
|
10 |
$nav-color: white; |
|
11 |
$nav-active-color: #232323; |
|
12 |
$nav-item-selected-color: white; |
|
13 |
$nav-item-selected-background: #232323; |
|
14 |
$nav-item-hover-background: #232323; |
|
15 |
$nav-item-hover-color: white; |
|
16 |
$border-radius: 0; |
|
17 |
$button-background: $primary-color; |
|
18 |
$title-background: $primary-color; |
|
19 |
$title-color: white; |
|
20 |
$footer-background: #333b60; |
|
21 |
$footer-color: white; |
static/vandoeuvre-les-nancy/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Vandœuvre-les-Nancy", |
|
3 |
"variables": { |
|
4 |
"theme_color": "#337298" |
|
5 |
} |
|
6 |
} |
static/vandoeuvre-les-nancy/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
static/vincennes-2018/_custom.scss | ||
---|---|---|
1 |
@import '../includes/fonts/opensans'; |
|
2 | ||
3 |
#header #top #logo { |
|
4 |
padding-top: 10px; |
|
5 |
padding-bottom: 10px; |
|
6 |
a { |
|
7 |
display: block; |
|
8 |
padding-top: 60px; |
|
9 |
color: $primary-color; |
|
10 |
text-transform: uppercase; |
|
11 |
font-weight: normal; |
|
12 |
font-size: 3rem; |
|
13 |
@media screen and ($max-mobile-viewport) { |
|
14 |
font-size: 2.3rem; |
|
15 |
max-width: 100%; |
|
16 |
white-space: pre; |
|
17 |
overflow: hidden; |
|
18 |
} |
|
19 |
} |
|
20 |
} |
|
21 | ||
22 |
#vincennes-fr { |
|
23 |
display: block; |
|
24 |
background: url(img/logo_rouge_et_bleu.png) top left no-repeat; |
|
25 |
width: 250px; |
|
26 |
height: 60px; |
|
27 |
text-indent: -10000px; |
|
28 |
position: absolute; |
|
29 |
right: 0; |
|
30 |
bottom: 5px; |
|
31 |
} |
|
32 | ||
33 |
@media screen and ($max-mobile-viewport) { |
|
34 |
#header #top #logo { |
|
35 |
padding-left: 0; |
|
36 |
a { |
|
37 |
padding-top: 30px; |
|
38 |
padding-bottom: 50px; |
|
39 |
} |
|
40 |
} |
|
41 |
} |
|
42 | ||
43 |
.gru-content div.textcell h2:first-child a { |
|
44 |
color: white; |
|
45 |
} |
|
46 | ||
47 |
div.links-list ul, |
|
48 |
div.menucell ul, |
|
49 |
div.wcsformcell, |
|
50 |
div.notificationscell ul, |
|
51 |
div.categoriescell ul, |
|
52 |
div.wcsformsofcategorycell ul, |
|
53 |
div.wcscurrentdraftscell ul, |
|
54 |
div.wcscurrentformscell ul { |
|
55 |
li { |
|
56 |
a:not(.add-more-items--button) { |
|
57 |
padding-left: 2rem; |
|
58 |
&::before { |
|
59 |
content: "\f0da"; |
|
60 |
font-family: FontAwesome; |
|
61 |
color: $link-color; |
|
62 |
position: absolute; |
|
63 |
top: 1.3rem; |
|
64 |
left: 1rem; |
|
65 |
} |
|
66 |
} |
|
67 |
} |
|
68 |
} |
static/vincennes-2018/_vars.scss | ||
---|---|---|
1 |
$primary-color: #F50082; |
|
2 | ||
3 |
$width: 1160px; |
|
4 |
$font-color: #282828; |
|
5 |
$font-family: "Open Sans", sans-serif; |
|
6 |
$font-size: 0.938em; |
|
7 |
$nav-background: transparent; |
|
8 |
$nav-submenu-background: #eee; |
|
9 |
$nav-submenu-color: #333; |
|
10 |
$nav-color: $font-color; |
|
11 |
$nav-active-color: $primary-color; |
|
12 |
$nav-item-selected-color: white; |
|
13 |
$nav-item-hover-color: white; |
|
14 |
$cell-border: 0; |
|
15 |
$cell-title-cover-border: false; |
|
16 |
$border-radius: 0px; |
|
17 |
$button-background: $primary-color; |
|
18 |
$title-background: $primary-color; |
|
19 |
$title-color: white; |
static/vincennes-2018/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Vincennes (2018)", |
|
3 |
"variables": { |
|
4 |
"favicon": "vincennes-2018/img/favicon.ico", |
|
5 |
"theme_color": "#F50082" |
|
6 |
} |
|
7 |
} |
static/vincennes-2018/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
|
6 |
- |