add la rochelle theme (#57286)
This commit is contained in:
parent
1d1f11d878
commit
4309791731
|
|
@ -0,0 +1,148 @@
|
|||
div#header {
|
||||
padding-top: 20px;
|
||||
div#top h1 {
|
||||
background: none;
|
||||
padding: 0;
|
||||
font-size: 35px;
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
&#logo.has-logo a {
|
||||
background-size: 100px;
|
||||
background-position-x: 60px;
|
||||
background-position-y: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
background: $primary-color;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $secondary-color-focus;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $secondary-color-focus;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #555;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#main-content {
|
||||
margin-left: calc(15% - 40px);
|
||||
margin-right: calc(15% - 40px);
|
||||
div#columns div.cell, div.block {
|
||||
border: none;
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 8px 2px #CCC;
|
||||
&:hover {
|
||||
background: #F2F2F2;
|
||||
box-shadow: 0 0 8px 2px #AAA;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#columns div.cell, div#rub_service div.comment-field {
|
||||
li::marker {
|
||||
color: $secondary-color;
|
||||
}
|
||||
ul li::marker {
|
||||
content: '🡢 ';
|
||||
}
|
||||
}
|
||||
|
||||
div#columns div.wcs-forms-of-category-cell ul li::marker {
|
||||
content: '';
|
||||
}
|
||||
|
||||
div#rub_service h2 {
|
||||
text-transform: none;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: $primary-color;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
form.quixote {
|
||||
max-width: 700px;
|
||||
div.title label {
|
||||
font-weight: bold;
|
||||
span.required {
|
||||
color: #c33;
|
||||
}
|
||||
}
|
||||
}
|
||||
form.quixote, div.block-password form {
|
||||
div.content {
|
||||
&[role="radiogroup"] label span, input[type="checkbox"] + span {
|
||||
font-weight: bold;
|
||||
padding: 2px;
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
border: 2px solid $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
%button {
|
||||
font-weight: bold;
|
||||
&[name="submit"] {
|
||||
background: $primary-color;
|
||||
&:hover {
|
||||
background: $primary-color-focus;
|
||||
}
|
||||
}
|
||||
}
|
||||
%cancel-button {
|
||||
font-weight: bold;
|
||||
background: #cd3939;
|
||||
&:hover {
|
||||
background: #a72b2b;
|
||||
}
|
||||
}
|
||||
|
||||
div.column div.empty-cell {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#main-content a {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: rgba(16,134,112, 0.5);
|
||||
text-decoration-thickness: 3px;
|
||||
&:hover {
|
||||
background: rgba(16,134,112, 0.4);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
#footer-wrapper a:hover {
|
||||
color: white;
|
||||
background: #313131;
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
#footer-wrapper h2 {
|
||||
color: #DDD;
|
||||
background: #313131;
|
||||
}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
$primary-color: #0463B3;
|
||||
$primary-color-focus: #035396;
|
||||
$secondary-color: #108670;
|
||||
$secondary-color-focus: #06504F;
|
||||
|
||||
$font-color: #313131;
|
||||
$font-family: 'Noto Sans';
|
||||
$link-color: black;
|
||||
$border-radius: 0;
|
||||
$mobile-limit: 1024px;
|
||||
$width: 1260px;
|
||||
|
||||
$nav-background: $primary-color;
|
||||
$nav-submenu-background: $primary-color;
|
||||
$nav-submenu-color: white;
|
||||
$nav-color: white;
|
||||
$nav-active-color: $primary-color-focus;
|
||||
$nav-item-selected-color: white;
|
||||
$nav-item-hover-color: white;
|
||||
|
||||
$button-background: $secondary-color;
|
||||
$button-border-radius: 10px;
|
||||
$button-hover-background: $secondary-color-focus;
|
||||
|
||||
$title-weight: bold;
|
||||
$title-transform: uppercase;
|
||||
$title-font-size: 30px;
|
||||
$title-color: $secondary-color-focus;
|
||||
|
||||
$cell-title-cover-border: false;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-hover-background: #F2F2F2;
|
||||
$cell-entry-border-color: lighten(#e2e0e1, 20%);
|
||||
$cell-border-radius: 0px;
|
||||
|
||||
$widget-border: 1px solid #cccccc;
|
||||
$widget-border-radius: 7px;
|
||||
|
||||
$footer-background: #313131;
|
||||
$footer-color: #DDD;
|
||||
$footer-link-color: white;
|
||||
|
||||
$notification_warning_color: #DFB93C;
|
||||
$notification_success_color: #9fcec5;
|
||||
$notification_info_color: #152C60;
|
||||
$notification_error_color: #cc3333;
|
||||
|
||||
$wcs-step-current-background: #f2f2f2;
|
||||
$wcs-step-marker-type: disc;
|
||||
$wcs-step-current-border: 1px solid #f2f2f2;
|
||||
$wcs-step_color: grey;
|
||||
$wcs-step-border-bottom: 1px solid #e2e0e1;
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"label": "La Rochelle",
|
||||
"variables": {
|
||||
"favicon": "la-rochelle/img/favicon.png",
|
||||
"theme_color": "#0463B3"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"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: 2.1 KiB |
|
|
@ -0,0 +1,5 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'custom';
|
||||
Loading…
Reference in New Issue