diff --git a/static/rouen-intranet/_custom.scss b/static/rouen-intranet/_custom.scss new file mode 100644 index 00000000..f1f1e381 --- /dev/null +++ b/static/rouen-intranet/_custom.scss @@ -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; +} \ No newline at end of file diff --git a/static/rouen-intranet/_vars.scss b/static/rouen-intranet/_vars.scss new file mode 100644 index 00000000..73fa6315 --- /dev/null +++ b/static/rouen-intranet/_vars.scss @@ -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; diff --git a/static/rouen-intranet/config.json b/static/rouen-intranet/config.json new file mode 100644 index 00000000..f40316d8 --- /dev/null +++ b/static/rouen-intranet/config.json @@ -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" } + } + } + } +} diff --git a/static/rouen-intranet/img/background.jpg b/static/rouen-intranet/img/background.jpg new file mode 100644 index 00000000..630d7cd4 Binary files /dev/null and b/static/rouen-intranet/img/background.jpg differ diff --git a/static/rouen-intranet/img/background_bottom.png b/static/rouen-intranet/img/background_bottom.png new file mode 100644 index 00000000..5bb962b5 Binary files /dev/null and b/static/rouen-intranet/img/background_bottom.png differ diff --git a/static/rouen-intranet/style.scss b/static/rouen-intranet/style.scss new file mode 100644 index 00000000..1fd447de --- /dev/null +++ b/static/rouen-intranet/style.scss @@ -0,0 +1,5 @@ +@charset "UTF-8"; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom';