[TELE-1385] use staging1 as new theme staging duplicate for Staging1
|
@ -1,7 +1,196 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/* Custom selection color because that can be done and it's cool */
|
||||
::selection {
|
||||
color: white;
|
||||
background-color: $primary-color;
|
||||
/*
|
||||
Header
|
||||
*/
|
||||
#toplinks {
|
||||
box-shadow: $imio-box-shadow-style;
|
||||
border: 0;
|
||||
padding: 0.4em 1em 0.35em 1em;
|
||||
right: 7em;
|
||||
border-radius: 0 0 1em 1em;
|
||||
}
|
||||
|
||||
body.has-header-background {
|
||||
.site-header {
|
||||
box-sizing: content-box;
|
||||
min-height: 160px;
|
||||
#header {
|
||||
height: $imio-header-height;
|
||||
border-radius: 0 0 $border-radius $border-radius;
|
||||
}
|
||||
#logo {
|
||||
padding-top: $imio-header-logo-padding-top;
|
||||
padding-left: $imio-header-logo-padding-left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#nav {
|
||||
margin-bottom: ($nav-height / 4) * 3;
|
||||
}
|
||||
|
||||
/*
|
||||
Cells
|
||||
*/
|
||||
@if $imio-box-shadow-turned-on {
|
||||
.cell, .block, .a2-block, #nav, #header {
|
||||
box-shadow: $imio-box-shadow-style;
|
||||
}
|
||||
}
|
||||
|
||||
.column div.a2-block,
|
||||
.gru-content div.cell,
|
||||
.block {
|
||||
margin-bottom: 1.7rem;
|
||||
}
|
||||
|
||||
div.textcell {
|
||||
h3, h4, h5, p, table {
|
||||
margin: 1.386em 1.618rem;
|
||||
}
|
||||
p, table, ul, ol {
|
||||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
/* hotfix meal calendar for PP */
|
||||
tbody > tr > td.jour {
|
||||
height: 100px; // cell will grow since height function like min-height in table cells
|
||||
}
|
||||
|
||||
/* iA.Citizen related (Dashboard & others)*/
|
||||
@if $imio-is-iacitizen {
|
||||
|
||||
.dashboardcell .cell {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.column:last-child .cell {
|
||||
margin-right: 1ex;
|
||||
}
|
||||
|
||||
.dashboardcell .categories button {
|
||||
padding: 0.1em 0.7em;
|
||||
margin-right: 0.3em;
|
||||
margin-bottom: 0.2em;
|
||||
&::after {
|
||||
content: " \002714";
|
||||
}
|
||||
&.off {
|
||||
border: 1px solid $primary-color;
|
||||
color: $darkened-primary-color;
|
||||
background: white;
|
||||
&::after {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loading {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.eventitems,
|
||||
.newsitems {
|
||||
margin: 0 1ex;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
div.deliberations-communales {
|
||||
h2:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.delib,
|
||||
.eventitem,
|
||||
.newsitem {
|
||||
display: flex;
|
||||
margin: 1ex;
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
flex-direction: column;
|
||||
}
|
||||
img {
|
||||
border-radius: $border-radius;
|
||||
flex: 0;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
div {
|
||||
flex: 1;
|
||||
margin-left: 1em;
|
||||
h3 {
|
||||
margin-top: 1ex;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h4 {
|
||||
// color: $darkgray;
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-settings {
|
||||
display: flex;
|
||||
.dashboard-meta {
|
||||
flex: 1;
|
||||
}
|
||||
.dashboard-switch {
|
||||
margin-top: 1em;
|
||||
input {
|
||||
box-shadow: none;
|
||||
background: 0;
|
||||
-webkit-appearance: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
overflow: initial;
|
||||
$switch-width: 3.5em;
|
||||
$switch-height: 1.5em;
|
||||
$switch-slider-diameter: 1.75em;
|
||||
&::after {
|
||||
content: '';
|
||||
width: $switch-width;
|
||||
height: $switch-height;
|
||||
display: inline-block;
|
||||
background: rgba(196, 195, 195, .55);
|
||||
border-radius: 1em;
|
||||
clear: both;
|
||||
transition: ease .3s;
|
||||
}
|
||||
&:checked::after {
|
||||
background: $darkened-primary-color;
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
width: $switch-slider-diameter;
|
||||
height: $switch-slider-diameter;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: #{($switch-height - $switch-slider-diameter) / 2};
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
|
||||
transition: ease .3s;
|
||||
}
|
||||
&:checked::before {
|
||||
left: #{$switch-width - $switch-slider-diameter};
|
||||
box-shadow: -1px 1px 3px rgba(0,0,0,.6)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,69 +1,11 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
/*STYLE*/
|
||||
$primary-color: #4b3077;
|
||||
$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: "Montserrat";
|
||||
$border-radius: 3px;
|
||||
|
||||
/*BASKET*/
|
||||
|
||||
/*CELL*/
|
||||
$cell-border: 0px;
|
||||
$cell-entry-hover-background: darken($primary-color, 3%);
|
||||
$cell-title-color: #333333;
|
||||
|
||||
/*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: 1.7em 0 0 0.55em !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;
|
||||
// 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;
|
||||
$title-font-family: 'Montserrat', sans-serif;
|
||||
$primary-color: #bd1f68;
|
||||
$imio-header-height: 356px;
|
||||
$header-logo-size: 230px 80px;
|
||||
$imio-header-logo-padding-top: 44px;
|
||||
$imio-header-logo-padding-left: 50px;
|
||||
$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,9 +1,96 @@
|
|||
{
|
||||
"label": "Staging 1",
|
||||
"variables": {
|
||||
"no_extra_js": false,
|
||||
"pwa_display": "standalone",
|
||||
"theme_color": "#4b3077",
|
||||
"favicon": "staging1/images/favicon.ico"
|
||||
}
|
||||
}
|
||||
"label" : "iMio (basic · staging1)",
|
||||
"settings" : {
|
||||
"combo" : {
|
||||
"COMBO_ASSET_SLOTS.update" : {
|
||||
"header:background" : {
|
||||
"label" : "Image de bannière"
|
||||
},
|
||||
"header:logo" : {
|
||||
"label" : "Image de logo"
|
||||
}
|
||||
},
|
||||
"COMBO_CELL_ASSET_SLOTS.update" : {
|
||||
"data_linkcell" : {
|
||||
"picture" : {
|
||||
"prefix" : "Image [à definir]"
|
||||
}
|
||||
},
|
||||
"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.49886009459319",
|
||||
"lng": "4.7199939932529755"
|
||||
}
|
||||
}
|
||||
},
|
||||
"variables" : {
|
||||
"pwa_display": "standalone",
|
||||
"theme_color" : "#CCCCCC"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1 @@
|
|||
$(function() {
|
||||
$.getScript('/static/imio/common.js', function() {});
|
||||
$.getScript('/static/imio/aes_meal.js', function() {});
|
||||
}); /* end */
|
||||
// Additionnal iMio custom JavaScript
|
||||
|
|
Before Width: | Height: | Size: 107 B |
After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 179 B After Width: | Height: | Size: 191 B |
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 7.5 KiB |
|
@ -0,0 +1,5 @@
|
|||
#!/bin/sh
|
||||
|
||||
while inotifywait -e modify *.scss; do
|
||||
sassc style.scss style.css
|
||||
done
|
|
@ -1,23 +1,8 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import "vars";
|
||||
|
||||
@import "../imio/steps-config";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/eo-base-imio-tuned';
|
||||
@import "../../publik-base-theme/static/includes/publik";
|
||||
@import "../../publik-base-theme/static/includes/fonts/montserrat";
|
||||
|
||||
@import "../imio/form-buttons";
|
||||
@import "../imio/calendar";
|
||||
@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 "../imio/parent-portal";
|
||||
@import 'custom';
|
||||
|
||||
@import "custom";
|
||||
|
|