rouen-intranet: add theme (#74913)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
a1f0dde8a9
commit
b5dcbbd32c
|
@ -0,0 +1,118 @@
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
padding: 0.7rem 1rem;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
background: $blue url('img/background.jpg') no-repeat scroll center top;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: transparent url("img/background_bottom.png") repeat-x scroll center bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
$logo-height: 5rem;
|
||||||
|
$logo-width: 16rem;
|
||||||
|
#logo.has-logo {
|
||||||
|
background-color: $logo-background;
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 0 0 10px;
|
||||||
|
a {
|
||||||
|
width: $logo-width;
|
||||||
|
height: $logo-height;
|
||||||
|
background-position: center;
|
||||||
|
z-index: 999;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site-header {
|
||||||
|
background: white;
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
display: block;
|
||||||
|
height: $logo-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
div#header {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.wcs-page .gru-content {
|
||||||
|
background: white;
|
||||||
|
padding: $space-medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav {
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
position: relative;
|
||||||
|
top: -$logo-height;
|
||||||
|
height: $logo-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav-wrapper {
|
||||||
|
box-shadow: 0px 10px rgba(55, 55, 55, 0.3);
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
height: $logo-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav > .menu {
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
margin: 0 0 $space-large;
|
||||||
|
height: $logo-height;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: end;
|
||||||
|
}
|
||||||
|
li a {
|
||||||
|
font-family: "Open Sans Condensed", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
@media ($min-desktop-viewport) {
|
||||||
|
font-size: 1.3em;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: $logo-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
div.gru-nav .gru-nav-button + ul {
|
||||||
|
@media ($max-mobile-viewport) {
|
||||||
|
margin-top: $space-small;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
div.gru-nav li li:focus-within > a,
|
||||||
|
div.gru-nav li li:hover > a {
|
||||||
|
color: $purple;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
#toplinks {
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
main *:not(.cell) .cell {
|
||||||
|
box-shadow: 0 0 8.1px 1.9px rgba(33,30,31,0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
%button {
|
||||||
|
font-family: "Open Sans Condensed", sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
%cell-links-list {
|
||||||
|
& > li > a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#footer-wrapper {
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: $title-font-family;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#account-management {
|
||||||
|
display: none;
|
||||||
|
}
|
|
@ -0,0 +1,71 @@
|
||||||
|
@import '../includes/fonts/opensans';
|
||||||
|
@import '../includes/fonts/opensans-condensed';
|
||||||
|
|
||||||
|
$purple: #64295C;
|
||||||
|
$purple-light: #862e7a;
|
||||||
|
$blue: #0094b2;
|
||||||
|
$orange-dark: #d73310;
|
||||||
|
$logo-background: #52354E;
|
||||||
|
$primary-color: $purple;
|
||||||
|
|
||||||
|
$space-xsmall: 0.25em;
|
||||||
|
$space-small: 0.5em;
|
||||||
|
$space-medium: 1em;
|
||||||
|
$space-large: 2em;
|
||||||
|
$space-xlarge: 3em;
|
||||||
|
|
||||||
|
$font-size: 16px;
|
||||||
|
$font-line-height: 1.5em;
|
||||||
|
$base-font: 16;
|
||||||
|
$fz-1: 30em / $base-font;
|
||||||
|
$fz-2: 24em / $base-font;
|
||||||
|
$fz-3: 21em / $base-font;
|
||||||
|
$fz-4: 18em / $base-font;
|
||||||
|
$fz-small: 14em / $base-font;
|
||||||
|
$fz-xsmall: 12em / $base-font;;
|
||||||
|
$fz-xxsmall: 11em / $base-font;;
|
||||||
|
|
||||||
|
$font-family: "Open Sans", sans-serif;
|
||||||
|
$width: 1160px;
|
||||||
|
$font-color: #000;
|
||||||
|
|
||||||
|
$link-color: $orange-dark;
|
||||||
|
$link-decoration: underline;
|
||||||
|
$link-hover-decoration: none;
|
||||||
|
|
||||||
|
$nav-full-width-background: true;
|
||||||
|
$nav-background: transparent;
|
||||||
|
$nav-submenu-background: $purple;
|
||||||
|
$nav-submenu-color: white;
|
||||||
|
$nav-color: $purple;
|
||||||
|
$nav-item-selected-mode: "bottom-border";
|
||||||
|
$nav-item-selected-border: 5px solid $purple;
|
||||||
|
$nav-button-background: $logo-background;
|
||||||
|
$nav-mobile-menu-background: white;
|
||||||
|
$nav-mobile-menu-item-color: $purple;
|
||||||
|
$nav-mobile-menu-item-hover-background: $purple;
|
||||||
|
$nav-border-color: $purple;
|
||||||
|
|
||||||
|
$toplinks-background: white;
|
||||||
|
$toplinks-border-radius: 0;
|
||||||
|
$toplinks-border: none;
|
||||||
|
$toplinks-padding: $space-small $space-medium;
|
||||||
|
|
||||||
|
$buttons-order: previous (grow), cancel (grow), submit;
|
||||||
|
$cancel-button-style: '%inverted-button';
|
||||||
|
|
||||||
|
$cell-border: 0;
|
||||||
|
$cell-title-cover-border: false;
|
||||||
|
|
||||||
|
$border-radius: 0;
|
||||||
|
|
||||||
|
$button-background: $purple-light;
|
||||||
|
$button-hover-background: #9b5591;
|
||||||
|
|
||||||
|
$title-transform: uppercase;
|
||||||
|
$title-color: $blue;
|
||||||
|
$title-weight: bold;
|
||||||
|
$title-font-size: $fz-2;
|
||||||
|
$title-font-family: "Open Sans Condensed", sans-serif;
|
||||||
|
$footer-background: transparent;
|
||||||
|
$footer-color: white;
|
|
@ -0,0 +1,15 @@
|
||||||
|
{
|
||||||
|
"label": "Rouen - Intranet",
|
||||||
|
"variables": {
|
||||||
|
"theme_color": "#64295C",
|
||||||
|
"include_registration_link": false
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"combo": {
|
||||||
|
"COMBO_ASSET_SLOTS.update": {
|
||||||
|
"header:logo": { "label": "Têtière: logo" },
|
||||||
|
"emails:logo": { "label": "Courriels: logo" }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 209 KiB |
Binary file not shown.
After Width: | Height: | Size: 198 KiB |
|
@ -0,0 +1,5 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
@import 'vars';
|
||||||
|
@import '../includes/publik';
|
||||||
|
@import 'custom';
|
Loading…
Reference in New Issue