[MWEBOUPA-37]Oupeye color FIX
gitea/imio-publik-themes/pipeline/head This commit looks good Details

This commit is contained in:
jmodesto 2023-06-05 14:10:22 +02:00
parent 38c2bb8938
commit 5fa9208033
18 changed files with 226 additions and 408 deletions

View File

@ -1,107 +0,0 @@
@charset "UTF-8";
a {
color: #205c90;
}
body {
background-image: url("images/bg.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
.logo_accueil {
background-image: url("images/logo_accueil.jpg");
background-repeat: no-repeat;
background-size: 22em auto;
width: 256px;
height: 200.4px;
}
div#rub_service div.category ul > li > a,
div#services > ul > li > ul > li > a,
div#account-management ul > li > a,
div.links-list ul > li > a,
div.menucell ul > li > a,
div.wcsformcell > li > a,
div.categoriescell ul > li > a,
div.wcsformsofcategorycell ul > li > a,
div.wcscurrentdraftscell ul > li > a,
div.wcscurrentformscell ul > li > a {
border-bottom: None;
}
/*
div#rub_service div.category h3, #content div.a2-block h2, #content div.block h2, div.links-list h2, div#services > ul > li > strong > a, #content div.textcell h2:first-child, #content div.cell h2:first-child, div#tracking-code h3, div#rub_service h2 {
background-color: $primary-color;
}
*/
/*Hide "Ce champs a automatiquement été préremplis*/
form.quixote div.content > div.message {
display: none;
}
/*end*/
/*Page FAQ*/
body.page-faq
> div#page
div#main-content-wrapper
> div#main-content
> div#content
> div#columns
div
div
div {
padding-left: 20px;
padding-right: 20px;
}
/* end Page FAQ*/
/*Page Accueil : demande en cours : status = nouveau block*/
div.wcscurrentformscell ul > li > a > span {
display: block;
}
/* end Page Accueil : demande en cours*/
a#publik-portal-agent {
top: 30px;
right: 6%;
border: None;
}
/*logo adjstmts*/
h1#logo a img {
max-height: 171px;
width: auto;
}
/*nav border radiuses fix*/
/* nav border radius sticky banner fix */
div.gru-nav {
border-radius: 0 0 3px 3px;
}
div.gru-nav > ul > li:first-child > a {
border-radius: 0px 0 0 3px;
}
/*mobile fix*/
div#header {
padding: 0;
}
/* fix hover white on white bg */
div#account-management ul > li > a:hover,
div.wcsformsofcategorycell ul > li > a:hover,
div.wcscurrentdraftscell ul > li > a:hover,
div.wcscurrentformscell ul > li > a:hover {
color: black;
}
div#rub_service div.category h3,
#content div.a2-block h2,
#content div.block h2,
div.links-list h2,
div#services > ul > li > strong > a,
#content div.textcell h2:first-child,
#content div.cell h2:first-child,
div#tracking-code,
div#rub_service h2 {
color: white;
}

View File

@ -1,25 +0,0 @@
@charset "UTF-8";
div#header {
background-image: url("images/banner.jpg");
background-size: $width 243px;
background-repeat: no-repeat;
width: 100%;
margin: 0 auto;
position: relative;
top: 0px;
z-index: 0;
padding: 0 1ex;
}
h1#logo {
background: url("images/logo.png") 25px 25px no-repeat;
}
h1#logo a {
color: #ffffff;
text-shadow: 1px 1px 3px black;
display: block;
padding-top: 120px;
padding-left: 0px;
}

View File

@ -1,206 +0,0 @@
@charset "UTF-8";
#login-page > p {
/* top explanation text */
text-align: center;
margin: 20px 0 30px 0;
}
#Mot_de_passe,
#Carte_eID {
position: relative;
height: 250px;
width: 45%;
background-color: #f2f2f2;
background: linear-gradient(to bottom, #f6f6f6, white);
border-bottom: 2px solid #d2d2d2;
border-radius: 5% 5% 0% 0%;
padding: 1%;
}
#Mot_de_passe {
float: right;
form > p {
margin-top: 20px;
&.text {
margin-top: 0px;
clear: both;
margin-left: 86px;
padding-bottom: 10px;
span {
display: none;
}
&::before {
content: " ";
font-weight: bold;
}
}
}
}
#Carte_eID {
float: left;
}
#Mot_de_passe input[name="login-password-submit"] {
margin-top: 2em;
}
#Carte_eID input[name="login-fedict"] {
margin-top: 4em;
}
#Carte_eID input[name="cancel"] {
margin-top: 3.1em;
}
#Mot_de_passe input[name="cancel"] {
margin-top: 1em;
}
/* Justify introduction text for eid connexion*/
#Carte_eID > div#Txt_intro_eid {
text-align: justify;
width: 30em;
}
#Carte_eID img {
margin: 0 auto;
display: block;
cursor: pointer;
}
#login-page h2 {
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-top: 0;
margin-bottom: 1em;
}
#login-page h2 span {
color: $highlight-text-color;
}
#id_username,
#id_password,
#id_email {
border-radius: 10px;
margin-top: 6px;
padding-left: 2em;
width: calc(100% - 54px - 54px);
border: 1px solid #eaeaea;
}
/* Accounts : Jusitfy introduction text for csam authentication*/
p#eid-intro {
text-align: left;
width: 92%;
font-style: italic;
text-align: justify;
padding-bottom: 20px;
}
/* Accounts : Align CSAM identity text with CSAM intro text (and justify)*/
#csam-login > div > p {
width: 90%;
text-align: justify;
text-justify: inter-word;
}
/* Position MSG "ce champs est obligatoire" when login and/or pass are empty*/
div#login-page form li:last-child,
div.password-reset-form form li:last-child {
border-top: none;
display: block;
font-size: 1em;
margin-top: none;
width: 100%;
margin-top: -1em;
}
div.password-reset-form form li:last-child {
font-size: 1.5em;
margin-top: 1.2em;
}
#login-legal-info {
position: absolute;
bottom: 2ex;
left: 2ex;
color: #666;
font-size: 80%;
}
div#login-page form ul.errorlist {
position: absolute;
left: 96px;
li {
position: relative;
top: -25px;
}
}
/*Mail du 23/12*/
div#login-age #Mot_de_passe form > p.text {
clear: both;
font-size: 16px;
margin-left: 23px;
margin-top: 0;
padding-bottom: 10px;
}
/*Back button to the email validation for registration*/
.a2-block [href="/"] {
background: #e0006c;
color: #fff;
padding: 0.5em;
}
/*Account creation*/
.page-profil #content .a2-block {
background: rgba(0, 0, 0, 0) linear-gradient(#f6f6f6, white) repeat scroll 0 0;
border-bottom: 2px solid #d2d2d2;
border-radius: 10px 10px 0 0;
padding: 1em;
h2 {
background-image: none;
font-size: 14.3px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
}
div#login-page form > ul.errorlist {
float: left;
left: 0;
position: relative;
}
div#login-page form p + ul.errorlist {
left: 96px;
position: absolute;
}
.fargo-pick-popup button,
div#content button,
input[type="submit"],
div.buttons input {
background: #b20504 none repeat scroll 0 0;
}
input[name="login-fedict"] {
margin-top: 8em;
margin-bottom: 1em;
}
input[name="login-password-submit"] {
margin-top: 1em;
margin-bottom: 1em;
}
/* In user profile : put an * when fields are required*/
label.form-field-required::after {
content: "*";
}
/*end In user profile...*/

