0001-add-jura-theme-60724.patch
static/jura/_custom.scss | ||
---|---|---|
1 |
// |
|
2 |
// HEADER |
|
3 |
// |
|
4 | ||
5 |
h1#logo.has-logo a { |
|
6 |
min-height: 70px; |
|
7 |
@media screen and (max-width: $mobile-limit) { |
|
8 |
margin-top: 20px; |
|
9 |
} |
|
10 |
@media (min-width: $mobile-limit + 1) { |
|
11 |
min-height: 100px; |
|
12 |
margin-top: 5px; |
|
13 |
} |
|
14 |
} |
|
15 | ||
16 |
// |
|
17 |
// NAV |
|
18 |
// |
|
19 | ||
20 |
div#nav { |
|
21 |
@media screen and (max-width: $mobile-limit) { |
|
22 |
padding-top: 20px; |
|
23 |
} |
|
24 |
} |
|
25 | ||
26 |
// |
|
27 |
// MAIN CONTENT |
|
28 |
// |
|
29 | ||
30 |
main { |
|
31 |
background-image: linear-gradient(to right, #fff 0%, #f6f4f1 50%, #fff 100%); |
|
32 |
} |
|
33 | ||
34 |
.gru-content { |
|
35 |
margin-top: 30px; |
|
36 |
margin-bottom: 30px; |
|
37 |
} |
|
38 | ||
39 |
div.gru-content button, |
|
40 |
div.buttons .cancel-button button { |
|
41 |
background-image: linear-gradient(to right, rgb(102, 160, 42) 0%, rgb(151, 192, 48) 45%, rgb(151, 192, 48) 100%); |
|
42 |
box-shadow: unset; |
|
43 |
&:hover { |
|
44 |
background-position: center right, top right; |
|
45 |
box-shadow: unset; |
|
46 |
} |
|
47 |
} |
|
48 | ||
49 |
div.wcsformsofcategorycell { |
|
50 |
picture img { |
|
51 |
width: 100%; |
|
52 |
} |
|
53 |
} |
|
54 | ||
55 |
.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img { |
|
56 |
border-radius: $cell-border-radius; |
|
57 |
} |
|
58 | ||
59 |
#columns { |
|
60 |
@media (min-width: $mobile-limit + 1) { |
|
61 |
margin-left: 10%; |
|
62 |
margin-right: 10%; |
|
63 |
} |
|
64 |
} |
|
65 | ||
66 |
div#rub_service { |
|
67 |
background: darken(#f6f4f1, 3%); |
|
68 |
} |
|
69 | ||
70 |
// |
|
71 |
// FOOTER |
|
72 |
// |
|
73 | ||
74 |
#footer-wrapper { |
|
75 |
margin-top: unset; |
|
76 |
padding: 0 0 1.5em 0; |
|
77 |
background: url('img/motif.png') top right repeat; |
|
78 |
} |
|
79 | ||
80 |
#footer { |
|
81 |
h1, h2, h3 { |
|
82 |
background: unset; |
|
83 |
} |
|
84 |
@media (min-width: $mobile-limit + 1) { |
|
85 |
& > div { |
|
86 |
padding-left: 3%; |
|
87 |
padding-right: 3%; |
|
88 |
} |
|
89 |
& > div:first-child { |
|
90 |
padding-left: 0; |
|
91 |
} |
|
92 |
& > div:last-child { |
|
93 |
padding-right: 0; |
|
94 |
} |
|
95 |
} |
|
96 |
} |
|
97 | ||
98 |
.footer-logo { |
|
99 |
@media (min-width: $mobile-limit + 1) { |
|
100 |
margin-top: 1em; |
|
101 |
} |
|
102 |
img { |
|
103 |
max-height: 15em; |
|
104 |
} |
|
105 |
} |
|
106 | ||
107 |
.site-info { |
|
108 |
@media (min-width: $mobile-limit + 1) { |
|
109 |
margin-top: 3em; |
|
110 |
} |
|
111 |
min-width: 250px; |
|
112 |
} |
|
113 | ||
114 |
.herald-logo { |
|
115 |
max-height: 17.45em; |
|
116 |
min-width: 200px; |
|
117 |
} |
static/jura/_vars.scss | ||
---|---|---|
1 |
$primary-color: #97c030; |
|
2 |
$secondary-color: #514d46; |
|
3 | ||
4 |
$font-color: $secondary-color; |
|
5 |
$font-family: "PT Sans", Arial, sans-serif; |
|
6 |
$link-color: $primary-color; |
|
7 | ||
8 |
$notification_warning_color: #fbc261; |
|
9 |
$notification_success_color: $primary-color; |
|
10 |
$notification_info_color: $secondary-color; |
|
11 |
$notification_error_color: #ea656c; |
|
12 | ||
13 |
$border-radius: 10px; |
|
14 |
$mobile-limit: 1250px; |
|
15 |
$width: 80%; |
|
16 | ||
17 |
$nav-background: $secondary-color; |
|
18 |
$nav-submenu-background: $primary-color; |
|
19 |
$nav-submenu-color: white; |
|
20 |
$nav-color: white; |
|
21 |
$nav-active-color: $primary-color; |
|
22 |
$nav-item-selected-color: white; |
|
23 |
$nav-item-selected-background: $secondary-color; |
|
24 |
$nav-item-hover-color: white; |
|
25 |
$nav-item-hover-background: $secondary-color; |
|
26 | ||
27 |
$button-color: white; |
|
28 |
$button-background: rgb(151, 192, 48); |
|
29 |
$button-border-radius: 2px; |
|
30 |
$button-hover-background: $primary-color; |
|
31 | ||
32 |
$footer-background: #e6e6e6; |
|
33 |
$footer-color: black; |
|
34 |
$footer-link-color: black; |
|
35 |
$footer-menucell-separator: none; |
|
36 | ||
37 |
$sidebar-position: left; |
|
38 |
$sidebar-width: 265px; |
|
39 | ||
40 |
$title-background: transparent; |
|
41 |
$title-weight: bold; |
|
42 |
$title-transform: uppercase; |
|
43 |
$title-font-size: 30px; |
|
44 |
$title-color: $secondary-color; |
|
45 |
$title-border-radius: 20px; |
|
46 | ||
47 |
$widget-border: none; |
|
48 |
$widget-border-radius: 0px; |
|
49 |
$widget-background: white; |
|
50 |
$widget-focus-background: darken(white, 3%); |
|
51 | ||
52 |
$wcs-step-current-color: darken($primary-color, 10%); |
|
53 |
$wcs-step-current-background: white; |
|
54 |
$wcs-step-current-border: 2px solid #dd3333; |
|
55 |
$wcs-step_color: grey; |
|
56 |
$wcs-step-background: darken(#f6f4f1, 3%); |
|
57 |
$wcs-step-border-bottom: 2px solid grey; |
|
58 | ||
59 |
$cell-background: transparent; |
|
60 |
$cell-title-cover-border: false; |
|
61 |
$cell-entry-color: $font-color; |
|
62 |
$cell-entry-hover-color: #444444; |
|
63 |
$cell-entry-hover-background: #f8f8f8; |
|
64 |
$cell-border: none; |
|
65 |
$cell-border-radius: 13px; |
|
66 |
$cell-image-position: top; |
|
67 |
$cell-image-padding: none; |
static/jura/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Jura (CD39)", |
|
3 |
"variables": { |
|
4 |
"favicon": "jura/img/favicon.ico", |
|
5 |
"theme_color": "#f6f4f1" |
|
6 |
}, |
|
7 |
"settings": { |
|
8 |
"combo": { |
|
9 |
"COMBO_ASSET_SLOTS.update": { |
|
10 |
"header:logo": {"label": "Têtière : logo"}, |
|
11 |
"footer:logo": {"label": "Pied de page : logo"}, |
|
12 |
"footer:herald": {"label": "Pied de page : blason"} |
|
13 |
} |
|
14 |
} |
|
15 |
} |
|
16 |
} |
static/jura/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import '../includes/fonts/ptsans'; |
|
4 |
@import 'vars'; |
|
5 |
@import '../includes/publik'; |
|
6 |
@import 'custom'; |
templates/variants/jura/combo/page_template.html | ||
---|---|---|
1 |
{% extends "combo/page_template.html" %} |
|
2 | ||
3 |
{% block footer-top %} |
|
4 |
<div class="footer-logo grid-1-3"> |
|
5 |
<img src="{{site_base}}/assets/footer:logo" alt="Jura, le département"> |
|
6 |
</div> |
|
7 |
{% endblock %} |
|
8 | ||
9 |
{% block footer-bottom %} |
|
10 |
<div class="herald-logo grid-1-3"> |
|
11 |
<img src="{{site_base}}/assets/footer:herald" alt="Décor blason"> |
|
12 |
</div> |
|
13 |
{% endblock %}} |
|
0 |
- |