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