0001-new-theme-r-gion-r-union-39600.patch
| static/region-reunion/_custom.scss | ||
|---|---|---|
| 1 |
%cancel-button {
|
|
| 2 |
@extend %button; |
|
| 3 |
background-color: white; |
|
| 4 |
border-color: $cyan; |
|
| 5 |
color: $cyan; |
|
| 6 |
&:hover {
|
|
| 7 |
background-color: white; |
|
| 8 |
border-color: $primary-color; |
|
| 9 |
color: $primary-color; |
|
| 10 |
} |
|
| 11 |
} |
|
| 12 | ||
| 13 |
* {
|
|
| 14 |
box-sizing: border-box; |
|
| 15 |
&::before, &::after {
|
|
| 16 |
box-sizing: inherit; |
|
| 17 |
} |
|
| 18 |
} |
|
| 19 |
// HEADER |
|
| 20 |
#header-wrapper {
|
|
| 21 |
background: url(img/menu_top_fond.png) no-repeat top right; |
|
| 22 |
border-bottom: 3px solid $primary-color; |
|
| 23 |
} |
|
| 24 | ||
| 25 |
#logo {
|
|
| 26 |
padding: 15px; |
|
| 27 |
a {
|
|
| 28 |
color: $cyan; |
|
| 29 |
$logo-height: 75px; |
|
| 30 |
display: block; |
|
| 31 |
font-weight: bold; |
|
| 32 |
font-size: 18px; |
|
| 33 |
padding-top: $logo-height + 5; |
|
| 34 |
background: url(img/logo-regionreunion-bleu.svg) no-repeat; |
|
| 35 |
background-size: auto $logo-height; |
|
| 36 | ||
| 37 |
@media (min-width: $mobile-limit + 1) {
|
|
| 38 |
padding-left: 150px; |
|
| 39 |
padding-top: 60px; |
|
| 40 |
font-size: 24px; |
|
| 41 |
line-height: 20px; |
|
| 42 |
background-size: contain; |
|
| 43 |
} |
|
| 44 | ||
| 45 |
&::before {
|
|
| 46 |
content: "#"; |
|
| 47 |
color: $primary-color; |
|
| 48 |
font-weight: bold; |
|
| 49 |
} |
|
| 50 |
} |
|
| 51 |
} |
|
| 52 |
#toplinks {
|
|
| 53 |
border: none; |
|
| 54 |
box-shadow: none; |
|
| 55 |
} |
|
| 56 |
// NAV |
|
| 57 |
.gru-nav-wrapper {
|
|
| 58 |
@media (max-width: $nav-mobile-limit) {
|
|
| 59 |
margin-top: -$nav-menu-side - 15px; |
|
| 60 |
} |
|
| 61 |
} |
|
| 62 |
div.gru-nav > ul {
|
|
| 63 |
font-size: .85em; |
|
| 64 |
margin: 0; |
|
| 65 |
> li a {
|
|
| 66 |
font-weight: normal; |
|
| 67 |
text-transform: uppercase; |
|
| 68 |
} |
|
| 69 |
// submenu |
|
| 70 |
ul a {
|
|
| 71 |
&:hover {
|
|
| 72 |
background-color: white; |
|
| 73 |
color: $font-color; |
|
| 74 |
} |
|
| 75 |
} |
|
| 76 |
} |
|
| 77 |
// burger btn |
|
| 78 |
div.gru-nav .gru-nav-button {
|
|
| 79 |
border: 1px solid $primary-color; |
|
| 80 |
&.toggled {
|
|
| 81 |
background-color: $primary-color; |
|
| 82 |
.icon-bar {
|
|
| 83 |
border-color: white; |
|
| 84 |
} |
|
| 85 |
} |
|
| 86 |
} |
|
| 87 |
body.has-picture nav::after {
|
|
| 88 |
position: static; |
|
| 89 |
} |
|
| 90 | ||
| 91 |
// PWA nav |
|
| 92 |
.pwa-navigation {
|
|
| 93 |
background-color: transparent; |
|
| 94 |
text-transform: uppercase; |
|
| 95 |
div > ul li {
|
|
| 96 |
border: 1px solid transparent; |
|
| 97 |
background-color: $nav-mobile-bottom-bar-background; |
|
| 98 |
background-clip: padding-box; |
|
| 99 |
a {
|
|
| 100 |
background-position: 50% 5px; |
|
| 101 |
background-size: auto 25px; |
|
| 102 |
span {
|
|
| 103 |
display: flex; |
|
| 104 |
justify-content: center; |
|
| 105 |
align-items: center; |
|
| 106 |
} |
|
| 107 |
} |
|
| 108 |
} |
|
| 109 |
} |
|
| 110 | ||
| 111 |
// MAIN |
|
| 112 |
main {
|
|
| 113 |
background-image: |
|
| 114 |
linear-gradient(178deg, transparent 700px, white 701px), |
|
| 115 |
linear-gradient(173deg, $xlight-gray 350px, $light-gray 351px) |
|
| 116 |
; |
|
| 117 |
} |
|
| 118 | ||
| 119 |
// White bloc with shadow |
|
| 120 |
div#main-content-wrapper {
|
|
| 121 |
background-color: white; |
|
| 122 |
margin-top: 40px; |
|
| 123 |
padding-top: 1rem; |
|
| 124 |
padding-bottom: 1rem; |
|
| 125 |
box-shadow: 0 0px 30px 10px #ccc; |
|
| 126 |
z-index: 0; |
|
| 127 | ||
| 128 |
@media (min-width: $mobile-limit + 1) {
|
|
| 129 |
margin-top: 120px; |
|
| 130 |
padding-left: 1rem; |
|
| 131 |
padding-right: 1rem; |
|
| 132 |
} |
|
| 133 |
} |
|
| 134 |
main {
|
|
| 135 |
&::after {
|
|
| 136 |
content: ""; |
|
| 137 |
display: block; |
|
| 138 |
background-color: white; |
|
| 139 |
height: 50px; |
|
| 140 |
position: relative; |
|
| 141 |
box-shadow: 0 0px 30px 20px white; |
|
| 142 |
} |
|
| 143 |
} |
|
| 144 | ||
| 145 |
// CELLS |
|
| 146 |
// more link |
|
| 147 |
div.wcsformsofcategorycell ul li.more-items {
|
|
| 148 |
width: 1.5em; |
|
| 149 |
height: 1.5em; |
|
| 150 |
margin: auto; |
|
| 151 |
font-size: 1.2em; |
|
| 152 |
background-color: $orange; |
|
| 153 |
display: flex; |
|
| 154 |
transform: rotate(45deg); |
|
| 155 |
a {
|
|
| 156 |
color: white; |
|
| 157 |
font-weight: bold; |
|
| 158 |
padding: 0; |
|
| 159 |
display: block; |
|
| 160 |
border: none; |
|
| 161 |
margin: auto; |
|
| 162 |
transform: rotate(-45deg); |
|
| 163 |
} |
|
| 164 | ||
| 165 |
&:hover {
|
|
| 166 |
background-color: $primary-color; |
|
| 167 |
a {
|
|
| 168 |
background-color: transparent; |
|
| 169 |
} |
|
| 170 |
} |
|
| 171 |
} |
|
| 172 | ||
| 173 |
div.wcs-form-cell a {
|
|
| 174 |
@extend .pk-button; |
|
| 175 |
display: block; |
|
| 176 |
} |
|
| 177 | ||
| 178 |
// WCS |
|
| 179 |
div#rub_service h2 {
|
|
| 180 |
font-size: 2rem; |
|
| 181 |
color: $primary-color; |
|
| 182 |
} |
|
| 183 | ||
| 184 |
// FOOTER |
|
| 185 |
div#footer {
|
|
| 186 |
font-size: .9em; |
|
| 187 |
img {
|
|
| 188 |
max-width: 100%; |
|
| 189 |
height: auto; |
|
| 190 |
} |
|
| 191 |
// inclined top footer |
|
| 192 |
@media (min-width: $width) {
|
|
| 193 |
position: relative; |
|
| 194 |
margin-top: 60px; |
|
| 195 |
&::before {
|
|
| 196 |
position: absolute; |
|
| 197 |
bottom: 100%; |
|
| 198 |
left: 0; |
|
| 199 |
content: ""; |
|
| 200 |
display: block; |
|
| 201 |
border-top: 60px solid transparent; |
|
| 202 |
border-right: $width solid $footer-background; |
|
| 203 |
} |
|
| 204 |
} |
|
| 205 |
} |
|
| static/region-reunion/_vars.scss | ||
|---|---|---|
| 1 |
// Colors |
|
| 2 |
$dark-blue: #00579e; |
|
| 3 |
$pale-blue: #d6e0e8; |
|
| 4 |
$cyan: #00b1e6; |
|
| 5 |
$orange: #e56611; |
|
| 6 |
$green: #74bd04; |
|
| 7 |
$pink: #c7017f; |
|
| 8 |
$xlight-gray: #f5f3f1; |
|
| 9 |
$light-gray: #efece7; |
|
| 10 |
$gray: #c7bca9; |
|
| 11 |
$desaturate-orange: #a9987b; |
|
| 12 | ||
| 13 |
// Core Vars |
|
| 14 |
$mobile-limit: 960px; |
|
| 15 |
$width: 1160px; |
|
| 16 |
$primary-color: $dark-blue; |
|
| 17 |
$link-color: $primary-color; |
|
| 18 |
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
| 19 |
$footer-background: $light-gray; |
|
| 20 |
$footer-full-width-background: false; |
|
| 21 |
$footer-color: #000; |
|
| 22 | ||
| 23 |
$nav-border-color: none; |
|
| 24 |
$nav-menu-color: white; |
|
| 25 |
$nav-active-color: $primary-color; |
|
| 26 |
$nav-item-selected-background: transparent; |
|
| 27 |
$nav-item-selected-color: $primary-color; |
|
| 28 |
$nav-item-hover-color: white; |
|
| 29 |
$nav-item-hover-background: $primary-color; |
|
| 30 |
$nav-submenu-background: $primary-color; |
|
| 31 | ||
| 32 |
$nav-mobile-menu-background: $primary-color; |
|
| 33 |
$nav-mobile-menu-item-color: white; |
|
| 34 |
$nav-menu-side: 40px; |
|
| 35 |
$nav-button-background: white; |
|
| 36 |
$nav-button-color: $primary-color; |
|
| 37 |
$nav-mobile-menu-item-hover-background: white; |
|
| 38 |
$nav-mobile-menu-item-hover-color: $primary-color; |
|
| 39 | ||
| 40 |
$nav-mobile-bottom-bar-background: $cyan; |
|
| 41 |
$nav-mobile-bottom-bar-color: white; |
|
| 42 | ||
| 43 |
$cell-border: 1px solid $light-gray; |
|
| 44 |
$cell-entry-hover-color: $primary-color; |
|
| 45 |
$cell-entry-hover-background: $pale-blue; |
|
| 46 |
$cell-entry-hover-color: black; |
|
| 47 |
$cell-entry-border-color: white; |
|
| 48 |
$cell-background: $xlight-gray; |
|
| 49 |
$cell-image-padding: 0; |
|
| 50 | ||
| 51 |
$title-font-size: 1.4rem; |
|
| 52 |
$title-border-bottom: $cell-border; |
|
| 53 |
$title-padding: .5em 0; |
|
| 54 |
$title-color: $cyan; |
|
| 55 |
$title-weight: bold; |
|
| 56 | ||
| 57 |
$wcs-step-border-bottom: none; |
|
| 58 |
$wcs-step-background: $xlight-gray; |
|
| 59 |
$wcs-step-color: $desaturate-orange; |
|
| 60 | ||
| 61 |
$button-color: white; |
|
| 62 |
$button-background: $cyan; |
|
| 63 |
$button-hover-background: $primary-color; |
|
| 64 | ||
| 65 |
$buttons-order: previous, cancel, submit; |
|
| 66 |
$buttons-alignment: space-around; |
|
| 67 | ||
| 68 |
$widget-border: 1px solid $gray; |
|
| 69 |
$widget-focus-border: 1px solid $primary-color; |
|
| 70 |
$widget-focus-color: $primary-color; |
|
| 71 | ||
| 72 |
// $widget-border: 2px solid $light-gray; |
|
| static/region-reunion/config.json | ||
|---|---|---|
| 1 |
{
|
|
| 2 |
"label": "Région Réunion", |
|
| 3 |
"variables": {
|
|
| 4 |
"pwa_display": "standalone", |
|
| 5 |
"theme_color": "#00579e" |
|
| 6 |
} |
|
| 7 |
} |
|
| static/region-reunion/img/logo-regionreunion-bleu.svg | ||
|---|---|---|
| 1 |
<?xml version="1.0" encoding="UTF-8"?> |
|
| 2 |
<!-- Created with Inkscape (http://www.inkscape.org/) --> |
|
| 3 |
<svg width="130" height="85" version="1.1" viewBox="0 0 130 85" xml:space="preserve" 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#"><metadata><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/></cc:Work></rdf:RDF></metadata><defs><clipPath id="clipPath61"><path d="M 0,794.835 H 614.835 V 0 H 0 Z"/></clipPath></defs><g transform="matrix(1.3333 0 0 -1.3333 0 85)"><g transform="translate(-193.18 -460.18)"><g transform="matrix(.70285 0 0 .70285 57.404 136.89)"><g clip-path="url(#clipPath61)"><g transform="translate(198.29 482.61)"><path d="M 0,0 C 0,0 92.68,52.439 94.318,58.879 99.24,34.454 119.179,21.723 119.179,21.723 136.616,21.271 0,0 0,0" fill="#005ca9"/></g><g transform="translate(225.54 492.88)"><path d="m0 0c8.258 0.784 16.516 1.569 24.774 2.353-18.029-5.291-36.058-10.582-54.086-15.873 45.39 7.929 90.744 11.349 135.65 10.228" fill="none" stroke="#1d1d1b" stroke-miterlimit="10" stroke-width="1.5"/></g><g transform="translate(313.28 508.39)"><path d="m0 0c-10.7 7.926-18.242 20.001-20.671 33.094-30.415-23.044-63.034-43.179-97.265-60.041" fill="none" stroke="#1d1d1b" stroke-miterlimit="10" stroke-width="2"/></g><g transform="translate(199.53 489.94)"><path d="m0 0c34.233 16.929 66.789 37.025 97.266 60.041l-2.898-0.777c2.669-13.277 9.91-24.87 20.67-33.093 0.499-0.382 2.428 1.136 2.898 0.776-10.76 8.224-18.001 19.817-20.67 33.094 0.014-0.073-2.654-0.592-2.898-0.777-30.476-23.015-63.032-43.112-97.266-60.04 0.875 0.432 2.016 0.34 2.898 0.776" fill="#1d1d1b"/></g></g></g><g transform="matrix(.70285 0 0 -.70285 57.404 136.89)" fill="#1d1d1b" aria-label="#"><path d="m201.35-468.94h-2.672l-0.77129 3.0668h2.6904zm-1.3773-5.2246-0.95494 3.8106h2.6812l0.96412-3.8106h1.4691l-0.94576 3.8106h2.8648v1.414h-3.2229l-0.75293 3.0668h2.9199v1.4049h-3.278l-0.95493 3.8014h-1.4691l0.94576-3.8014h-2.6904l-0.94576 3.8014h-1.4783l0.95493-3.8014h-2.8924v-1.4049h3.2321l0.7713-3.0668h-2.9566v-1.414h3.3147l0.93657-3.8106z" stroke-width=".99999"/></g><g transform="matrix(.70285 0 0 -.70285 202.67 461.72)" fill="#1d1d1b" aria-label="RÉGIONRÉUNION"><path d="m6.6235-5.1006q0.47363 0.1603 0.91811 0.68494 0.45177 0.52463 0.90354 1.4427l1.4937 2.9729h-1.5812l-1.3917-2.7908q-0.53921-1.093-1.0493-1.45-0.50277-0.35704-1.3772-0.35704h-1.603v4.5978h-1.4719v-10.879h3.3227q1.8654 0 2.7835 0.77966 0.91811 0.77966 0.91811 2.3536 0 1.0274-0.48091 1.7051-0.47363 0.67765-1.3844 0.93997zm-3.687-4.5687v3.8619h1.8508q1.0638 0 1.603-0.4882 0.54649-0.49549 0.54649-1.45t-0.54649-1.4355q-0.53921-0.4882-1.603-0.4882z"/><path d="m10.582-10.879h6.8785v1.2387h-5.4066v3.2207h5.1808v1.2387h-5.1808v3.942h5.5378v1.2387h-7.0097zm3.8182-2.9583h1.348l-1.6613 1.9237h-1.1148z"/><path d="m27.118-1.552v-2.9219h-2.4046v-1.2096h3.8619v4.6707q-0.85253 0.60479-1.8799 0.91811-1.0274 0.30604-2.1933 0.30604-2.5503 0-3.993-1.4865-1.4355-1.4937-1.4355-4.1533 0-2.6669 1.4355-4.1533 1.4427-1.4937 3.993-1.4937 1.0638 0 2.0184 0.26232 0.96183 0.26232 1.7706 0.77238v1.5666q-0.8161-0.69222-1.7342-1.042t-1.9309-0.34976q-1.9965 0-3.0021 1.1148-0.99826 1.1148-0.99826 3.3227 0 2.2005 0.99826 3.3154 1.0055 1.1148 3.0021 1.1148 0.77966 0 1.3917-0.13116 0.61207-0.13844 1.1003-0.42262z"/><path d="m31.31-10.879h1.4719v10.879h-1.4719z"/><path d="m39.875-9.8806q-1.603 0-2.5503 1.195-0.93997 1.195-0.93997 3.2571 0 2.0548 0.93997 3.2498 0.94726 1.195 2.5503 1.195t2.5357-1.195q0.93997-1.195 0.93997-3.2498 0-2.0621-0.93997-3.2571-0.93268-1.195-2.5357-1.195zm0-1.195q2.288 0 3.6579 1.5375 1.3699 1.5302 1.3699 4.1096 0 2.5722-1.3699 4.1096-1.3699 1.5302-3.6579 1.5302-2.2953 0-3.6724-1.5302-1.3699-1.5302-1.3699-4.1096t1.3699-4.1096q1.3772-1.5375 3.6724-1.5375z"/><path d="m47.875-10.879h1.9819l4.8237 9.1009v-9.1009h1.4282v10.879h-1.9819l-4.8237-9.1009v9.1009h-1.4282z"/><path d="m64.912-5.1006q0.47363 0.1603 0.91811 0.68494 0.45177 0.52463 0.90354 1.4427l1.4937 2.9729h-1.5812l-1.3917-2.7908q-0.53921-1.093-1.0493-1.45-0.50277-0.35704-1.3772-0.35704h-1.603v4.5978h-1.4719v-10.879h3.3227q1.8654 0 2.7835 0.77966 0.91811 0.77966 0.91811 2.3536 0 1.0274-0.48091 1.7051-0.47363 0.67765-1.3844 0.93997zm-3.687-4.5687v3.8619h1.8508q1.0638 0 1.603-0.4882 0.54649-0.49549 0.54649-1.45t-0.54649-1.4355q-0.53921-0.4882-1.603-0.4882z"/><path d="m68.871-10.879h6.8785v1.2387h-5.4066v3.2207h5.1808v1.2387h-5.1808v3.942h5.5378v1.2387h-7.0097zm3.8182-2.9583h1.348l-1.6613 1.9237h-1.1148z"/><path d="m77.822-10.879h1.4792v6.6089q0 1.7488 0.63393 2.5212 0.63393 0.76509 2.0548 0.76509 1.4136 0 2.0475-0.76509 0.63393-0.77238 0.63393-2.5212v-6.6089h1.4792v6.7911q0 2.1277-1.0566 3.2134-1.0493 1.0857-3.1041 1.0857-2.0621 0-3.1187-1.0857-1.0493-1.0857-1.0493-3.2134z"/><path d="m88.495-10.879h1.9819l4.8237 9.1009v-9.1009h1.4282v10.879h-1.9819l-4.8237-9.1009v9.1009h-1.4282z"/><path d="m100.37-10.879h1.4719v10.879h-1.4719z"/><path d="m108.94-9.8806q-1.603 0-2.5503 1.195-0.93997 1.195-0.93997 3.2571 0 2.0548 0.93997 3.2498 0.94726 1.195 2.5503 1.195 1.603 0 2.5357-1.195 0.93997-1.195 0.93997-3.2498 0-2.0621-0.93997-3.2571-0.93268-1.195-2.5357-1.195zm0-1.195q2.288 0 3.6579 1.5375 1.3699 1.5302 1.3699 4.1096 0 2.5722-1.3699 4.1096-1.3699 1.5302-3.6579 1.5302-2.2953 0-3.6724-1.5302-1.3699-1.5302-1.3699-4.1096t1.3699-4.1096q1.3772-1.5375 3.6724-1.5375z"/><path d="m116.94-10.879h1.982l4.8237 9.1009v-9.1009h1.4282v10.879h-1.9819l-4.8237-9.1009v9.1009h-1.4282z"/></g></g></g></svg> |
|
| static/region-reunion/style.scss | ||
|---|---|---|
| 1 |
@charset "UTF-8"; |
|
| 2 |
@import '../includes/font-source-sans-pro.scss'; |
|
| 3 | ||
| 4 |
@import 'vars'; |
|
| 5 |
@import '../includes/publik'; |
|
| 6 |
@import 'custom'; |
|
| 0 |
- |
|