0001-thonon-agglomeration-online-new-theme-58367.patch
| static/thonon-agglomeration-online/_custom.scss | ||
|---|---|---|
| 1 |
.color-cyan {
|
|
| 2 |
color: $cyan; |
|
| 3 |
} |
|
| 4 | ||
| 5 |
.list-nude {
|
|
| 6 |
margin: 0; |
|
| 7 |
padding: 0; |
|
| 8 |
list-style-type: none; |
|
| 9 |
} |
|
| 10 | ||
| 11 |
.download-link {
|
|
| 12 |
&::after {
|
|
| 13 |
content: "\00A0\f019"; |
|
| 14 |
font-family: FontAwesome, sans-serif; |
|
| 15 |
} |
|
| 16 |
} |
|
| 17 | ||
| 18 | ||
| 19 |
%title {
|
|
| 20 |
display: flex; |
|
| 21 |
margin-bottom: 1em; |
|
| 22 |
padding-bottom: 0; |
|
| 23 |
&::before {
|
|
| 24 |
content: ""; |
|
| 25 |
order: 1; |
|
| 26 |
height: 1px; |
|
| 27 |
flex: 1 0 0; |
|
| 28 |
align-self: center; |
|
| 29 |
background-color: currentColor; |
|
| 30 |
margin-left: .66em; |
|
| 31 |
} |
|
| 32 |
} |
|
| 33 | ||
| 34 |
%button {
|
|
| 35 |
text-transform: uppercase; |
|
| 36 |
font-size: $fz-small; |
|
| 37 |
font-weight: 500; |
|
| 38 |
padding: 1em; |
|
| 39 |
} |
|
| 40 | ||
| 41 |
.button-right-arrow {
|
|
| 42 |
@extend %button; |
|
| 43 |
display: inline-flex; |
|
| 44 |
align-items: center; |
|
| 45 |
padding: 0; |
|
| 46 |
padding-left: 15px; |
|
| 47 |
overflow: hidden; |
|
| 48 | ||
| 49 |
&::after {
|
|
| 50 |
content: "→"; |
|
| 51 |
color: white; |
|
| 52 |
background-color: $cyan; |
|
| 53 |
padding: 10px; |
|
| 54 |
font-weight: bold; |
|
| 55 |
margin-left: 1em; |
|
| 56 |
} |
|
| 57 |
} |
|
| 58 | ||
| 59 |
.button-left-arrow {
|
|
| 60 |
@extend .button-right-arrow; |
|
| 61 |
padding-left: 0; |
|
| 62 |
padding-right: 1em; |
|
| 63 |
&::after {
|
|
| 64 |
content: "←"; |
|
| 65 |
order: -1; |
|
| 66 |
margin-left: 0; |
|
| 67 |
margin-right: 1em; |
|
| 68 |
} |
|
| 69 |
} |
|
| 70 | ||
| 71 |
label {
|
|
| 72 |
font-weight: 600; |
|
| 73 |
} |
|
| 74 | ||
| 75 |
// |
|
| 76 |
// HEADER |
|
| 77 |
// |
|
| 78 | ||
| 79 |
#top {
|
|
| 80 |
display: flex; |
|
| 81 |
flex-wrap: wrap; |
|
| 82 |
align-items: center; |
|
| 83 | ||
| 84 |
@media ($max-mobile-viewport) {
|
|
| 85 |
height: 75px; |
|
| 86 |
} |
|
| 87 |
@media ($min-desktop-viewport) {
|
|
| 88 |
padding-bottom: 20px; |
|
| 89 |
} |
|
| 90 |
} |
|
| 91 | ||
| 92 | ||
| 93 |
h1#logo.has-logo{
|
|
| 94 |
padding-left: 0; |
|
| 95 |
a {
|
|
| 96 |
min-width: 0; |
|
| 97 |
width: 100px; |
|
| 98 |
height: 50px; |
|
| 99 |
@media ($min-desktop-viewport) {
|
|
| 100 |
width: 180px; |
|
| 101 |
height: 85px; |
|
| 102 |
margin-right: 20px; |
|
| 103 |
} |
|
| 104 |
} |
|
| 105 |
@media ($max-mobile-viewport) {
|
|
| 106 |
flex-grow: 1; |
|
| 107 |
} |
|
| 108 |
} |
|
| 109 | ||
| 110 |
.theme-header--baseline {
|
|
| 111 |
font-size: $fz-small; |
|
| 112 |
text-transform: uppercase; |
|
| 113 |
} |
|
| 114 | ||
| 115 |
// |
|
| 116 |
// TOPLINKS |
|
| 117 |
// |
|
| 118 | ||
| 119 |
#toplinks {
|
|
| 120 |
position: static; |
|
| 121 |
border: none; |
|
| 122 |
box-shadow: none; |
|
| 123 |
border-radius: 0; |
|
| 124 |
padding: 0; |
|
| 125 | ||
| 126 |
@media ($max-mobile-viewport) {
|
|
| 127 |
padding-right: $mobile-header-height; |
|
| 128 |
} |
|
| 129 | ||
| 130 |
span {
|
|
| 131 |
display: inline-block; |
|
| 132 |
} |
|
| 133 | ||
| 134 |
a {
|
|
| 135 |
text-transform: uppercase; |
|
| 136 |
display: inline-block; |
|
| 137 | ||
| 138 |
&.login-link, &.logout {
|
|
| 139 |
background-color: $gray-dark; |
|
| 140 |
color: white; |
|
| 141 |
padding: .66em 1em; |
|
| 142 |
&:hover {
|
|
| 143 |
background-color: $cyan; |
|
| 144 |
text-decoration: none; |
|
| 145 |
} |
|
| 146 |
} |
|
| 147 | ||
| 148 |
&.registration {
|
|
| 149 |
display: none; |
|
| 150 |
} |
|
| 151 |
&.account-link {
|
|
| 152 |
color: $gray-medium; |
|
| 153 |
font-weight: 500; |
|
| 154 |
} |
|
| 155 |
} |
|
| 156 |
.sep {
|
|
| 157 |
display: none; |
|
| 158 |
} |
|
| 159 |
@media ($max-mobile-viewport) {
|
|
| 160 |
a {
|
|
| 161 |
display: block; |
|
| 162 |
font-size: $fz-small; |
|
| 163 |
} |
|
| 164 |
} |
|
| 165 |
@media ($min-desktop-viewport) {
|
|
| 166 |
flex: 1 0 100%; |
|
| 167 |
order: -1; |
|
| 168 |
text-align: right; |
|
| 169 |
} |
|
| 170 |
} |
|
| 171 | ||
| 172 |
// |
|
| 173 |
// NAV |
|
| 174 |
// |
|
| 175 | ||
| 176 |
.site-nav {
|
|
| 177 |
@media ($min-desktop-viewport) {
|
|
| 178 |
flex-grow: 1; |
|
| 179 |
text-align: right; |
|
| 180 |
align-self: flex-end; |
|
| 181 |
} |
|
| 182 |
} |
|
| 183 | ||
| 184 |
div.gru-nav .gru-nav-button + ul {
|
|
| 185 |
margin: 0; |
|
| 186 |
> li {
|
|
| 187 |
a {
|
|
| 188 |
font-weight: 500; |
|
| 189 |
> span {
|
|
| 190 |
position: relative; |
|
| 191 |
} |
|
| 192 |
} |
|
| 193 |
> a {
|
|
| 194 |
background: no-repeat white; |
|
| 195 |
@media ($max-mobile-viewport) {
|
|
| 196 |
background-size: 2.1em; |
|
| 197 |
background-position: left 0.66em center ; |
|
| 198 |
border-radius: 1em !important; |
|
| 199 |
border-bottom: none; |
|
| 200 |
margin-bottom: 10px; |
|
| 201 |
padding-left: 3.5em; |
|
| 202 |
+ ul {
|
|
| 203 |
display: none; |
|
| 204 |
} |
|
| 205 |
} |
|
| 206 |
@media ($min-desktop-viewport) {
|
|
| 207 |
background-position: bottom 2.2em center ; |
|
| 208 |
padding-bottom: 0; |
|
| 209 |
padding-top: 4em; |
|
| 210 |
} |
|
| 211 |
} |
|
| 212 |
} |
|
| 213 |
} |
|
| 214 |
// submenu |
|
| 215 |
div.gru-nav > ul ul {
|
|
| 216 |
padding: .33em; |
|
| 217 |
a:hover {
|
|
| 218 |
border-color: transparent; |
|
| 219 |
color: $nav-color; |
|
| 220 |
} |
|
| 221 |
} |
|
| 222 |
// badge |
|
| 223 |
div.gru-nav span.badge, |
|
| 224 |
div.menucell span.badge {
|
|
| 225 |
$size: 1.5em; |
|
| 226 |
&::before, &::after {
|
|
| 227 |
content: none; |
|
| 228 |
} |
|
| 229 |
display: inline-block; |
|
| 230 |
width: $size; |
|
| 231 |
height: $size; |
|
| 232 |
line-height: $size; |
|
| 233 |
border-radius: 50%; |
|
| 234 |
text-align: center; |
|
| 235 |
background-color: #E10000; |
|
| 236 |
color: white; |
|
| 237 |
font-weight: bold; |
|
| 238 |
} |
|
| 239 |
div.gru-nav span.badge {
|
|
| 240 |
position: absolute; |
|
| 241 |
right: calc(100% + .5em); |
|
| 242 |
bottom: 50%; |
|
| 243 |
@media ($min-desktop-viewport) {
|
|
| 244 |
right: auto; |
|
| 245 |
bottom: calc( 100% + 2em); |
|
| 246 |
left: calc(50%); |
|
| 247 |
} |
|
| 248 |
} |
|
| 249 | ||
| 250 |
// right-to-left adaptation |
|
| 251 |
@media ($max-mobile-viewport) {
|
|
| 252 |
@if $responsive-menu == left-to-right {
|
|
| 253 |
body {
|
|
| 254 |
border-left: none; |
|
| 255 |
} |
|
| 256 |
div.gru-nav .gru-nav-button {
|
|
| 257 |
border: 20px solid; |
|
| 258 |
left: auto; |
|
| 259 |
right: 0; |
|
| 260 |
top: 0; |
|
| 261 |
+ ul {
|
|
| 262 |
transform: translateX(100%); |
|
| 263 |
left: auto; |
|
| 264 |
right: 0; |
|
| 265 |
width: auto; |
|
| 266 |
padding-left: 1em; |
|
| 267 |
padding-right: 1em; |
|
| 268 |
} |
|
| 269 |
} |
|
| 270 |
} |
|
| 271 |
} |
|
| 272 | ||
| 273 |
// |
|
| 274 |
// MAIN |
|
| 275 |
// |
|
| 276 | ||
| 277 |
main {
|
|
| 278 |
padding-top: $columns-gutter; |
|
| 279 |
} |
|
| 280 |
.gru-content {
|
|
| 281 |
padding-left: 0.7em; |
|
| 282 |
padding-right: 0.7em; |
|
| 283 |
} |
|
| 284 | ||
| 285 |
// |
|
| 286 |
// CELLS |
|
| 287 |
// |
|
| 288 | ||
| 289 |
// cell--body |
|
| 290 |
.column div.a2-block, |
|
| 291 |
.gru-content div.cell, |
|
| 292 |
.block {
|
|
| 293 |
margin-bottom: $columns-gutter; |
|
| 294 |
& h2 ~ div, |
|
| 295 |
.cell--body, |
|
| 296 |
&.menu-cell {
|
|
| 297 |
background-color: white; |
|
| 298 |
border-radius: $cell-border-radius; |
|
| 299 |
overflow: hidden; |
|
| 300 |
} |
|
| 301 |
} |
|
| 302 | ||
| 303 |
// cell pagination |
|
| 304 |
.cell-items-pagination {
|
|
| 305 |
background: none !important; |
|
| 306 |
} |
|
| 307 | ||
| 308 |
// Custom search form |
|
| 309 |
div.search-cell {
|
|
| 310 |
form {
|
|
| 311 |
background-color: white; |
|
| 312 |
padding: 0; |
|
| 313 |
border: 1px solid $gray; |
|
| 314 |
border-radius: 10em; |
|
| 315 |
overflow: hidden; |
|
| 316 |
input, input:focus {
|
|
| 317 |
margin-right: 0; |
|
| 318 |
border: none !important; |
|
| 319 |
} |
|
| 320 |
button {
|
|
| 321 |
border-radius: 50%; |
|
| 322 |
order: -1; |
|
| 323 |
background-color: $font-color; |
|
| 324 |
color: white; |
|
| 325 |
position: relative; |
|
| 326 |
padding: 5px; |
|
| 327 |
font-size: $fz-2; |
|
| 328 |
width: 3em; |
|
| 329 |
height: 3em; |
|
| 330 |
&:hover {
|
|
| 331 |
background-color: $cyan; |
|
| 332 |
color: white; |
|
| 333 |
} |
|
| 334 |
} |
|
| 335 |
} |
|
| 336 |
} |
|
| 337 |
.combo-search--button {
|
|
| 338 |
&::before {
|
|
| 339 |
content: "\f002"; |
|
| 340 |
font-family: FontAwesome; |
|
| 341 |
} |
|
| 342 |
&-label {
|
|
| 343 |
display: none; |
|
| 344 |
} |
|
| 345 |
} |
|
| 346 | ||
| 347 |
// Custom link cell |
|
| 348 |
.btn-with-icon {
|
|
| 349 |
&--link {
|
|
| 350 |
@extend %button; |
|
| 351 |
text-transform: none; |
|
| 352 |
padding: 0; |
|
| 353 |
overflow: hidden; |
|
| 354 |
display: flex; |
|
| 355 |
align-items: center; |
|
| 356 |
text-align: left; |
|
| 357 |
margin-right: 0; |
|
| 358 |
margin-bottom: 0.5rem; |
|
| 359 |
font-size: 1rem; |
|
| 360 |
font-weight: normal; |
|
| 361 |
&:hover {
|
|
| 362 |
background-color: $font-color; |
|
| 363 |
} |
|
| 364 |
} |
|
| 365 |
&--icon {
|
|
| 366 |
background-color: white; |
|
| 367 |
background-origin: content-box; |
|
| 368 |
background-size: contain; |
|
| 369 |
background-position: center; |
|
| 370 |
background-repeat: no-repeat; |
|
| 371 |
display: inline-block; |
|
| 372 |
flex-basis: 3.2em; |
|
| 373 |
border: .5em solid transparent; |
|
| 374 |
border-left-width: 1em; |
|
| 375 |
align-self: stretch; |
|
| 376 |
} |
|
| 377 |
&--label {
|
|
| 378 |
padding: .8em; |
|
| 379 |
display: inline-block; |
|
| 380 |
line-height: 1.2em; |
|
| 381 |
} |
|
| 382 |
} |
|
| 383 |
.big-btn-with-icon {
|
|
| 384 |
.btn-with-icon {
|
|
| 385 |
&--link {
|
|
| 386 |
font-size: $fz-2; |
|
| 387 |
&:hover {
|
|
| 388 |
background-color: $cyan; |
|
| 389 |
} |
|
| 390 |
} |
|
| 391 |
} |
|
| 392 |
} |
|
| 393 |
// custom .menu-cell |
|
| 394 |
div.menu-cell ul {
|
|
| 395 |
padding-top: 1rem; |
|
| 396 |
padding-bottom: 1rem; |
|
| 397 |
& > li {
|
|
| 398 |
border-bottom: none !important; |
|
| 399 |
} |
|
| 400 |
& > li > a {
|
|
| 401 |
color: $font-color; |
|
| 402 |
padding-top: .5rem; |
|
| 403 |
padding-bottom: .5rem; |
|
| 404 |
&::before {
|
|
| 405 |
content: ">"; |
|
| 406 |
color: $gray; |
|
| 407 |
font-weight: bold; |
|
| 408 |
margin-right: .33em; |
|
| 409 |
} |
|
| 410 |
&:hover {
|
|
| 411 |
color: $cyan; |
|
| 412 |
background-color: transparent; |
|
| 413 |
} |
|
| 414 |
} |
|
| 415 |
} |
|
| 416 | ||
| 417 | ||
| 418 |
// |
|
| 419 |
// JSON CELLS (TILES) |
|
| 420 |
// |
|
| 421 | ||
| 422 |
// all tiles |
|
| 423 |
.tiles--list {
|
|
| 424 |
@extend .list-nude; |
|
| 425 |
} |
|
| 426 |
.tiles--item {
|
|
| 427 |
margin-bottom: 0.5rem; |
|
| 428 |
} |
|
| 429 |
.tiles--btn {
|
|
| 430 |
text-align: right; |
|
| 431 |
> a:last-child {
|
|
| 432 |
margin-right: 0; |
|
| 433 |
} |
|
| 434 |
} |
|
| 435 |
.tile {
|
|
| 436 |
color: inherit; |
|
| 437 |
text-decoration: none; |
|
| 438 |
display: block; |
|
| 439 |
line-height: 1.4; |
|
| 440 | ||
| 441 |
&:hover {
|
|
| 442 |
text-decoration: none; |
|
| 443 | ||
| 444 |
.tile--title {
|
|
| 445 |
color: $cyan; |
|
| 446 |
} |
|
| 447 |
} |
|
| 448 |
} |
|
| 449 |
.tile--picture {
|
|
| 450 |
background-color: white; |
|
| 451 |
display: block; |
|
| 452 |
position: relative; |
|
| 453 |
height: auto; |
|
| 454 |
} |
|
| 455 |
.tile--img {
|
|
| 456 |
position: absolute; |
|
| 457 |
inset: 0 0 0 0; |
|
| 458 |
width: 100%; |
|
| 459 |
height: 100%; |
|
| 460 |
object-fit: cover; |
|
| 461 |
display: block; |
|
| 462 |
} |
|
| 463 |
.tile--body {
|
|
| 464 |
background-color: white; |
|
| 465 |
padding: 2rem; |
|
| 466 | ||
| 467 |
& > * {
|
|
| 468 |
margin-top: 0; |
|
| 469 |
&:last-child {
|
|
| 470 |
margin-bottom: 0; |
|
| 471 |
} |
|
| 472 |
} |
|
| 473 |
} |
|
| 474 |
.actu--date, |
|
| 475 |
.tile--date {
|
|
| 476 |
color: $gray-medium; |
|
| 477 |
margin-bottom: 0.2rem; |
|
| 478 |
} |
|
| 479 |
.tile--title {
|
|
| 480 |
font-size: $fz-2; |
|
| 481 |
text-transform: uppercase; |
|
| 482 |
font-weight: 600; |
|
| 483 |
} |
|
| 484 |
// Actus tiles |
|
| 485 |
.tile-actu {
|
|
| 486 |
@media ($min-desktop-viewport) {
|
|
| 487 |
display: flex; |
|
| 488 | ||
| 489 |
> * {
|
|
| 490 |
flex-basis: 50%; |
|
| 491 |
flex-grow: 1 |
|
| 492 |
} |
|
| 493 |
} |
|
| 494 |
.tile--picture {
|
|
| 495 |
padding-top: 54%; |
|
| 496 |
@media ($min-desktop-viewport) {
|
|
| 497 |
padding-top: 27%; |
|
| 498 |
} |
|
| 499 |
} |
|
| 500 |
} |
|
| 501 |
// tile actu small |
|
| 502 |
.tile-actu-small {
|
|
| 503 |
.tile--picture {
|
|
| 504 |
padding-top: 64%; |
|
| 505 |
@media ($min-desktop-viewport) {
|
|
| 506 |
padding-top: 32%; |
|
| 507 |
} |
|
| 508 |
} |
|
| 509 |
} |
|
| 510 |
// tile actu mini |
|
| 511 |
.actus-mini--list {
|
|
| 512 |
display: flex; |
|
| 513 |
flex-wrap: wrap; |
|
| 514 |
gap: 2px; |
|
| 515 |
margin-bottom: 0.5rem; |
|
| 516 |
} |
|
| 517 |
.actus-mini--item {
|
|
| 518 |
min-width: 12rem; |
|
| 519 |
flex: 1 0 0; |
|
| 520 |
background-color: white; |
|
| 521 |
margin-bottom: 0; |
|
| 522 |
} |
|
| 523 |
.tile-actu-mini {
|
|
| 524 |
display: block; |
|
| 525 |
} |
|
| 526 |
// People tiles |
|
| 527 |
.peoples--list {
|
|
| 528 |
display: flex; |
|
| 529 |
flex-wrap: wrap; |
|
| 530 |
gap: 1rem; |
|
| 531 | ||
| 532 |
} |
|
| 533 |
.peoples--item {
|
|
| 534 |
background-color: white; |
|
| 535 |
flex: 1 1 30%; |
|
| 536 |
max-width: 14rem; |
|
| 537 |
@media (max-width: $very-small-limit) {
|
|
| 538 |
flex-basis: 40%; |
|
| 539 |
} |
|
| 540 |
} |
|
| 541 |
.tile-people {
|
|
| 542 |
.tile--body {
|
|
| 543 |
padding: .33em; |
|
| 544 |
} |
|
| 545 |
.tile--title {
|
|
| 546 |
font-size: 1rem; |
|
| 547 |
margin-bottom: 0; |
|
| 548 |
} |
|
| 549 |
.tile--subtitle {
|
|
| 550 |
color: $gray-medium; |
|
| 551 |
text-transform: uppercase; |
|
| 552 |
font-weight: normal; |
|
| 553 |
} |
|
| 554 |
.tile--picture {
|
|
| 555 |
padding-top: 13rem; |
|
| 556 |
} |
|
| 557 |
} |
|
| 558 |
// actus |
|
| 559 |
.actu--title {
|
|
| 560 |
@extend %title; |
|
| 561 |
&::before {
|
|
| 562 |
content: none; |
|
| 563 |
} |
|
| 564 |
} |
|
| 565 |
.actu--insert-title, |
|
| 566 |
.actu--footer-title {
|
|
| 567 |
font-size: $fz-2 !important; |
|
| 568 |
margin-bottom: 0.2em !important; |
|
| 569 |
&::before {
|
|
| 570 |
content: none !important; |
|
| 571 |
} |
|
| 572 |
} |
|
| 573 |
.actu--picture {
|
|
| 574 |
background-color: white; |
|
| 575 |
display: block; |
|
| 576 |
} |
|
| 577 |
.actu--legend {
|
|
| 578 |
color: $gray-medium; |
|
| 579 |
font-size: $fz-small; |
|
| 580 |
padding: 1em; |
|
| 581 |
} |
|
| 582 |
.actu--body, |
|
| 583 |
.actu-footer {
|
|
| 584 |
line-height: 1.4; |
|
| 585 |
} |
|
| 586 |
.actu--insert {
|
|
| 587 |
border-left: .33em solid $cyan; |
|
| 588 |
padding: .66em; |
|
| 589 |
background-color: hsla(0, 0%, 0%, 0.05); |
|
| 590 |
} |
|
| 591 |
.actu--footer {
|
|
| 592 |
ul {
|
|
| 593 |
@extend .list-nude; |
|
| 594 |
margin-bottom: 1em; |
|
| 595 |
} |
|
| 596 |
li {
|
|
| 597 |
margin-bottom: 0.33em; |
|
| 598 |
&::before {
|
|
| 599 |
content: ">"; |
|
| 600 |
color: $gray; |
|
| 601 |
font-weight: bold; |
|
| 602 |
margin-right: .33em; |
|
| 603 |
} |
|
| 604 |
} |
|
| 605 |
} |
|
| 606 | ||
| 607 | ||
| 608 |
// |
|
| 609 |
// FORMS |
|
| 610 |
// |
|
| 611 | ||
| 612 |
div.buttons .submit-button button, |
|
| 613 |
.gru-content form:not(.combo-search-form) button.submit-button, {
|
|
| 614 |
@extend .button-right-arrow; |
|
| 615 |
} |
|
| 616 | ||
| 617 |
div.gru-content button.previous-button, |
|
| 618 |
div.buttons .previous-button button {
|
|
| 619 |
@extend .button-left-arrow; |
|
| 620 |
} |
|
| 621 | ||
| 622 | ||
| 623 |
// |
|
| 624 |
// WCS |
|
| 625 |
// |
|
| 626 | ||
| 627 |
div.widget div.title {
|
|
| 628 |
margin-bottom: .25em; |
|
| 629 |
} |
|
| 630 | ||
| static/thonon-agglomeration-online/_vars.scss | ||
|---|---|---|
| 1 |
// colors |
|
| 2 |
$cyan: #178387; |
|
| 3 |
$gold: #FEC307; |
|
| 4 |
$green: #06B486; |
|
| 5 |
$orange: #FF6F00; |
|
| 6 |
$violet: #8338EC; |
|
| 7 |
$blue: #3A86FF; |
|
| 8 |
$pink: #EF237B; |
|
| 9 |
$gray-dark: #2E2E2E; |
|
| 10 |
$gray-medium: #828282; |
|
| 11 |
$gray: #B4B4B4; |
|
| 12 |
$gray-light: #DBDBDB; |
|
| 13 |
$gray-xlight: #F4F4F4; |
|
| 14 | ||
| 15 |
// font-size |
|
| 16 |
$base-font: 15; |
|
| 17 |
$fz-1: 25em / $base-font; |
|
| 18 |
$fz-2: 20em / $base-font; |
|
| 19 |
$fz-small: 12em / $base-font; |
|
| 20 | ||
| 21 |
$mobile-header-height: 75px; |
|
| 22 |
// $desktop-header-height: ; |
|
| 23 | ||
| 24 |
// Core vars |
|
| 25 |
$width: 1400em / $base-font; |
|
| 26 |
$mobile-limit: 64em; |
|
| 27 |
$very-small-limit: 35em; |
|
| 28 |
$columns-gutter: 40em / 15; |
|
| 29 |
$sidebar-position: right; |
|
| 30 |
$sidebar-width: 480em / 15; |
|
| 31 |
$sidebar-columns-gutter: 80em / 15; |
|
| 32 |
$grid-gutter: 2rem; |
|
| 33 |
$columns-gutter: 2rem; |
|
| 34 | ||
| 35 |
$font-family: Poppins, sans-serif; |
|
| 36 |
$font-size: $base-font / 16 * 100%; |
|
| 37 |
$font-color: $gray-dark; |
|
| 38 |
$link-color: $cyan; |
|
| 39 | ||
| 40 |
$primary-color: $cyan; |
|
| 41 |
$body-background: $gray-xlight; |
|
| 42 | ||
| 43 |
$header-background-color: white; |
|
| 44 | ||
| 45 |
$nav-item-selected-mode: bottom-border; |
|
| 46 |
$nav-color: $gray-dark; |
|
| 47 |
$nav-active-color: $nav-color; |
|
| 48 |
$nav-item-selected-background: transparent; |
|
| 49 |
$nav-item-selected-color: $nav-color; |
|
| 50 |
$nav-menu-side: $mobile-header-height; |
|
| 51 |
$nav-button-background: $gray-dark; |
|
| 52 |
$nav-button-color: white !important; |
|
| 53 |
$nav-submenu-background: white; |
|
| 54 |
$nav-submenu-color: $gray-medium; |
|
| 55 |
$nav-mobile-menu-background: $gray-dark; |
|
| 56 |
$nav-mobile-menu-item-color: $gray-dark; |
|
| 57 |
$nav-mobile-menu-item-hover-background: $gray-xlight; |
|
| 58 |
$nav-after-image: false; |
|
| 59 |
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left |
|
| 60 | ||
| 61 |
$nav-mobile-bottom-bar-item-hover-color: $gold; |
|
| 62 | ||
| 63 |
$title-background: transparent; |
|
| 64 |
$title-color: $gray-dark; |
|
| 65 |
$title-font-size: $fz-1; |
|
| 66 |
$title-weight: bold; |
|
| 67 |
$title-transform: uppercase; |
|
| 68 |
$title-padding: 0; |
|
| 69 | ||
| 70 |
$cell-background: transparent; |
|
| 71 |
$cell-border: none; |
|
| 72 |
$cell-title-cover-border: false; |
|
| 73 |
$cell-entry-border: 1px solid $body-background; |
|
| 74 |
$cell-entry-hover-color: white; |
|
| 75 |
$cell-entry-hover-background: $cyan; |
|
| 76 |
$cell-border-radius: 1rem; |
|
| 77 | ||
| 78 |
$button-background: white; |
|
| 79 |
$button-hover-background: $cyan; |
|
| 80 |
$button-color: $font-color; |
|
| 81 |
$button-hover-color: white; |
|
| 82 |
$button-border-radius: $cell-border-radius; |
|
| 83 |
$button-border: none; |
|
| 84 | ||
| 85 |
$form-sidebar-position: right; |
|
| 86 |
$form-sidebar-width: 400em / 15; |
|
| 87 |
$form-sidebar-gutter: $sidebar-columns-gutter; |
|
| 88 | ||
| 89 |
$widget-unique-checkbox-position: left; |
|
| 90 |
$widget-border: 1px solid $gray; |
|
| 91 |
$widget-focus-border: 1px solid $gray-dark; |
|
| 92 |
$widget-border-radius: 1em; |
|
| 93 | ||
| 94 |
$footer-background: $gray-dark; |
|
| 95 |
$footer-color: white; |
|
| 96 |
$footer-link-color: $footer-color; |
|
| static/thonon-agglomeration-online/config.json | ||
|---|---|---|
| 1 |
{
|
|
| 2 |
"label": "Thonon Agglomération Online", |
|
| 3 |
"variables": {
|
|
| 4 |
"pwa_display": "standalone", |
|
| 5 |
"theme_color": "#178387", |
|
| 6 |
"include_top_links": true, |
|
| 7 |
"email_header_asset": "emails:logo" |
|
| 8 |
}, |
|
| 9 |
"settings": {
|
|
| 10 |
"combo": {
|
|
| 11 |
"COMBO_ASSET_SLOTS.update": {
|
|
| 12 |
"header:logo": { "label": "Têtière : logo" },
|
|
| 13 |
"emails:logo": {"label": "Emails : logo"}
|
|
| 14 |
}, |
|
| 15 |
"COMBO_CELL_TEMPLATES.update" : {
|
|
| 16 |
"data_linkcell" : {
|
|
| 17 |
"big-btn-icon" : {
|
|
| 18 |
"extra-css-classes" : "big-btn-with-icon", |
|
| 19 |
"label" : "bouton avec image (grand)", |
|
| 20 |
"template" : "combo/cells/btn-with-icon/link-cell.html" |
|
| 21 |
}, |
|
| 22 |
"btn-icon" : {
|
|
| 23 |
"extra-css-classes" : "btn-with-icon", |
|
| 24 |
"label" : "bouton avec image", |
|
| 25 |
"template" : "combo/cells/btn-with-icon/link-cell.html" |
|
| 26 |
} |
|
| 27 |
} |
|
| 28 |
}, |
|
| 29 |
"COMBO_CELL_ASSET_SLOTS.update": {
|
|
| 30 |
"data_linkcell": {
|
|
| 31 |
"picture": {"prefix": "Icône"}
|
|
| 32 |
} |
|
| 33 |
} |
|
| 34 |
} |
|
| 35 |
} |
|
| 36 |
} |
|
| static/thonon-agglomeration-online/img/menu/bell.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="23.689" height="28.267" viewBox="0 0 23.689 28.267"><defs><style>.a{fill:#2e2e2e;stroke:#2e2e2e;stroke-width:0.8px;}</style></defs><g transform="translate(-1.6 0.4)"><g transform="translate(11.156 0)"><path class="a" d="M14.006,4.784a.572.572,0,0,1-.572-.572V2.289a1.144,1.144,0,0,0-2.289,0V4.212a.572.572,0,1,1-1.144,0V2.289a2.289,2.289,0,1,1,4.578,0V4.212A.572.572,0,0,1,14.006,4.784Z" transform="translate(-10 0)"/></g><g transform="translate(9.439 22.889)"><path class="a" d="M12.506,24.578A4.01,4.01,0,0,1,8.5,20.572a.572.572,0,1,1,1.144,0,2.861,2.861,0,0,0,5.722,0,.572.572,0,1,1,1.144,0A4.01,4.01,0,0,1,12.506,24.578Z" transform="translate(-8.5 -20)"/></g><g transform="translate(2 3.433)"><path class="a" d="M23.172,23.6H3.717A1.717,1.717,0,0,1,2.6,20.579a7.957,7.957,0,0,0,2.832-6.091V11.011a8.011,8.011,0,1,1,16.022,0v3.477a7.948,7.948,0,0,0,2.823,6.083A1.717,1.717,0,0,1,23.172,23.6ZM13.444,4.144a6.874,6.874,0,0,0-6.867,6.867v3.477a9.092,9.092,0,0,1-3.228,6.957.572.572,0,0,0,.367,1.011H23.172a.572.572,0,0,0,.372-1.007,9.1,9.1,0,0,1-3.233-6.961V11.011a6.874,6.874,0,0,0-6.867-6.867Z" transform="translate(-2 -3)"/></g></g></svg>
|
|
| static/thonon-agglomeration-online/img/menu/books.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="34.092" height="34.88" viewBox="0 0 34.092 34.88"><defs><style>.a{fill:#8338ec;stroke:#8338ec;stroke-width:0.2px;}</style></defs><g transform="translate(0.1 0.113)"><g transform="translate(0 0)"><g transform="translate(0)"><path class="a" d="M39.394,31.922h0L30.952.416a.562.562,0,0,0-.687-.4L22.659,2.057a.549.549,0,0,0-.267.176V1.025A.562.562,0,0,0,21.83.463H6.084a.562.562,0,0,0-.562.562V33.641a.562.562,0,0,0,.562.562H21.83a.562.562,0,0,0,.562-.562V3.234L30.7,34.25a.562.562,0,0,0,.543.417.582.582,0,0,0,.144-.019l7.6-2.038A.562.562,0,0,0,39.394,31.922Zm-26,1.157H6.647V1.588h6.748Zm7.873,0H14.519V1.588h6.748Zm10.376.337L23.493,3,30.011,1.25l8.15,30.418Z" transform="translate(-5.522 0)"/></g></g><g transform="translate(2.249 3.837)"><path class="a" d="M41.458,54.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -54.589)"/></g><g transform="translate(2.249 6.087)"><path class="a" d="M41.458,86.589H38.084a.562.562,0,1,0,0,1.125h3.374a.562.562,0,1,0,0-1.125Z" transform="translate(-37.522 -86.589)"/></g><g transform="translate(10.122 3.837)"><path class="a" d="M153.458,54.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -54.589)"/></g><g transform="translate(10.122 6.087)"><path class="a" d="M153.458,86.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -86.589)"/></g><g transform="translate(19.758 3.837)"><path class="a" d="M291,55.023a.562.562,0,0,0-.678-.416l-.029.008-3.262.873a.562.562,0,0,0,.286,1.088h.005l3.262-.873A.562.562,0,0,0,291,55.023Z" transform="translate(-286.608 -54.591)"/></g><g transform="translate(20.345 6.014)"><path class="a" d="M299.329,85.971a.562.562,0,0,0-.689-.4h0l-3.259.873a.562.562,0,0,0,.286,1.088h.005l3.262-.873A.563.563,0,0,0,299.329,85.971Z" transform="translate(-294.96 -85.554)"/></g><g transform="translate(25.876 26.655)"><path class="a" d="M378.008,379.62a.562.562,0,0,0-.685-.4l-3.262.873a.562.562,0,0,0,.146,1.106h0a.568.568,0,0,0,.146-.019l3.259-.873A.562.562,0,0,0,378.008,379.62Z" transform="translate(-373.644 -379.205)"/></g><g transform="translate(26.463 28.828)"><path class="a" d="M386.353,410.532a.562.562,0,0,0-.685-.4l-3.262.873a.562.562,0,0,0,.146,1.105.539.539,0,0,0,.146-.02l3.262-.873A.562.562,0,0,0,386.353,410.532Z" transform="translate(-381.988 -410.117)"/></g><g transform="translate(10.122 27.455)"><path class="a" d="M153.458,390.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -390.589)"/></g><g transform="translate(10.122 29.705)"><path class="a" d="M153.458,422.589h-3.374a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-149.522 -422.589)"/></g><g transform="translate(2.249 27.455)"><path class="a" d="M41.458,390.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -390.589)"/></g><g transform="translate(2.249 29.705)"><path class="a" d="M41.458,422.589H38.084a.562.562,0,0,0,0,1.125h3.374a.562.562,0,0,0,0-1.125Z" transform="translate(-37.522 -422.589)"/></g><g transform="translate(0 0)"><g transform="translate(0 0)"><path class="a" d="M39.394,31.922h0L30.952.416a.562.562,0,0,0-.687-.4L22.659,2.057a.549.549,0,0,0-.267.176V1.025A.562.562,0,0,0,21.83.463H6.084a.562.562,0,0,0-.562.562V33.641a.562.562,0,0,0,.562.562H21.83a.562.562,0,0,0,.562-.562V3.234L30.7,34.25a.562.562,0,0,0,.543.417.582.582,0,0,0,.144-.019l7.6-2.038A.562.562,0,0,0,39.394,31.922Zm-26,1.157H6.647V1.588h6.748Zm7.873,0H14.519V1.588h6.748Zm10.376.337L23.493,3,30.011,1.25l8.15,30.418Z" transform="translate(-5.522 0)"/></g></g></g></svg>
|
|
| static/thonon-agglomeration-online/img/menu/click.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="27.503" height="36.591" viewBox="0 0 27.503 36.591"><defs><style>.a{fill:#5980ff;stroke:#5980ff;stroke-width:0.2px;}</style></defs><g transform="translate(0.1 0.1)"><g transform="translate(10.613 10.616)"><g transform="translate(0)"><path class="a" d="M229.806,164.755l-15.161-15.161a.759.759,0,0,0-1.295.537v20.993a.758.758,0,0,0,1.224.6l3.849-3.01,3.36,6.046a.76.76,0,0,0,1,.309l4.548-2.274a.756.756,0,0,0,.385-.453.769.769,0,0,0-.061-.593l-3.166-5.7h4.776a.759.759,0,0,0,.537-1.295Zm-6.6-.22a.76.76,0,0,0-.664,1.126l3.407,6.13-3.191,1.6-3.437-6.189a.76.76,0,0,0-.512-.376.747.747,0,0,0-.152-.015.761.761,0,0,0-.467.161l-3.323,2.6V151.96l12.575,12.575Z" transform="translate(-213.35 -149.372)"/></g></g><g transform="translate(10.613)"><g transform="translate(0)"><path class="a" d="M214.108,0a.758.758,0,0,0-.758.758V5.307a.758.758,0,0,0,1.516,0V.758A.758.758,0,0,0,214.108,0Z" transform="translate(-213.35)"/></g></g><g transform="translate(0 10.613)"><path class="a" d="M69.323,149.333H64.774a.758.758,0,1,0,0,1.516h4.548a.758.758,0,1,0,0-1.516Z" transform="translate(-64.016 -149.333)"/></g><g transform="translate(16.678 10.613)"><g transform="translate(0)"><path class="a" d="M303.99,149.333h-4.548a.758.758,0,0,0,0,1.516h4.548a.758.758,0,1,0,0-1.516Z" transform="translate(-298.683 -149.333)"/></g></g><g transform="translate(3.108 3.109)"><g transform="translate(0)"><path class="a" d="M112.256,47.186l-3.217-3.216a.758.758,0,0,0-1.072,1.072l3.217,3.216a.762.762,0,0,0,.537.221.749.749,0,0,0,.535-.221A.759.759,0,0,0,112.256,47.186Z" transform="translate(-107.745 -43.749)"/></g></g><g transform="translate(3.108 14.903)"><g transform="translate(0)"><path class="a" d="M112.256,209.923a.759.759,0,0,0-1.072,0l-3.217,3.216a.758.758,0,0,0,1.072,1.072l3.217-3.216A.759.759,0,0,0,112.256,209.923Z" transform="translate(-107.745 -209.701)"/></g></g><g transform="translate(14.9 3.108)"><g transform="translate(0)"><path class="a" d="M278.188,43.956a.758.758,0,0,0-1.073,0L273.9,47.172a.759.759,0,0,0,1.073,1.072l3.217-3.216A.759.759,0,0,0,278.188,43.956Z" transform="translate(-273.676 -43.733)"/></g></g></g></svg>
|
|
| static/thonon-agglomeration-online/img/menu/group-green.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="38.306" height="37.711" viewBox="0 0 38.306 37.711"><defs><style>.a{fill:#06b486;stroke:#06b486;stroke-width:0.5px;}</style></defs><g transform="translate(-3988.48 -1406.597)"><g transform="translate(4004.237 1406.847)"><path class="a" d="M4036.844,1413.641a3.4,3.4,0,1,1,3.4-3.4A3.4,3.4,0,0,1,4036.844,1413.641Zm0-5.731a2.334,2.334,0,1,0,2.334,2.334A2.337,2.337,0,0,0,4036.844,1407.91Z" transform="translate(-4033.447 -1406.847)"/></g><g transform="translate(3988.73 1417.141)"><path class="a" d="M3998.279,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-10.711a2.006,2.006,0,0,1-.826.27,2.094,2.094,0,0,1-2.3-2.083v-8.242a3.659,3.659,0,0,1,3.655-3.655h7.789a.532.532,0,0,1,.5.71,2.825,2.825,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617.546.546,0,0,1,.083.283v.6h0v12.295A2.5,2.5,0,0,1,3998.279,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.614c0-.044,0-.089,0-.137a2.2,2.2,0,0,1-.27-1.047V1438.2a3.855,3.855,0,0,1,.049-.608h-7.105a2.6,2.6,0,0,0-2.592,2.592v8.242a1.029,1.029,0,0,0,1.133,1.026,1.076,1.076,0,0,0,.928-1.093V1442.7a.531.531,0,1,1,1.063,0v18.25a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-3988.73 -1436.532)"/></g><g transform="translate(3993.145 1409.737)"><path class="a" d="M4004.63,1421.521a3.17,3.17,0,1,1,3.169-3.169A3.173,3.173,0,0,1,4004.63,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.105,2.107A2.108,2.108,0,0,0,4004.63,1416.245Z" transform="translate(-4001.46 -1415.182)"/></g><g transform="translate(4014.492 1417.141)"><path class="a" d="M4069.443,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-12.591a.57.57,0,0,1,.023-.157,5.992,5.992,0,0,0,.247-1.049V1438.2a2.837,2.837,0,0,0-.17-.961.531.531,0,0,1,.5-.71h7.788a3.658,3.658,0,0,1,3.654,3.655v8.242a2.094,2.094,0,0,1-2.3,2.083,1.989,1.989,0,0,1-.826-.271v10.712A2.5,2.5,0,0,1,4069.443,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.547c0-.015,0-.029,0-.044V1442.7a.532.532,0,0,1,1.063,0v5.62c0,.014,0,.029,0,.042a1.076,1.076,0,0,0,.927,1.089,1.031,1.031,0,0,0,1.134-1.026v-8.242a2.6,2.6,0,0,0-2.592-2.592h-7.1a3.856,3.856,0,0,1,.048.608v8.952a5.885,5.885,0,0,1-.271,1.285v12.512a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-4063.019 -1436.532)"/></g><g transform="translate(3999.442 1414.889)"><path class="a" d="M4029.946,1459.18a2.662,2.662,0,0,0-4.268,0,2.668,2.668,0,0,1-2.665-2.665V1444.8a2.125,2.125,0,0,1-.947.33,2.244,2.244,0,0,1-2.445-2.218v-8.952a3.935,3.935,0,0,1,3.923-3.924h8.535a3.932,3.932,0,0,1,3.693,2.605h0a3.917,3.917,0,0,1,.231,1.318v8.952a2.245,2.245,0,0,1-2.445,2.218,2.119,2.119,0,0,1-.947-.33v11.716A2.668,2.668,0,0,1,4029.946,1459.18Zm-2.134-3.2a.531.531,0,0,1,.531.532,1.6,1.6,0,1,0,3.2,0v-13.67a.532.532,0,0,1,.531-.531h0a.531.531,0,0,1,.531.53,1.215,1.215,0,0,0,1.049,1.228,1.164,1.164,0,0,0,1.094-.539,1.146,1.146,0,0,0,.188-.621v-8.952a2.873,2.873,0,0,0-2.861-2.861h-8.535a2.866,2.866,0,0,0-2.691,1.9,2.829,2.829,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617,1.161,1.161,0,0,0,1.1.543,1.214,1.214,0,0,0,1.049-1.232.531.531,0,1,1,1.063,0v13.676a1.6,1.6,0,0,0,3.205,0A.532.532,0,0,1,4027.812,1455.983Z" transform="translate(-4019.621 -1430.036)"/></g><g transform="translate(4015.783 1409.737)"><path class="a" d="M4069.911,1421.521a3.17,3.17,0,1,1,3.17-3.169A3.172,3.172,0,0,1,4069.911,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.107,2.107A2.109,2.109,0,0,0,4069.911,1416.245Z" transform="translate(-4066.742 -1415.182)"/></g><g transform="translate(4007.103 1430.575)"><path class="a" d="M4042.242,1486.594a.532.532,0,0,1-.531-.531V1475.8a.531.531,0,1,1,1.063,0v10.261A.532.532,0,0,1,4042.242,1486.594Z" transform="translate(-4041.71 -1475.269)"/></g><g transform="translate(4002.835 1420.18)"><path class="a" d="M4029.936,1453.338a.532.532,0,0,1-.531-.531v-6.98a.531.531,0,1,1,1.063,0v6.98A.532.532,0,0,1,4029.936,1453.338Z" transform="translate(-4029.404 -1445.295)"/></g><g transform="translate(4011.37 1420.18)"><path class="a" d="M4054.547,1453.344a.532.532,0,0,1-.532-.531v-6.986a.532.532,0,1,1,1.063,0v6.986A.532.532,0,0,1,4054.547,1453.344Z" transform="translate(-4054.015 -1445.295)"/></g></g></svg>
|
|
| static/thonon-agglomeration-online/img/menu/group-yellow.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="38.306" height="37.711" viewBox="0 0 38.306 37.711"><defs><style>.a{fill:#fec307;stroke:#fec307;stroke-width:0.5px;}</style></defs><g transform="translate(-3988.48 -1406.597)"><g transform="translate(4004.237 1406.847)"><path class="a" d="M4036.844,1413.641a3.4,3.4,0,1,1,3.4-3.4A3.4,3.4,0,0,1,4036.844,1413.641Zm0-5.731a2.334,2.334,0,1,0,2.334,2.334A2.337,2.337,0,0,0,4036.844,1407.91Z" transform="translate(-4033.447 -1406.847)"/></g><g transform="translate(3988.73 1417.141)"><path class="a" d="M3998.279,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-10.711a2.006,2.006,0,0,1-.826.27,2.094,2.094,0,0,1-2.3-2.083v-8.242a3.659,3.659,0,0,1,3.655-3.655h7.789a.532.532,0,0,1,.5.71,2.825,2.825,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617.546.546,0,0,1,.083.283v.6h0v12.295A2.5,2.5,0,0,1,3998.279,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.614c0-.044,0-.089,0-.137a2.2,2.2,0,0,1-.27-1.047V1438.2a3.855,3.855,0,0,1,.049-.608h-7.105a2.6,2.6,0,0,0-2.592,2.592v8.242a1.029,1.029,0,0,0,1.133,1.026,1.076,1.076,0,0,0,.928-1.093V1442.7a.531.531,0,1,1,1.063,0v18.25a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-3988.73 -1436.532)"/></g><g transform="translate(3993.145 1409.737)"><path class="a" d="M4004.63,1421.521a3.17,3.17,0,1,1,3.169-3.169A3.173,3.173,0,0,1,4004.63,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.105,2.107A2.108,2.108,0,0,0,4004.63,1416.245Z" transform="translate(-4001.46 -1415.182)"/></g><g transform="translate(4014.492 1417.141)"><path class="a" d="M4069.443,1463.449a2.492,2.492,0,0,0-3.929,0,2.5,2.5,0,0,1-2.5-2.5v-12.591a.57.57,0,0,1,.023-.157,5.992,5.992,0,0,0,.247-1.049V1438.2a2.837,2.837,0,0,0-.17-.961.531.531,0,0,1,.5-.71h7.788a3.658,3.658,0,0,1,3.654,3.655v8.242a2.094,2.094,0,0,1-2.3,2.083,1.989,1.989,0,0,1-.826-.271v10.712A2.5,2.5,0,0,1,4069.443,1463.449Zm-1.433-2.5a1.433,1.433,0,0,0,2.866,0v-12.547c0-.015,0-.029,0-.044V1442.7a.532.532,0,0,1,1.063,0v5.62c0,.014,0,.029,0,.042a1.076,1.076,0,0,0,.927,1.089,1.031,1.031,0,0,0,1.134-1.026v-8.242a2.6,2.6,0,0,0-2.592-2.592h-7.1a3.856,3.856,0,0,1,.048.608v8.952a5.885,5.885,0,0,1-.271,1.285v12.512a1.433,1.433,0,0,0,2.866,0v-9.5a.532.532,0,0,1,1.063,0Z" transform="translate(-4063.019 -1436.532)"/></g><g transform="translate(3999.442 1414.889)"><path class="a" d="M4029.946,1459.18a2.662,2.662,0,0,0-4.268,0,2.668,2.668,0,0,1-2.665-2.665V1444.8a2.125,2.125,0,0,1-.947.33,2.244,2.244,0,0,1-2.445-2.218v-8.952a3.935,3.935,0,0,1,3.923-3.924h8.535a3.932,3.932,0,0,1,3.693,2.605h0a3.917,3.917,0,0,1,.231,1.318v8.952a2.245,2.245,0,0,1-2.445,2.218,2.119,2.119,0,0,1-.947-.33v11.716A2.668,2.668,0,0,1,4029.946,1459.18Zm-2.134-3.2a.531.531,0,0,1,.531.532,1.6,1.6,0,1,0,3.2,0v-13.67a.532.532,0,0,1,.531-.531h0a.531.531,0,0,1,.531.53,1.215,1.215,0,0,0,1.049,1.228,1.164,1.164,0,0,0,1.094-.539,1.146,1.146,0,0,0,.188-.621v-8.952a2.873,2.873,0,0,0-2.861-2.861h-8.535a2.866,2.866,0,0,0-2.691,1.9,2.829,2.829,0,0,0-.17.961v8.952a1.139,1.139,0,0,0,.186.617,1.161,1.161,0,0,0,1.1.543,1.214,1.214,0,0,0,1.049-1.232.531.531,0,1,1,1.063,0v13.676a1.6,1.6,0,0,0,3.205,0A.532.532,0,0,1,4027.812,1455.983Z" transform="translate(-4019.621 -1430.036)"/></g><g transform="translate(4015.783 1409.737)"><path class="a" d="M4069.911,1421.521a3.17,3.17,0,1,1,3.17-3.169A3.172,3.172,0,0,1,4069.911,1421.521Zm0-5.276a2.106,2.106,0,1,0,2.107,2.107A2.109,2.109,0,0,0,4069.911,1416.245Z" transform="translate(-4066.742 -1415.182)"/></g><g transform="translate(4007.103 1430.575)"><path class="a" d="M4042.242,1486.594a.532.532,0,0,1-.531-.531V1475.8a.531.531,0,1,1,1.063,0v10.261A.532.532,0,0,1,4042.242,1486.594Z" transform="translate(-4041.71 -1475.269)"/></g><g transform="translate(4002.835 1420.18)"><path class="a" d="M4029.936,1453.338a.532.532,0,0,1-.531-.531v-6.98a.531.531,0,1,1,1.063,0v6.98A.532.532,0,0,1,4029.936,1453.338Z" transform="translate(-4029.404 -1445.295)"/></g><g transform="translate(4011.37 1420.18)"><path class="a" d="M4054.547,1453.344a.532.532,0,0,1-.532-.531v-6.986a.532.532,0,1,1,1.063,0v6.986A.532.532,0,0,1,4054.547,1453.344Z" transform="translate(-4054.015 -1445.295)"/></g></g></svg>
|
|
| static/thonon-agglomeration-online/img/menu/meeting.svg | ||
|---|---|---|
| 1 |
<?xml version="1.0" encoding="UTF-8"?> |
|
| 2 |
<svg width="44" height="44" version="1.1" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> |
|
| 3 |
<metadata> |
|
| 4 |
<rdf:RDF> |
|
| 5 |
<cc:Work rdf:about=""> |
|
| 6 |
<dc:format>image/svg+xml</dc:format> |
|
| 7 |
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> |
|
| 8 |
<dc:title/> |
|
| 9 |
</cc:Work> |
|
| 10 |
</rdf:RDF> |
|
| 11 |
</metadata> |
|
| 12 |
<defs> |
|
| 13 |
<style>.a{fill:#ff6f00;stroke:#ff6f00;stroke-width:0.2px;}</style>
|
|
| 14 |
</defs> |
|
| 15 |
<g transform="translate(-3083.4 -629.49)"> |
|
| 16 |
<g transform="translate(3093 629.59)"> |
|
| 17 |
<g transform="translate(0 .38)"> |
|
| 18 |
<path class="a" transform="translate(-3106.3 -630.51)" d="m3122.1 645.74a0.637 0.637 0 0 1-0.635-0.638v-2.97a0.636 0.636 0 0 1 0.219-0.479l3.134-2.729a13.5 13.5 0 0 0 3.544-4.883l0.632-1.492a0.556 0.556 0 0 0-1-0.484l-0.484 0.884a14.761 14.761 0 0 1-4.37 4.925 3.284 3.284 0 0 1-1.916 0.613h-5.817a3.288 3.288 0 0 1-1.926-0.619 14.785 14.785 0 0 1-4.329-4.9l-0.495-0.907a0.557 0.557 0 0 0-1 0.484l0.632 1.492a13.507 13.507 0 0 0 3.544 4.883l3.134 2.729a0.634 0.634 0 0 1 0.219 0.48v2.971a0.637 0.637 0 0 1-1.273 0v-2.681l-2.916-2.539a14.771 14.771 0 0 1-3.88-5.346l-0.632-1.492a1.829 1.829 0 0 1 3.29-1.589l0.5 0.907a13.487 13.487 0 0 0 3.953 4.471 2.017 2.017 0 0 0 1.184 0.381h5.817a2.021 2.021 0 0 0 1.178-0.376 13.491 13.491 0 0 0 3.991-4.5l0.484-0.884a1.829 1.829 0 0 1 3.289 1.59l-0.632 1.492a14.759 14.759 0 0 1-3.88 5.346l-2.916 2.539v2.682a0.637 0.637 0 0 1-0.643 0.639z"/> |
|
| 19 |
</g> |
|
| 20 |
<g transform="translate(8.81)"> |
|
| 21 |
<path class="a" transform="translate(-3127.5 -629.59)" d="m3130.7 635.92a3.164 3.164 0 1 1 3.164-3.163 3.167 3.167 0 0 1-3.164 3.163zm0-5.054a1.891 1.891 0 1 0 1.891 1.891 1.893 1.893 0 0 0-1.891-1.891z"/> |
|
| 22 |
</g> |
|
| 23 |
</g> |
|
| 24 |
<g transform="translate(3083.5 658.5)"> |
|
| 25 |
<g transform="translate(0,7.286)"> |
|
| 26 |
<path class="a" transform="translate(-3083.5 -716.76)" d="m3098 725.42a0.637 0.637 0 0 1-0.636-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.439 2.439 0 0 0-2.437 2.437v4.324a0.637 0.637 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.71-3.71h7.733a3.714 3.714 0 0 1 3.71 3.71v4.324a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
| 27 |
</g> |
|
| 28 |
<g transform="translate(4.344)"> |
|
| 29 |
<path class="a" transform="translate(-3094 -699.21)" d="m3097.2 705.67a3.233 3.233 0 1 1 3.233-3.233 3.236 3.236 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
| 30 |
</g> |
|
| 31 |
<g transform="translate(2.874,10.833)"> |
|
| 32 |
<path class="a" transform="translate(-3090.4 -725.3)" d="m3091.1 730.42a0.637 0.637 0 0 1-0.637-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
| 33 |
<g transform="translate(8.131)"> |
|
| 34 |
<path class="a" transform="translate(-3110 -725.3)" d="m3110.7 730.42a0.637 0.637 0 0 1-0.637-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
| 35 |
</g> |
|
| 36 |
</g> |
|
| 37 |
<g transform="translate(13.88)"> |
|
| 38 |
<g transform="translate(0,7.286)"> |
|
| 39 |
<path class="a" transform="translate(-3116.9 -716.76)" d="m3131.5 725.42a0.637 0.637 0 0 1-0.637-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.439 2.439 0 0 0-2.437 2.437v4.324a0.6365 0.6365 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.709-3.71h7.733a3.714 3.714 0 0 1 3.71 3.71v4.324a0.636 0.636 0 0 1-0.635 0.637z"/> |
|
| 40 |
</g> |
|
| 41 |
<g transform="translate(4.344)"> |
|
| 42 |
<path class="a" transform="translate(-3127.4 -699.21)" d="m3130.6 705.67a3.233 3.233 0 1 1 3.233-3.233 3.237 3.237 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
| 43 |
</g> |
|
| 44 |
<g transform="translate(2.874,10.833)"> |
|
| 45 |
<path class="a" transform="translate(-3123.9 -725.3)" d="m3124.5 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.637 0.637 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
| 46 |
<g transform="translate(8.131)"> |
|
| 47 |
<path class="a" transform="translate(-3143.5 -725.3)" d="m3144.1 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
| 48 |
</g> |
|
| 49 |
</g> |
|
| 50 |
</g> |
|
| 51 |
<g transform="translate(27.76)"> |
|
| 52 |
<g transform="translate(0,7.286)"> |
|
| 53 |
<path class="a" transform="translate(-3150.4 -716.76)" d="m3164.9 725.42a0.637 0.637 0 0 1-0.636-0.637v-4.324a2.439 2.439 0 0 0-2.437-2.437h-7.733a2.44 2.44 0 0 0-2.437 2.437v4.324a0.6365 0.6365 0 1 1-1.273 0v-4.324a3.714 3.714 0 0 1 3.71-3.71h7.732a3.715 3.715 0 0 1 3.71 3.71v4.324a0.637 0.637 0 0 1-0.636 0.637z"/> |
|
| 54 |
</g> |
|
| 55 |
<g transform="translate(4.344)"> |
|
| 56 |
<path class="a" transform="translate(-3160.8 -699.21)" d="m3164.1 705.67a3.233 3.233 0 1 1 3.233-3.233 3.237 3.237 0 0 1-3.233 3.233zm0-5.193a1.96 1.96 0 1 0 1.96 1.96 1.962 1.962 0 0 0-1.96-1.959z"/> |
|
| 57 |
</g> |
|
| 58 |
<g transform="translate(2.874,10.833)"> |
|
| 59 |
<path class="a" transform="translate(-3157.3 -725.3)" d="m3157.9 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.637 0.637 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
| 60 |
<g transform="translate(8.132)"> |
|
| 61 |
<path class="a" transform="translate(-3176.9 -725.3)" d="m3177.5 730.42a0.637 0.637 0 0 1-0.636-0.637v-3.85a0.6365 0.6365 0 1 1 1.273 0v3.85a0.637 0.637 0 0 1-0.637 0.637z"/> |
|
| 62 |
</g> |
|
| 63 |
</g> |
|
| 64 |
</g> |
|
| 65 |
</g> |
|
| 66 |
<g transform="translate(3098.7 644.09)"> |
|
| 67 |
<path class="a" transform="translate(-3120.1 -664.52)" d="m3130.7 676.27h-8.586a0.635 0.635 0 0 1-0.631-0.557l-1.315-10.482a0.637 0.637 0 0 1 0.631-0.716h11.216a0.637 0.637 0 0 1 0.631 0.716l-1.315 10.482a0.635 0.635 0 0 1-0.631 0.557zm-8.026-1.27h7.464l1.155-9.209h-9.769z"/> |
|
| 68 |
</g> |
|
| 69 |
</g> |
|
| 70 |
</svg> |
|
| static/thonon-agglomeration-online/img/menu/megaphone.svg | ||
|---|---|---|
| 1 |
<svg xmlns="http://www.w3.org/2000/svg" width="39" height="30.875" viewBox="0 0 39 30.875"><defs><style>.a{fill:#ef237b;}</style></defs><g transform="translate(-1951.772 -1425.325)"><g transform="translate(1959.897 1425.325)"><g transform="translate(0)"><path class="a" d="M1993.907,1452.951a.839.839,0,0,1-.292-.053l-21.125-8.125a.813.813,0,0,1-.52-.759v-9.75a.812.812,0,0,1,.52-.759l21.125-8.125a.814.814,0,0,1,1.1.759v26a.814.814,0,0,1-.812.813Zm-20.313-9.5,19.5,7.5v-23.634l-19.5,7.5Z" transform="translate(-1971.97 -1425.325)"/></g></g><g transform="translate(1951.772 1433.451)"><g transform="translate(0)"><path class="a" d="M1960.71,1456.9h-5.688a3.253,3.253,0,0,1-3.25-3.25v-4.875a3.253,3.253,0,0,1,3.25-3.25h5.688a.813.813,0,0,1,.812.813v9.75A.813.813,0,0,1,1960.71,1456.9Zm-5.688-9.75a1.626,1.626,0,0,0-1.625,1.625v4.875a1.625,1.625,0,0,0,1.625,1.625h4.875v-8.125Z" transform="translate(-1951.772 -1445.525)"/></g></g><g transform="translate(1956.647 1443.202)"><g transform="translate(0)"><path class="a" d="M1971.2,1482.764h-4.875a.812.812,0,0,1-.8-.7l-1.625-11.375a.812.812,0,0,1,.691-.918.823.823,0,0,1,.918.691l1.526,10.676h3.26l-1.086-9.675a.816.816,0,0,1,.717-.9.825.825,0,0,1,.9.716l1.186,10.579a.813.813,0,0,1-.806.9Z" transform="translate(-1963.89 -1469.766)"/></g></g><g transform="translate(1984.272 1430.201)"><g transform="translate(0 0)"><path class="a" d="M2033.376,1442.321a.812.812,0,0,1-.45-1.488l4.875-3.25a.812.812,0,1,1,.9,1.352l-4.875,3.25A.8.8,0,0,1,2033.376,1442.321Z" transform="translate(-2032.564 -1437.447)"/></g></g><g transform="translate(1984.272 1444.827)"><g transform="translate(0 0)"><path class="a" d="M2038.252,1478.678a.8.8,0,0,1-.45-.137l-4.875-3.25a.812.812,0,0,1,.9-1.352l4.875,3.25a.813.813,0,0,1-.45,1.489Z" transform="translate(-2032.565 -1473.804)"/></g></g><g transform="translate(1984.272 1439.138)"><g transform="translate(0 0)"><path class="a" d="M2038.251,1461.288h-4.875a.813.813,0,0,1,0-1.625h4.875a.813.813,0,0,1,0,1.625Z" transform="translate(-2032.564 -1459.663)"/></g></g></g></svg>
|
|
| static/thonon-agglomeration-online/style.scss | ||
|---|---|---|
| 1 |
@charset "UTF-8"; |
|
| 2 |
@import '../includes/fonts/poppins'; |
|
| 3 | ||
| 4 |
@import 'vars'; |
|
| 5 |
@import '../includes/publik'; |
|
| 6 |
@import 'custom'; |
|
| templates/variants/thonon-agglomeration-online/combo/cells/btn-with-icon/link-cell.html | ||
|---|---|---|
| 1 |
{% load assets %}
|
|
| 2 |
{% get_asset cell=cell type='picture' as asset %}
|
|
| 3 |
<a class="btn-with-icon--link" href="{{url}}">
|
|
| 4 |
{% if asset %}
|
|
| 5 |
<span |
|
| 6 |
class="btn-with-icon--icon" |
|
| 7 |
style="background-image: url({{asset.asset.url}})"
|
|
| 8 |
></span> |
|
| 9 |
{% endif %}
|
|
| 10 |
<span class="btn-with-icon--label">{{ title }}</span>
|
|
| 11 |
</a> |
|
| templates/variants/thonon-agglomeration-online/combo/page_template.html | ||
|---|---|---|
| 1 |
{% extends "combo/page_template.html" %}
|
|
| 2 | ||
| 3 |
{# add header baseline #}
|
|
| 4 |
{% block header-title %}
|
|
| 5 |
{{ block.super }}
|
|
| 6 |
<p class="theme-header--baseline desktop-only"> |
|
| 7 |
L'espace intranet <br> |
|
| 8 |
de <span class="color-cyan">Thonon agglo</span> |
|
| 9 |
</p> |
|
| 10 |
{% endblock %}
|
|
| templates/variants/thonon-agglomeration-online/theme.html | ||
|---|---|---|
| 1 |
{% extends "theme.html" %}
|
|
| 2 |
{% load static %}
|
|
| 3 | ||
| 4 |
{# map menu icons #}
|
|
| 5 |
{% block extra_css %}
|
|
| 6 |
<style> |
|
| 7 |
{% if menu_icons %}
|
|
| 8 |
{% for icon, slug in menu_icons.items %}
|
|
| 9 |
div.gru-nav > ul > li.menu-{{ slug }} > a {
|
|
| 10 |
background-image: url("{{site_base}}{% static "" %}{{css_variant}}/img/menu/{{ icon }}.svg");
|
|
| 11 |
} |
|
| 12 |
{% endfor %}
|
|
| 13 |
{% endif %}
|
|
| 14 |
</style> |
|
| 15 |
{% endblock %}
|
|
| 16 | ||
| 17 |
{# move nav inside header #top #}
|
|
| 18 |
{% block header-content %}
|
|
| 19 |
{{ block.super }}
|
|
| 20 |
{% block nav %}{% endblock %}
|
|
| 21 |
{% endblock %}
|
|
| 22 |
{% block after-header %}{% endblock %}
|
|
| 0 |
- |
|