17
static/oupeye/_vars.scss Normal file
View File

@ -0,0 +1,17 @@
// 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: 110px;
$imio-logo-top: 20px;
$imio-logo-left: 20px;
$imio-logo-height: 40px;
$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;
$link-color-footer: white;
$imio-is-iacitizen: true;

View File

@ -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

View File

@ -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
*/

View File

@ -1,7 +1,57 @@
{
"label": "Oupeye",
"variables": {
"no_extra_js": false,
"theme_color": "#f6955a"
}
"label": "Oupeye",
"settings": {
"combo": {
"COMBO_ASSET_SLOTS.update": {
"header:background": {
"label": "Image de banni\u00e8re"
},
"header:logo": {
"label": "Image de logo"
},
"emails:logo": {
"label": "Image d'en-t\u00eate dans les mails"
}
},
"COMBO_CELL_ASSET_SLOTS.update": {
"data_linkcell": {
"picture": {
"prefix": "Image de tuile \u00ab Lien \u00bb"
}
},
"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"
}
}
},
"COMBO_MAP_DEFAULT_POSITION": {
"lat": "50.7084747",
"lng": "5.6468265"
}
}
},
"variables": {
"cell_picture_size": "520x220",
"pwa_display": "standalone",
"theme_color": "#f6955a",
"include_top_links": false,
"favicon": "oupeye/images/favicon.ico",
"no_extra_js": true,
"email_header_asset": "emails:logo"
}
}

View File

@ -1,3 +0,0 @@
$(function() {
$.getScript('/static/imio/common.js', function() { });
});

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

View File

@ -1,66 +1,9 @@
@charset "UTF-8";
$primary-color:#f6955a;
$title-color: white;
$width: 950px;
$mobile-limit: 800px;
$font-size: 13px !default;
$font-family: sans-serif !default;
$border-radius: 3px;
$button-background: #f6955a;
$button-color: white;
$cell-entry-hover-effect: left-to-right;
//$header-banner: url("images/banner.jpg") !default;
$header-banner: none;
//$header-banner-image: true !default; //must be false if there is no img element banner
$header-banner-image: true;
$header-logo-margin: 1.5em 0 0 0.5em;
$highlight-text-color: $primary-color;
/*IMIO SHARE : Affichage du message de connexion au portail agent*/
$a_portal_agent_background: None;
$a_portal_agent_color: black;
$a_portal_agent_top: 30px;
$a_portal_agent_right: 6%;
$a_portal_agent_border: None;
/*end IMIO SHARE*/
/*Navigation menu*/
$nav-background: #f6955a; //#e5e5e5;
$nav-color: #333333;
$nav-active-color: $primary-color;
$nav-item-selected-color: white;
/*NAVIGATION MENU RESPONSIVE*/
$nav-button-color: #fff;
$nav-menu-color: $primary-color;
/*CELLS*/
$cell-title-bg-color: $primary-color;
$title-background: $nav-item-selected-color;
$href-color: $title-background;
//$header-banner:url("images/banner.jpg");
//$header-banner-width: $width;
//$header-banner-height: auto; //242px;
//$header-logo: url("images/logo.png") 10px 10px no-repeat;
//$header-logo-display-text: true;
// top right bottom left.
//$header-logo-text-padding: 120px 0px 0px 0px;
//$header-logo-text-color:#ffffff;
@import "../imio/steps-config";
@import 'vars';
@import '../includes/imio-basic-entrouvert-base';
@import "../../publik-base-theme/static/includes/publik";
@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/basket";
@import "../imio/footer";
@import "../imio/responsive";
@import "../imio/share";
@import "../imio/cells";
@import "custom";
@import 'custom';