add theme for essey-les-nancy, as a variation of grand-nancy (#56728)
This commit is contained in:
parent
cae802c000
commit
3b5c3cb8ad
|
@ -0,0 +1,202 @@
|
|||
@import '../includes/fonts/lato';
|
||||
@import '../includes/fonts/yantramanav';
|
||||
|
||||
@function encodecolor($string) {
|
||||
@if type-of($string) == 'color' and str-index(#{$string}, '#') == 1 {
|
||||
$hex: str-slice(ie-hex-str($string), 4);
|
||||
$string: unquote('#{$hex}');
|
||||
@return '%23' + $string;
|
||||
}
|
||||
@return $string;
|
||||
}
|
||||
|
||||
$header_svg_lines: "%3Csvg width='5385.8px' height='449.88px' enable-background='new 0 0 5385.83 449.884' version='1.1' viewBox='0 0 5385.8 449.88' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='m603.7 206.08 144.57-72.337 30.403-180.93m-798.94 382.26 149.47-184.49-260.55-197.76 183.34-127.07m507.8-42.463-104.34 115.5-237.11-270.89 26.248 385.79-115.39 136.89 312.45 53.058 162.05 2.438-148.25-307.29m-13.801 304.85 13.801-304.85-210.86 114.9zm-573-250.82c87.568 31.447 43.784 15.724 0 0zm1785.5-28.267c-46.465-186.99-41.908-342.03 3.061-522.66l143.4 748.68m182.98-200.99-182.98 200.99m-0.01 0-146.45-226.02m-1435.8-296.66-89.144 522.68m1096-226.02-168.51 277.02-278-248.77m446.51-28.252-140.08-0.553-28.427 277.58m-225.47-573.68-52.531 324.91-174.97 253.27-43.904-422.79-341.45-155.39m1006.8 296.66 210.12-98.886c69.118-427.2 109.1-182.44 218.88 98.886m-875.52 28.252 306.43-28.806m-1033.1-98.249 77.204 324.83m1671.4 0-210.2 93.479 63.748-319.5-235.16 116.74 16.09-215.62m-56.76 316.79-321.68 59.114 362.35-160.28-193.84-113.2m153.17 214.38 40.67-101.17 171.41 202.77z' fill='none' stroke='" + encodecolor($secondary-color) + "' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E %3Cpath d='m3174.5 103.69-182.49-118.25 257.96-51.47m837 72.677 237.72 45.706 312.42-32.128m-1200.3-34.785 285.9 20.219m-285.9-20.219 102.65 82.887 183.25-62.668m364.23 0.988-364.23-0.987 22.055-119.18m1688.1 111.33-125.48-97.19-94.766 151.74-133.35-116.12-133.32 132.09-83.383-103.82-225.45 55.716-150.94-70.129-161.48 102.26m-783.16 168.82-367.02-117.48m882.5 100.29 267.68-151.62m312.42-32.128 308.84 48.103m486.92-70.525-220.24 54.55m0 0 117.47 276.5m-1788.6-107.68-2.035-152.84-364.98 35.365m1771.4-35.365-155.94 21.651m-1248.5 131.19 181.21-215.51 334.26 198.32zm1671.1-168.82-266.68 15.974zm-575.51-32.128 152.9 69.753m540.08 238.88 102.77-331.04 114.05 189.68zm-250.82-392.62-410.61-56.551m193.9 84.826-376.39-14.413-399.2 56.552m-342.17-120.17-307.96 98.964-262.33 118.24m1049.3-245.49 444.82 21.483m-923.87 6.794 479.04-28.276-136.87 148.45-29.963 197.33m1022.3-267.74 228.12-35.62m-1083.5-42.413 262.33 91.896m-1049.3 33.3-186.87-49.426-75.463 169.72m75.463-169.72c-2166.6 44.025-1083.3 22.012 0 0zm813.73-12.426-318.9-35.068' fill='none' stroke='" + encodecolor($secondary-color) + "' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E %3C/svg%3E";
|
||||
|
||||
%title {
|
||||
@extend %title;
|
||||
padding-left: 0.5rem;
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
background: $secondary-color;
|
||||
height: 2px;
|
||||
width: 70px;
|
||||
margin-top: 1rem;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
%button {
|
||||
@extend %button;
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
%cancel-button {
|
||||
@extend %button;
|
||||
font-weight: normal;
|
||||
color: lighten($font-color, 20%);
|
||||
}
|
||||
|
||||
div.textcell {
|
||||
h1 {
|
||||
@extend %title;
|
||||
}
|
||||
h2 {
|
||||
@extend %title;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
#page .site-header {
|
||||
background: transparent url("data:image/svg+xml, #{$header_svg_lines}") top center no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
div#header-wrapper {
|
||||
height: 140px;
|
||||
div#header h1 {
|
||||
padding-top: 40px;
|
||||
a {
|
||||
display: block;
|
||||
height: 100px;
|
||||
background: url(/assets/header:logo) center center no-repeat;
|
||||
background-size: auto 80px;
|
||||
text-indent: -1000px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#main-content-wrapper {
|
||||
padding-top: 1rem;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#toplinks {
|
||||
background: #f6f6f6;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
a {
|
||||
display: inline-block;
|
||||
color: black;
|
||||
padding: 5px 10px 10px 10px;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-width: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
#nav {
|
||||
text-align: center;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
text-align: left;
|
||||
li > a::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-nav li > a {
|
||||
border-bottom-color: transparent;
|
||||
padding-bottom: 10px;
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 2px;
|
||||
background: $secondary-color;
|
||||
margin: 5px auto 0 auto;
|
||||
transition: width linear 0.2s;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-nav > ul > li a {
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div.gru-nav > ul > li li a {
|
||||
&::after {
|
||||
content: none;
|
||||
}
|
||||
&:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
span {
|
||||
border-left: 3px solid #ddd;
|
||||
padding-left: 7px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-nav > ul li ul {
|
||||
box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.34);
|
||||
font-size: 95%;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-nav > ul > li li a {
|
||||
padding: 0.5rem 0.5rem 0.15rem 0.5rem;
|
||||
}
|
||||
|
||||
div.gru-nav li li a::after {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.gru-nav li:hover > a,
|
||||
div.gru-nav li.selected > a {
|
||||
border-bottom-color: transparent;
|
||||
&:after {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
div.drafts-recall a,
|
||||
div.textcell a {
|
||||
text-decoration: underline;
|
||||
&.pk-button, &.pk-big-button {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
form p label, .field--label {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
#footer-wrapper {
|
||||
div.textcell a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
ul#evolutions li span.item {
|
||||
background: white !important;
|
||||
&::before {
|
||||
background: $secondary-color;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,47 @@
|
|||
$red: #ed1c24;
|
||||
$darkgray: #003150;
|
||||
$yellow: #FFDF64;
|
||||
$primary-color: $darkgray;
|
||||
$secondary-color: $yellow;
|
||||
|
||||
$font-color: #333;
|
||||
$font-size: 100%;
|
||||
$font-family: Lato, sans-serif;
|
||||
$width: 1140px;
|
||||
|
||||
$nav-background: white;
|
||||
$nav-color: #333;
|
||||
$nav-active-color: #333;
|
||||
$nav-submenu-color: #333;
|
||||
$nav-item-selected-background: white;
|
||||
$nav-item-selected-color: #333;
|
||||
$nav-item-selected-mode: bottom-border;
|
||||
$nav-item-hover-background: white;
|
||||
$nav-item-hover-color: #333;
|
||||
$nav-item-selected-border: 2px solid $primary-color;
|
||||
$nav-mobile-menu-background: white;
|
||||
|
||||
$border-radius: 0px;
|
||||
$button-background: $yellow;
|
||||
$widget-border: 1px solid #ced4da;
|
||||
$widget-border-radius: .25rem;
|
||||
$widget-focus-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
|
||||
|
||||
$title-background: transparent;
|
||||
$title-font-family: Yantramanav, arial, sans-serif;
|
||||
$title-color: $primary-color;
|
||||
$title-font-size: 2.2rem;
|
||||
$title-weight: 900;
|
||||
$footer-background: #424547;
|
||||
$footer-color: white;
|
||||
$link-color: $font-color;
|
||||
$cell-border: none;
|
||||
|
||||
$wcs-steps-spacing: 0.7rem;
|
||||
$wcs-step-border-bottom: none;
|
||||
$wcs-step-marker-type: disc tied;
|
||||
$wcs-step-marker-tie-width: 3px;
|
||||
$wcs-step-marker-tie-color: $secondary-color;
|
||||
$wcs-step-marker-background: #eee;
|
||||
$wcs-step-current-marker-color: black;
|
||||
$wcs-step-current-marker-background: $secondary-color;
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"label": "Essey-Lès-Nancy",
|
||||
"variables": {
|
||||
"theme_color": "#FFDF64",
|
||||
"pwa_display": "standalone"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": { "label": "Têtière : logo" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,5 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'custom';
|
Loading…
Reference in New Issue