leplessistrevise: add theme (#67231)
This commit is contained in:
parent
67e467ffea
commit
99f5b0a32e
|
|
@ -0,0 +1,211 @@
|
|||
//
|
||||
// HEADER
|
||||
//
|
||||
|
||||
#logo.has-logo a {
|
||||
text-indent: -10000px;
|
||||
min-width: 360px;
|
||||
min-height: 120px;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// NAV
|
||||
//
|
||||
|
||||
div#nav {
|
||||
& > ul {
|
||||
margin-top: 0px;
|
||||
}
|
||||
font-family: 'Poppins', sans-serif;
|
||||
& > ul > li {
|
||||
& > a {
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
@media (min-width: $mobile-limit + 1) {
|
||||
&::after {
|
||||
font-family: FontAwesome;
|
||||
content: "\f13a";
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: $mobile-limit + 1) {
|
||||
& > a { padding-top: 8px; }
|
||||
& > a { padding-bottom: 5px; }
|
||||
border-bottom: 3px solid $secondary-color;
|
||||
&:hover {
|
||||
border-bottom: 3px solid #b53845;
|
||||
}
|
||||
& > ul {
|
||||
margin-top: 3px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
box-shadow: 0px 5px rgba(0,0,0,0.6);
|
||||
}
|
||||
}
|
||||
& > ul > li a {
|
||||
text-transform: none;
|
||||
font-weight: 450;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
&::before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f105";
|
||||
margin-right: .5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding-top: 10px;
|
||||
button.gru-nav-button {
|
||||
background: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// MAIN CONTENT
|
||||
//
|
||||
|
||||
%button:hover {
|
||||
border: 3px solid #6598cd;
|
||||
}
|
||||
|
||||
main {
|
||||
.three-cols-column {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
@media (min-width: $mobile-limit + 1) {
|
||||
#left-content { margin-left: 0px; }
|
||||
#right-content { margin-right: 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
.page-title, .gru-content .page-title {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
h2 {
|
||||
font-size: $title-font-size;
|
||||
text-transform: $title-transform;
|
||||
font-weight: $title-weight;
|
||||
color: $title-color;
|
||||
}
|
||||
}
|
||||
|
||||
.gru-content {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
div.searchcell form input {
|
||||
margin-right: 0px;
|
||||
border-radius: 10px 0px 0px 0px;
|
||||
}
|
||||
|
||||
button.combo-search--button {
|
||||
background-color: #e8b200;
|
||||
border: 1px solid #e2e1e0;
|
||||
border-radius: 0px 0px 10px 0px;
|
||||
&:hover {
|
||||
background-color: darken(#e8b200, 5%);
|
||||
border: 1px solid #e2e1e0;
|
||||
}
|
||||
}
|
||||
|
||||
div.wcsformsofcategorycell {
|
||||
picture img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div.wcs-form-cell {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img {
|
||||
border-radius: $cell-border-radius;
|
||||
}
|
||||
|
||||
div#rub_service {
|
||||
background: darken(white, 3%);
|
||||
border-radius: $cell-border-radius;
|
||||
h3 { color: $primary-color; }
|
||||
}
|
||||
|
||||
div#tracking-code h3 {
|
||||
font-size: 130%;
|
||||
text-transform: none;
|
||||
color: $secondary-color;
|
||||
}
|
||||
|
||||
@media (min-width: $mobile-limit + 1) {
|
||||
div.form-content--sidebox div#side header#steps ol li:first-child {
|
||||
border-radius: 15px 0px 0px 0px;
|
||||
}
|
||||
div.form-content--sidebox div#side header#steps ol li:last-child {
|
||||
border-radius: 0px 0px 15px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// FOOTER
|
||||
//
|
||||
|
||||
#footer-wrapper {
|
||||
.site-info__image {
|
||||
background: url(/assets/footer:logo) top left no-repeat;
|
||||
background-size: contain;
|
||||
text-indent: -10000px;
|
||||
display: block;
|
||||
min-width: 165px;
|
||||
min-height: 124px;
|
||||
}
|
||||
.site-info__address {
|
||||
margin-left: 15px;
|
||||
h1 {
|
||||
font-size: 130%;
|
||||
}
|
||||
}
|
||||
.site-info__listitems {
|
||||
ul { list-style: none; }
|
||||
li {
|
||||
margin-top: .3em;
|
||||
margin-bottom: .3em;
|
||||
}
|
||||
li:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f138";
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
.site-info__references {
|
||||
ul {
|
||||
list-style: none;
|
||||
li:nth-child(1) {
|
||||
background-image: url('img/logo-sud-est-avenir.png');
|
||||
}
|
||||
li:nth-child(2) {
|
||||
background-image: url('img/logo-val-de-marne.png');
|
||||
}
|
||||
li:nth-child(3) {
|
||||
background-image: url('img/logo-ile-de-france.png');
|
||||
}
|
||||
li:nth-child(4) {
|
||||
background-image: url('img/logo-mgp.png');
|
||||
}
|
||||
li {
|
||||
text-indent: -10000px;
|
||||
background-size: contain;
|
||||
min-width: 60px;
|
||||
min-height: 40px;
|
||||
background-repeat: no-repeat;
|
||||
margin-top: .7em;
|
||||
margin-bottom: .7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
$primary-color: #236bb7;
|
||||
$secondary-color: #3c8703;
|
||||
|
||||
$font-color: black;
|
||||
$font-family: 'Rubik', sans-serif;
|
||||
$font-line-height: 1.5;
|
||||
$link-color: $primary-color;
|
||||
|
||||
$notification_warning_color: #ffc300;
|
||||
$notification_success_color: $secondary-color;
|
||||
$notification_info_color: $primary-color;
|
||||
$notification_error_color: #b53845;
|
||||
|
||||
$border-radius: 0px;
|
||||
$mobile-limit: 1250px;
|
||||
$width: 1200px;
|
||||
$mobile-width: 100%;
|
||||
|
||||
$show-site-title: true;
|
||||
|
||||
$nav-background: $secondary-color;
|
||||
$nav-submenu-background: white;
|
||||
$nav-submenu-color: black;
|
||||
$nav-color: white;
|
||||
$nav-item-selected-color: white;
|
||||
$nav-item-selected-background: $secondary-color;
|
||||
$nav-item-hover-color: #b53845;
|
||||
$nav-item-hover-background: white;
|
||||
$responsive-menu: left-to-right;
|
||||
|
||||
$header-background-color: $primary-color;
|
||||
$header-full-width-background: false;
|
||||
|
||||
$button-color: white;
|
||||
$button-background: #236bb7;
|
||||
$button-border-radius: 10px 0px 10px 0px;
|
||||
$button-border: 3px solid #236bb7;
|
||||
|
||||
$footer-background: $primary-color;
|
||||
$footer-color: white;
|
||||
$footer-link-color: white;
|
||||
$footer-menucell-separator: none;
|
||||
|
||||
$sidebar-position: left;
|
||||
$sidebar-width: 265px;
|
||||
|
||||
$title-background: transparent;
|
||||
$title-weight: bold;
|
||||
$title-transform: uppercase;
|
||||
$title-font-size: 20px;
|
||||
$title-color: $primary-color;
|
||||
$title-border-radius: 0px;
|
||||
|
||||
$widget-border: 1px solid #e2e1e0;
|
||||
$widget-focus-border: 1px solid $primary-color;
|
||||
$widget-border-radius: 2px;
|
||||
$widget-background: white;
|
||||
|
||||
$wcs-step-current-background: darken($primary-color, 10%);
|
||||
$wcs-step-current-color: white;
|
||||
$wcs-step-color: grey;
|
||||
$wcs-step-background: darken(#f6f5f4, 3%);
|
||||
$wcs-step-border-bottom: 2px solid grey;
|
||||
|
||||
$cell-background: #f6f5f4;
|
||||
$cell-title-cover-border: false;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-color: #444444;
|
||||
$cell-entry-hover-background: #f8f8f8;
|
||||
$cell-border: 2px solid #e2e1e0;
|
||||
$cell-border-radius: 15px 0px 15px 0px;
|
||||
$cell-image-position: top;
|
||||
$cell-image-padding: none;
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"label": "Le Plessis-Trévise",
|
||||
"variables": {
|
||||
"favicon": "leplessistrevise/img/favicon.ico",
|
||||
"theme_color": "#236bb7"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_PUBLIC_TEMPLATES.update": {
|
||||
"three_columns": {
|
||||
"name": "Trois colonnes",
|
||||
"template": "combo/page_template_3cols.html"
|
||||
}
|
||||
},
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": {"label": "Têtière : logo"},
|
||||
"footer:logo": {"label": "Pied de page : logo"}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
|
|
@ -0,0 +1,7 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import '../includes/fonts/rubik';
|
||||
@import '../includes/fonts/poppins';
|
||||
@import 'custom';
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% extends "combo/page_template.html" %}
|
||||
|
||||
{% block content-pre %}
|
||||
<div class="three-cols-header">
|
||||
{% placeholder "header" name="En tête" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block combo-content %}
|
||||
<div id="left-content" class="three-cols-column">
|
||||
{% placeholder "left" name="Colonne gauche" %}
|
||||
</div>
|
||||
<div id="center-content" class="three-cols-column">
|
||||
{% placeholder "content" name="Colonne centrale" %}
|
||||
</div>
|
||||
<div id="right-content" class="three-cols-column">
|
||||
{% placeholder "right" name="Colonne droite" %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue