rouen-intranet: add theme (#74913) #184
|
@ -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;
|
||||
aberriot marked this conversation as resolved
Outdated
tjund
commented
Pour que Pour que `$fz-1: 30em / $base-font;` soit un equivalent em de 30px, il faut que $base-font soit équivalement à $font-size, donc 18.
aberriot
commented
merci, je viens de pousser un fix merci, je viens de pousser un fix
|
||||
$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;
|
||||
|
||||
aberriot marked this conversation as resolved
Outdated
tjund
commented
tu redéclares $font-size ici, du coup je ne sais pas… tu redéclares $font-size ici, du coup je ne sais pas…
aberriot
commented
Erreur de copier coller de ma part, j'ai viré celui ci et repassé le premier sur 16 (et adapté le base font) Erreur de copier coller de ma part, j'ai viré celui ci et repassé le premier sur 16 (et adapté le base font)
|
||||
$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
Tu as des cas où tu as une cellule dans cellule ?
ça m'est arrivé sur une home page avec des grilles imbriquées il me semble, mais je ne saurai pas reproduire