0001-add-dreux-theme-25283.patch
static/dreux/_custom.scss | ||
---|---|---|
1 |
@import '../includes/font-roboto'; |
|
2 | ||
3 |
h1#logo a { |
|
4 |
background: url('img/logo.png') no-repeat; |
|
5 |
background-size: contain; |
|
6 |
background-color: transparent; |
|
7 |
height: 215px; |
|
8 |
display: block; |
|
9 |
text-indent: -9999px; |
|
10 |
width: 1892px; |
|
11 |
} |
|
12 | ||
13 |
div#header-wrapper { |
|
14 |
border-top: 30px solid $secondary-color; |
|
15 |
} |
|
16 | ||
17 |
div#toplinks { |
|
18 |
top: -30px; |
|
19 |
border: 0; |
|
20 |
box-shadow: none; |
|
21 |
background: transparent; |
|
22 |
a { |
|
23 |
color: white; |
|
24 |
} |
|
25 |
} |
|
26 | ||
27 |
div.buttons.submit { |
|
28 |
display: flex; |
|
29 |
div.submit-button { |
|
30 |
order: 3; |
|
31 |
} |
|
32 |
} |
|
33 | ||
34 |
#footer { |
|
35 |
display: flex; |
|
36 |
justify-content: space-between; |
|
37 |
@media screen and (max-width: $mobile-limit) { |
|
38 |
flex-direction: column; |
|
39 |
} |
|
40 |
div.cell { |
|
41 |
vertical-align: top; |
|
42 |
max-width: 50%; |
|
43 |
margin: 0 50px 0 10px; |
|
44 |
} |
|
45 |
h2:first-child { |
|
46 |
font-size: 1.25rem; |
|
47 |
top: -1px; |
|
48 |
left: -1px; |
|
49 |
padding-top: 5px; |
|
50 |
position: relative; |
|
51 |
} |
|
52 |
h2:after { |
|
53 |
content: ""; |
|
54 |
width: 5rem; |
|
55 |
height: 2px; |
|
56 |
background-color: $primary-color; |
|
57 |
position: absolute; |
|
58 |
top: -1px; |
|
59 |
left: 0; |
|
60 |
} |
|
61 |
p { |
|
62 |
margin: auto; |
|
63 |
font-size: 16px; |
|
64 |
} |
|
65 |
} |
|
66 | ||
67 |
@media screen and (max-width: $mobile-limit) { |
|
68 |
#header #top #logo a { |
|
69 |
height: 75px; |
|
70 |
width: 100%; |
|
71 |
background-position: bottom; |
|
72 |
} |
|
73 |
} |
static/dreux/_vars.scss | ||
---|---|---|
1 |
$primary-color: #d29340; |
|
2 |
$secondary-color: #0a0a0a; |
|
3 | ||
4 |
$width: 1100px;; |
|
5 |
$font-color: $secondary-color; |
|
6 |
$font-family: "roboto", Helvetica, Arial, sans-serif; |
|
7 |
$font-size: 15px; |
|
8 |
$nav-background: $primary-color; |
|
9 |
$nav-submenu-background: transparentize($primary-color, 0.1); |
|
10 |
$nav-color: white; |
|
11 |
$nav-active-color: darken($primary-color, 10%); |
|
12 |
$border-radius: 4px; |
|
13 |
$button-background: $secondary-color; |
|
14 |
$title-background: $primary-color; |
|
15 |
$title-color: white; |
|
16 |
$footer-background: $secondary-color; |
|
17 |
$footer-color: white; |
|
18 |
$category-toggled-link-hover-color: $secondary-color; |
|
19 |
$category-toggled-background: $primary-color; |
|
20 |
$cell-entry-hover-color: $primary-color; |
|
21 |
$link-color: $secondary-color; |
static/dreux/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
themes.json | ||
---|---|---|
102 | 102 |
"css_variant": "dardilly", |
103 | 103 |
"no_extra_js": true, |
104 | 104 |
"theme_color": "#008FCB" |
105 |
} |
|
106 |
}, |
|
107 |
{"id": "dreux", |
|
108 |
"label": "Dreux", |
|
109 |
"variables": { |
|
110 |
"css_variant": "dreux", |
|
111 |
"no_extra_js": true, |
|
112 |
"theme_color": "#d29340" |
|
105 | 113 |
} |
106 | 114 |
}, |
107 | 115 |
{"id": "dauphine", |
108 |
- |