[MTELEVERA-62] Upgrade Verviers
|
@ -1,125 +1,4 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/* Custom selection color because that can be done and it's cool */
|
||||
::selection {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
@media handheld,
|
||||
screen and (max-device-width: 768px),
|
||||
screen and (max-width: 768px) {
|
||||
#logo.has-logo a {
|
||||
margin-top: 0;
|
||||
min-width: 300px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media handheld,
|
||||
screen and (min-device-width: 768px),
|
||||
screen and (min-width: 768px) {
|
||||
#logo.has-logo a {
|
||||
margin-top: 20px;
|
||||
min-width: 300px;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
/* MTELEVERA-12 - Tuiles comme sur Liège */
|
||||
.gru-content div.cell {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
div#main-content-wrapper {
|
||||
max-width: 950px;
|
||||
}
|
||||
div#content div.wcsformsofcategorycell picture img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#content div.wcsformsofcategorycell {
|
||||
position: relative;
|
||||
margin-bottom: 25px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
margin: 0px;
|
||||
border-bottom: 3px solid white;
|
||||
}
|
||||
h2 {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
color: white !important;
|
||||
padding-top: 50px;
|
||||
height: 130px;
|
||||
}
|
||||
&.foldable {
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
h2 {
|
||||
padding-right: 50px; // for folding arrow
|
||||
}
|
||||
}
|
||||
h2::after {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
&.folded picture,
|
||||
picture {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
overflow: hidden;
|
||||
img {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
div.intro,
|
||||
div.description {
|
||||
display: none;
|
||||
}
|
||||
ul {
|
||||
background: white;
|
||||
}
|
||||
ul > li {
|
||||
background: url(images/form_puce.png) 10px 50% no-repeat;
|
||||
background-size: 10px 10px;
|
||||
a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
&.add-more-items {
|
||||
background: none;
|
||||
}
|
||||
&.required-authentication a,
|
||||
&.required-fedict-authentication a {
|
||||
// Add a lock next to required authentication forms
|
||||
background: url(images/form_lock.svg) right 10px top 50% no-repeat;
|
||||
background-size: 15px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
&.required-fedict-authentication a {
|
||||
background-image: url(images/beid_image_mini.png);
|
||||
background-size: 30px;
|
||||
padding-right: 45px;
|
||||
}
|
||||
}
|
||||
ul > li.add-more-items a {
|
||||
padding-left: 0;
|
||||
}
|
||||
border: none;
|
||||
& > div > div {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
margin: -10px 1rem 0 1rem;
|
||||
li {
|
||||
margin-bottom: 0px;
|
||||
a {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Adjust nav to logo size */
|
||||
div#nav > ul {
|
||||
margin-left: 197px;
|
||||
}
|
|
@ -1,69 +1,17 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/*STYLE*/
|
||||
// Refer to '../includes/eo-base-imio-tuned' to fine tuned other vars
|
||||
@import "../../publik-base-theme/static/includes/fonts/opensans";
|
||||
@import "../../publik-base-theme/static/includes/fonts/montserrat";
|
||||
$font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
||||
$nav-background: none;
|
||||
$logo-width: 215px;
|
||||
$imio-logo-top: 7px;
|
||||
$imio-logo-left: -7px;
|
||||
$imio-logo-height: 77px;
|
||||
$title-font-family: 'Montserrat', sans-serif;
|
||||
$primary-color: #0e6e62;
|
||||
$width: 1200px;
|
||||
$mobile-limit: 800px;
|
||||
$font-size: 16px !default;
|
||||
$button-color: white;
|
||||
$cell-entry-hover-effect: left-to-right;
|
||||
$theme2019: true;
|
||||
$link-color: $primary-color;
|
||||
$font-family: "Din"; //!\\ : il faut bien importer la font (voir les imports en bas de la page)!
|
||||
$border-radius: 3px;
|
||||
|
||||
/*BASKET*/
|
||||
|
||||
/*CELL*/
|
||||
$cell-border: 0px;
|
||||
$cell-entry-hover-background: darken($primary-color, 3%);
|
||||
$cell-image-position: top;
|
||||
|
||||
/*FORM-BUTTON*/
|
||||
$button-hover-background-color: darken($primary-color, 8%);
|
||||
$button-background: $primary-color;
|
||||
|
||||
/*FOOTER*/
|
||||
$footer-background-color: hsl(0, 0%, 19%);
|
||||
$footer-text-color: hsl(0, 0, 84%);
|
||||
$footer-hover-text-color: hsl(0, 0, 100%);
|
||||
|
||||
/*HEADER*/
|
||||
$header-banner: none;
|
||||
$header-banner-image: false;
|
||||
$header-banner-height: auto;
|
||||
$header-logo: None;
|
||||
$header-logo-margin: 0.6em 0 0 0em !default;
|
||||
$header-logo-padding: 0;
|
||||
$toplinks-border: 0;
|
||||
$toplinks-radius: 0;
|
||||
$toplinks-shadow: none;
|
||||
|
||||
/*LOGIN*/
|
||||
|
||||
/*MENU*/
|
||||
$nav-background: #f2f2f2;
|
||||
$nav-color: #333;
|
||||
$nav-active-color: $primary-color;
|
||||
$nav-item-selected-color: #fff;
|
||||
$nav-text-uppercase: uppercase;
|
||||
|
||||
/*MENU RESPONSIVE*/
|
||||
$nav-button-color: #fff;
|
||||
$nav-menu-color: $primary-color;
|
||||
|
||||
/*PWA*/
|
||||
$nav-mobile-bottom-bar-height: 75px;
|
||||
$nav-mobile-bottom-bar-background: $primary-color;
|
||||
$nav-mobile-bottom-bar-color: #fff;
|
||||
$nav-mobile-bottom-bar-item-hover-background: $primary-color;
|
||||
|
||||
/*RESPONSIVE*/
|
||||
|
||||
/*SHARE*/
|
||||
$hidden-description: false;
|
||||
|
||||
/*TITLE*/
|
||||
$title-color: #525252;
|
||||
$title-padding: 1em 0em 1em 0.8em;
|
||||
$title-weight: 600;
|
||||
$imio-header-height: 356px;
|
||||
// $header-logo-size: 230px 80px;
|
||||
$imio-header-logo-padding-top: 44px;
|
||||
$imio-header-logo-padding-left: 50px;
|
||||
$link-color-footer: white;
|
||||
$imio-is-iacitizen: true;
|
||||
|
|
|
@ -0,0 +1,134 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 160 160"
|
||||
xml:space="preserve"
|
||||
width="160"
|
||||
height="160"><metadata
|
||||
id="metadata1422"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs1420" />
|
||||
|
||||
<g
|
||||
id="g1387">
|
||||
</g>
|
||||
<g
|
||||
id="g1389">
|
||||
</g>
|
||||
<g
|
||||
id="g1391">
|
||||
</g>
|
||||
<g
|
||||
id="g1393">
|
||||
</g>
|
||||
<g
|
||||
id="g1395">
|
||||
</g>
|
||||
<g
|
||||
id="g1397">
|
||||
</g>
|
||||
<g
|
||||
id="g1399">
|
||||
</g>
|
||||
<g
|
||||
id="g1401">
|
||||
</g>
|
||||
<g
|
||||
id="g1403">
|
||||
</g>
|
||||
<g
|
||||
id="g1405">
|
||||
</g>
|
||||
<g
|
||||
id="g1407">
|
||||
</g>
|
||||
<g
|
||||
id="g1409">
|
||||
</g>
|
||||
<g
|
||||
id="g1411">
|
||||
</g>
|
||||
<g
|
||||
id="g1413">
|
||||
</g>
|
||||
<g
|
||||
id="g1415">
|
||||
</g>
|
||||
<g
|
||||
id="layer1"><rect
|
||||
style="fill:#ffffff;fill-opacity:1"
|
||||
id="rect3380"
|
||||
width="160"
|
||||
height="160"
|
||||
x="0.077214524"
|
||||
y="0.00050948205" /></g><g
|
||||
id="layer2"><g
|
||||
id="g1385"
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
transform="matrix(4.1816306,0,0,4.1816306,10.827488,10.818746)">
|
||||
<g
|
||||
id="news"
|
||||
style="fill:#efefef;fill-opacity:1">
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="M 29,0 H 7 C 5.343,0 4,1.342 4,3 V 5 H 3 C 1.343,5 0,6.342 0,8 v 20 c 0,2.209 1.791,4 4,4 h 24 c 2.209,0 4,-1.791 4,-4 V 3 C 32,1.342 30.656,0 29,0 Z m 1,28 c 0,1.102 -0.898,2 -2,2 H 4 C 2.897,30 2,29.102 2,28 V 8 C 2,7.448 2.448,7 3,7 h 1 v 20 c 0,0.553 0.447,1 1,1 0.553,0 1,-0.447 1,-1 V 3 C 6,2.448 6.448,2 7,2 h 22 c 0.551,0 1,0.448 1,1 z"
|
||||
id="path1358" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 19.498,13.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
|
||||
id="path1360" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 19.498,10.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
|
||||
id="path1362" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 19.498,7.005 h 8 c 0.277,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.223,-0.5 -0.5,-0.5 h -8 c -0.275,0 -0.5,0.224 -0.5,0.5 0,0.276 0.225,0.5 0.5,0.5 z"
|
||||
id="path1364" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 16.5,27.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
|
||||
id="path1366" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 16.5,24.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
|
||||
id="path1368" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 16.5,21.004 h -8 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.224,-0.5 -0.5,-0.5 z"
|
||||
id="path1370" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 27.5,27.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
|
||||
id="path1372" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 27.5,24.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
|
||||
id="path1374" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 27.5,21.004 h -8 c -0.277,0 -0.5,0.225 -0.5,0.5 0,0.277 0.223,0.5 0.5,0.5 h 8 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
|
||||
id="path1376" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 27.5,15.004 h -19 c -0.276,0 -0.5,0.224 -0.5,0.5 0,0.276 0.224,0.5 0.5,0.5 h 19 c 0.275,0 0.5,-0.224 0.5,-0.5 0,-0.276 -0.225,-0.5 -0.5,-0.5 z"
|
||||
id="path1378" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 27.5,18.004 h -19 c -0.276,0 -0.5,0.225 -0.5,0.5 0,0.277 0.224,0.5 0.5,0.5 h 19 c 0.275,0 0.5,-0.223 0.5,-0.5 0,-0.275 -0.225,-0.5 -0.5,-0.5 z"
|
||||
id="path1380" />
|
||||
<path
|
||||
style="fill:#efefef;fill-opacity:1"
|
||||
d="m 9,13 h 7 c 0.553,0 1,-0.447 1,-1 V 5.004 c 0,-0.553 -0.447,-1 -1,-1 H 9 c -0.553,0 -1,0.447 -1,1 V 12 c 0,0.552 0.447,1 1,1 z m 1,-7 h 5 v 5 h -5 z"
|
||||
id="path1382" />
|
||||
</g>
|
||||
</g></g></svg>
|
After Width: | Height: | Size: 4.4 KiB |
|
@ -0,0 +1,6 @@
|
|||
/*
|
||||
Backoffice extra CSS
|
||||
portal_agent_extra_css varialbe must be set in the site-options.cfg
|
||||
It takes full url.
|
||||
Example : https://COMMUNE.guichet-citoyen.be/static/imio/bo_share.css
|
||||
*/
|
|
@ -1,25 +1,104 @@
|
|||
{
|
||||
"label": "Verviers (2020)",
|
||||
"label": "Verviers",
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:background": {
|
||||
"label": "Image de bannière"
|
||||
},
|
||||
"header:logo": {
|
||||
"label": "Image de logo"
|
||||
},
|
||||
"emails:logo": {
|
||||
"label": "Image d'en-tête dans les mails"
|
||||
}
|
||||
},
|
||||
"COMBO_CELL_ASSET_SLOTS.update": {
|
||||
"data_linkcell": {
|
||||
"picture": {
|
||||
"prefix": "Image de tuile « Lien »"
|
||||
}
|
||||
},
|
||||
"data_textcell": {
|
||||
"picture": {
|
||||
"prefix": "Image titre"
|
||||
}
|
||||
}
|
||||
},
|
||||
"COMBO_CELL_TEMPLATES.update": {
|
||||
"data_textcell": {
|
||||
"page-title": {
|
||||
"extra-css-classes": "no-borders",
|
||||
"label": "Titre de page",
|
||||
"template": "combo/cells/page-title.html"
|
||||
},
|
||||
"page-intertitle": {
|
||||
"extra-css-classes": "no-borders",
|
||||
"label": "Intertitre avec image",
|
||||
"template": "combo/cells/page-intertitle.html"
|
||||
}
|
||||
}
|
||||
},
|
||||
"JSON_CELL_TYPES.update": {
|
||||
"actualites": {
|
||||
"cache_duration": 120,
|
||||
"force_async": false,
|
||||
"form": [
|
||||
{
|
||||
"label": "Identifiant du connecteur Plone REST API",
|
||||
"type": "string",
|
||||
"varname": "connector"
|
||||
},
|
||||
{
|
||||
"label": "Identifiant de la requête",
|
||||
"type": "string",
|
||||
"varname": "query"
|
||||
}
|
||||
],
|
||||
"name": "Actualités",
|
||||
"log_errors": false,
|
||||
"url": "{{ passerelle_url }}plone-restapi/{{ connector }}/q/{{ query }}/"
|
||||
},
|
||||
"deliberations-communales": {
|
||||
"cache_duration": 360,
|
||||
"force_async": false,
|
||||
"name": "Délibérations communales",
|
||||
"log_errors": false,
|
||||
"url": "{{ deliberations_communales_json_url|safe }}"
|
||||
},
|
||||
"evenements": {
|
||||
"cache_duration": 120,
|
||||
"force_async": false,
|
||||
"form": [
|
||||
{
|
||||
"label": "Identifiant du connecteur Plone REST API",
|
||||
"type": "string",
|
||||
"varname": "connector"
|
||||
},
|
||||
{
|
||||
"label": "Identifiant de la requête",
|
||||
"type": "string",
|
||||
"varname": "query"
|
||||
}
|
||||
],
|
||||
"name": "Événements",
|
||||
"log_errors": false,
|
||||
"url": "{{ passerelle_url }}plone-restapi/{{ connector }}/q/{{ query }}/"
|
||||
}
|
||||
},
|
||||
"COMBO_MAP_DEFAULT_POSITION": {
|
||||
"lat": "50.591056",
|
||||
"lng": "5.865595"
|
||||
},
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:background": {
|
||||
"label": "Image d'en tête du guichet"
|
||||
},
|
||||
"header:logo": {
|
||||
"label": "Logo d'en tête du guichet"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"variables": {
|
||||
"no_extra_js": false,
|
||||
"cell_picture_size": "520x220",
|
||||
"pwa_display": "standalone",
|
||||
"theme_color": "#0E6E62",
|
||||
"favicon": "verviers_2020/images/favicon.ico"
|
||||
"theme_color": "#0e6e62",
|
||||
"include_top_links": false,
|
||||
"favicon": "verviers/images/favicon.ico",
|
||||
"no_extra_js": true,
|
||||
"email_header_asset": "emails:logo"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
$(function() {
|
||||
$.getScript('/static/imio/common.js', function() {
|
||||
});
|
||||
}); /* end */
|
||||
|
Before Width: | Height: | Size: 107 B |
Before Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 179 B After Width: | Height: | Size: 191 B |
|
@ -0,0 +1,9 @@
|
|||
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<path d="M0 0h24v24H0V0z" id="a"/>
|
||||
</defs>
|
||||
<clipPath id="b">
|
||||
<use overflow="visible" xlink:href="#a"/>
|
||||
</clipPath>
|
||||
<path clip-path="url(#b)" d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 575 B |
Before Width: | Height: | Size: 9.9 KiB |
|
@ -1,21 +1,9 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import "vars";
|
||||
|
||||
@import "../imio/steps-config";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/imio-basic-entrouvert-base';
|
||||
@import "../../publik-base-theme/static/includes/publik";
|
||||
@import "../../publik-base-theme/static/includes/fonts/din";
|
||||
@import '../includes/imio-basic-additional-custom';
|
||||
@import '../imio/parent-portal';
|
||||
|
||||
@import "../imio/form-buttons";
|
||||
@import "../imio/header";
|
||||
@import "../imio/menu";
|
||||
@import "../imio/login";
|
||||
@import "../imio/basketv2";
|
||||
@import "../imio/footer";
|
||||
@import "../imio/extra";
|
||||
@import "../imio/share";
|
||||
@import "../imio/cells";
|
||||
@import "../imio/responsive";
|
||||
|
||||
@import "custom";
|
||||
@import 'custom';
|
||||
|
|