0001-essonne-cd91-add-theme-43332.patch
static/essonne-cd91/_custom.scss | ||
---|---|---|
1 |
// Page shadow |
|
2 |
#page { |
|
3 |
&::before { |
|
4 |
$page-margin: 20px; |
|
5 |
content: ""; |
|
6 |
width: $width + ($page-margin * 2); |
|
7 |
height: 100vh; |
|
8 |
margin: auto; |
|
9 |
position: fixed; |
|
10 |
top: 0; |
|
11 |
left: calc(50% - (#{$width} / 2) - #{$page-margin}); |
|
12 |
z-index: -1; |
|
13 |
box-shadow: 0px 0px 10px 0px #656565; |
|
14 |
} |
|
15 |
} |
|
16 | ||
17 |
div#header-wrapper { |
|
18 |
div#header h1 { |
|
19 |
padding-top: 15px; |
|
20 |
a { |
|
21 |
display:inline-block; |
|
22 |
background: url(img/logo.png) top center no-repeat; |
|
23 |
height: 115px; |
|
24 |
width: 100%; |
|
25 |
text-indent: -1000px; |
|
26 |
overflow: hidden; |
|
27 |
@media screen and ($max-mobile-viewport) { |
|
28 |
background-size: 120px; |
|
29 |
height: 144px; |
|
30 |
} |
|
31 |
} |
|
32 |
} |
|
33 |
} |
|
34 | ||
35 |
div#nav { |
|
36 |
font-size: 13px; |
|
37 |
font-weight: 700; |
|
38 |
text-align: center; |
|
39 |
padding-top: 1px; |
|
40 |
border-bottom: 4px solid #dbdbdb; |
|
41 |
text-transform: uppercase; |
|
42 | ||
43 |
// nav desktop only |
|
44 |
@media (min-width: $nav-mobile-limit + 1) { |
|
45 |
> ul { |
|
46 |
margin-bottom: 5px; |
|
47 |
// Item separator |
|
48 |
> li::before, > li:last-child::after { |
|
49 |
content: ''; |
|
50 |
width: 1px; |
|
51 |
height: 24px; |
|
52 |
background: $gray-lighter; |
|
53 |
display: inline-block; |
|
54 |
vertical-align: middle; |
|
55 |
margin: 1px; |
|
56 |
} |
|
57 |
> li > a { |
|
58 |
border-top: 2px solid $nav-active-color; |
|
59 |
} |
|
60 |
} |
|
61 |
} |
|
62 |
// nav mobile only |
|
63 |
@media screen and (max-width: $nav-mobile-limit) { |
|
64 |
text-align: left; |
|
65 |
} |
|
66 |
} |
|
67 | ||
68 |
// Links list |
|
69 |
#main-content { |
|
70 |
div#rub_service div.category ul, |
|
71 |
div#services > ul > li > ul, |
|
72 |
div#account-management ul, |
|
73 |
div.links-list ul, |
|
74 |
div.menucell ul, |
|
75 |
div.wcsformcell, |
|
76 |
div.notificationscell ul, |
|
77 |
div.categoriescell ul, |
|
78 |
div.link-list-cell ul, |
|
79 |
div.wcsformsofcategorycell ul, |
|
80 |
div.wcscurrentdraftscell ul, |
|
81 |
div.wcscurrentformscell ul { |
|
82 |
background-color: $gray-lighter; |
|
83 |
& > li { |
|
84 |
border-bottom-width: 3px !important; |
|
85 |
} |
|
86 |
} |
|
87 |
} |
|
88 | ||
89 |
div#footer-wrapper { |
|
90 |
margin-top: 0; |
|
91 |
font-size: 13px; |
|
92 |
a { |
|
93 |
text-decoration: underline; |
|
94 |
color: white; |
|
95 |
} |
|
96 |
} |
|
97 | ||
98 | ||
99 |
div.submit-button button, div.submit-button button:hover { |
|
100 |
background: $primary-color-clearer; |
|
101 |
} |
static/essonne-cd91/_vars.scss | ||
---|---|---|
1 |
$primary-color: hsl(190,100%,36%); |
|
2 |
$primary-color-clearer: hsl(190,100%,45%); |
|
3 |
$primary-color-darker: hsl(190,100%,30%); |
|
4 |
$primary-color-xdarker: hsl(190,50%,20%); |
|
5 |
$primary-color-light-grayish: hsl(190,40%,90%); |
|
6 |
$gray-lighter: #f1f1f1; |
|
7 | ||
8 |
$border-radius: 0; |
|
9 |
$width: 1130px; |
|
10 |
$link-color: $primary-color-darker; |
|
11 | ||
12 |
$font-size: 15px; |
|
13 |
$font-family: Roboto, sans-serif; |
|
14 | ||
15 |
$nav-background: white; |
|
16 |
$nav-color: #63636c; |
|
17 |
$nav-active-color: $primary-color; |
|
18 | ||
19 |
$button-background: $nav-background; |
|
20 |
$nav-button-background: white; |
|
21 |
$nav-button-color: #686971; |
|
22 | ||
23 |
$responsive-menu: left-to-right; |
|
24 | ||
25 |
$title-color: $primary-color-xdarker; |
|
26 |
$title-border-bottom: 3px solid $primary-color; |
|
27 |
$title-font-size: 36px; |
|
28 |
$title-weight: 400; |
|
29 |
$title-padding: 3rem 1rem 0.7rem 1rem; |
|
30 | ||
31 |
$button-color: white; |
|
32 |
$button-background: $primary-color; |
|
33 |
$buttons-order: previous (grow),cancel (grow),submit; |
|
34 | ||
35 |
$cell-border: none; |
|
36 |
$cell-entry-border-color: white; |
|
37 |
$cell-entry-hover-effect: left-to-right; |
|
38 |
$cell-entry-hover-background: $primary-color-light-grayish; |
|
39 | ||
40 |
$footer-background: $primary-color; |
|
41 |
$footer-color: white; |
static/essonne-cd91/config.json | ||
---|---|---|
1 |
{ |
|
2 |
"label": "Essonne (CD91)", |
|
3 |
"variables": { |
|
4 |
"favicon": "essonne/img/favicon.png", |
|
5 |
"theme_color": "#0098b8", |
|
6 |
"logo_link_url": "http://www.essonne.fr/" |
|
7 |
} |
|
8 |
} |
static/essonne-cd91/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 |
@import '../includes/fonts/roboto'; |
|
3 |
@import 'vars'; |
|
4 |
@import '../includes/publik'; |
|
5 |
@import 'custom'; |
|
0 |
- |