0001-add-theme-for-saint-denis-38353.patch
| static/saint-denis/_custom.scss | ||
|---|---|---|
| 1 |
@import '../includes/font-notosans'; |
|
| 2 | ||
| 3 |
div#header-wrapper {
|
|
| 4 |
div#header {
|
|
| 5 |
padding-left: 0; |
|
| 6 |
h1 {
|
|
| 7 |
padding-top: 30px; |
|
| 8 |
a {
|
|
| 9 |
display: block; |
|
| 10 |
height: 103px; |
|
| 11 |
background: url(img/logo-saint-denis.png) top left no-repeat; |
|
| 12 |
width: 250px; |
|
| 13 |
} |
|
| 14 |
} |
|
| 15 |
} |
|
| 16 |
} |
|
| 17 | ||
| 18 |
div.gru-nav-wrapper {
|
|
| 19 |
background: $secondary-color; |
|
| 20 |
} |
|
| 21 | ||
| 22 |
div.gru-nav {
|
|
| 23 |
font-size: 22px; |
|
| 24 |
ul {
|
|
| 25 |
padding-top: 10px; |
|
| 26 |
margin-bottom: 5px; |
|
| 27 |
li ul li {
|
|
| 28 |
position: relative; |
|
| 29 |
top: -0.5rem; |
|
| 30 |
} |
|
| 31 |
} |
|
| 32 |
} |
|
| 33 | ||
| 34 |
body.has-picture nav::after {
|
|
| 35 |
background-color: $tertiary-color; |
|
| 36 |
background-image: var(--page-picture); |
|
| 37 |
background-size: $width; |
|
| 38 |
background-position: top; |
|
| 39 |
} |
|
| 40 | ||
| 41 |
.gru-content {
|
|
| 42 |
div.textcell h2:first-child {
|
|
| 43 |
font-weight: 600; |
|
| 44 |
} |
|
| 45 |
// focus style for combo cells |
|
| 46 |
div.cell.focus {
|
|
| 47 |
background: $tertiary-color; |
|
| 48 |
padding: 40px; |
|
| 49 |
} |
|
| 50 |
} |
|
| 51 | ||
| 52 |
div#footer-wrapper {
|
|
| 53 |
background: url(img/footer-fond.png) no-repeat center 0 $footer-background; |
|
| 54 |
div.no-mobile {
|
|
| 55 |
@media screen and (max-width: $nav-mobile-limit) {
|
|
| 56 |
display: none; |
|
| 57 |
} |
|
| 58 |
} |
|
| 59 |
div.textcell {
|
|
| 60 |
line-height: 1.2; |
|
| 61 |
a {
|
|
| 62 |
color: $footer-color; |
|
| 63 |
font-size: 14px; |
|
| 64 |
} |
|
| 65 |
a:hover {
|
|
| 66 |
text-decoration: underline; |
|
| 67 |
} |
|
| 68 |
div.horaires {
|
|
| 69 |
line-height: 1; |
|
| 70 |
font-size: 18px; |
|
| 71 |
a {
|
|
| 72 |
font-size: 18px; |
|
| 73 |
} |
|
| 74 |
h2 {
|
|
| 75 |
font-size: 22px; |
|
| 76 |
font-weight: 800; |
|
| 77 |
text-transform: none; |
|
| 78 |
margin: 20px, 0, 0, 0; |
|
| 79 |
} |
|
| 80 |
p {
|
|
| 81 |
margin: 0; |
|
| 82 |
} |
|
| 83 |
color: black; |
|
| 84 |
background: #ff5f21; |
|
| 85 |
padding: 10px 20px 20px 60px; |
|
| 86 |
position: relative; |
|
| 87 |
top: -10px; |
|
| 88 |
width: 265px; |
|
| 89 |
} |
|
| 90 |
h2, h3 {
|
|
| 91 |
text-transform: uppercase; |
|
| 92 |
} |
|
| 93 |
h2 {
|
|
| 94 |
font-size: 15px; |
|
| 95 |
font-weight: 300; |
|
| 96 |
margin-bottom: 22px; |
|
| 97 |
} |
|
| 98 |
h3 {
|
|
| 99 |
font-size: 20px; |
|
| 100 |
font-weight: 400; |
|
| 101 |
margin: 0 0 0 0; |
|
| 102 |
} |
|
| 103 |
img {
|
|
| 104 |
display: block; |
|
| 105 |
margin: 0 10px 10px 0; |
|
| 106 |
} |
|
| 107 |
img.marge {
|
|
| 108 |
margin: 0 0 20px 54px; |
|
| 109 |
} |
|
| 110 |
p {
|
|
| 111 |
margin-left: 0; |
|
| 112 |
} |
|
| 113 |
p a {
|
|
| 114 |
display: inline-block; |
|
| 115 |
text-align: center; |
|
| 116 |
font-size: 12px; |
|
| 117 |
} |
|
| 118 |
p.liens {
|
|
| 119 |
border-top: 1px solid #888; |
|
| 120 |
border-bottom: 1px solid #888; |
|
| 121 |
font-style: italic; |
|
| 122 |
line-height: 1; |
|
| 123 |
padding: 5px 0 0 54px; |
|
| 124 |
margin: 20px 0 20px 0; |
|
| 125 |
a {
|
|
| 126 |
text-align: left; |
|
| 127 |
font-size: 16px; |
|
| 128 |
display: block; |
|
| 129 |
margin: 15px 0px 15px 0; |
|
| 130 |
} |
|
| 131 |
} |
|
| 132 |
p.marge {
|
|
| 133 |
line-height: 1.5; |
|
| 134 |
margin: 15px 0 20px 54px; |
|
| 135 |
a.overgris {
|
|
| 136 |
font-family: "Noto Sans Condensed", sans-serif; |
|
| 137 |
font-size: 20px; |
|
| 138 |
font-weight: 100; |
|
| 139 |
text-align: left; |
|
| 140 |
white-space: nowrap; |
|
| 141 |
em {
|
|
| 142 |
font-style: normal; |
|
| 143 |
} |
|
| 144 |
} |
|
| 145 |
} |
|
| 146 |
ul {
|
|
| 147 |
list-style: none; |
|
| 148 |
margin-top: 0; |
|
| 149 |
padding-left: 0; |
|
| 150 |
} |
|
| 151 |
ul#footer-ecrire li {
|
|
| 152 |
line-height: 1.5; |
|
| 153 |
margin: 0 0 10px 54px; |
|
| 154 |
} |
|
| 155 |
} |
|
| 156 |
} |
|
| static/saint-denis/_vars.scss | ||
|---|---|---|
| 1 |
$primary-color: #eb612d; |
|
| 2 |
$secondary-color: #f7b38c; |
|
| 3 |
$tertiary-color: #ecebe7; |
|
| 4 |
$link-color: #e32c0d; |
|
| 5 | ||
| 6 |
$font-family: "Noto Sans Semi Condensed", sans-serif; |
|
| 7 |
$font-color: #49494b; |
|
| 8 |
$font-size: 15px; |
|
| 9 | ||
| 10 |
$width: 1200px; |
|
| 11 | ||
| 12 |
$nav-background: $primary-color; |
|
| 13 |
$nav-color: #2e247a; |
|
| 14 |
$nav-active-color: $primary-color; |
|
| 15 |
$nav-font-size: 25px; |
|
| 16 |
$nav-after-image: true; |
|
| 17 |
$nav-after-image-height: 483px; |
|
| 18 |
$nav-submenu-color: $font-color; |
|
| 19 | ||
| 20 |
$footer-background: #494949; |
|
| 21 |
$footer-color: white; |
|
| 22 | ||
| 23 |
$title-color: $font-color; |
|
| 24 |
$title-font-size: 30px; |
|
| 25 |
$title-weight: 400; |
|
| 26 | ||
| 27 |
$cell-border: none; |
|
| 28 |
$button-background: $secondary-color; |
|
| 29 |
$button-hover-background: $primary-color; |
|
| static/saint-denis/config.json | ||
|---|---|---|
| 1 |
{
|
|
| 2 |
"label": "Saint-Denis", |
|
| 3 |
"variables": {
|
|
| 4 |
"theme_color": "#eb612d" |
|
| 5 |
} |
|
| 6 |
} |
|
| static/saint-denis/style.scss | ||
|---|---|---|
| 1 |
@charset "UTF-8"; |
|
| 2 | ||
| 3 |
@import 'vars'; |
|
| 4 |
@import '../includes/publik'; |
|
| 5 |
@import 'custom'; |
|
| 0 |
- |
|