diff --git a/static/univ-avignon/_custom.scss b/static/univ-avignon/_custom.scss new file mode 100644 index 00000000..d2c2032f --- /dev/null +++ b/static/univ-avignon/_custom.scss @@ -0,0 +1,169 @@ +@import '../includes/fonts/source-sans-pro'; + + +div.cell, .block { + h1 { + @extend %title; + font-size: 36px; + border-bottom: 1px solid rgb(221, 221, 221); + margin-left: 1rem; + margin-right: 1rem; + padding-left: 0; + padding-right: 0; + } + h2 { + @extend %title; + } + &:not(.foldable) { + h2::after { + width: 2.65em; + height: 0.2em; + content: ""; + display: block; + margin-top: 0.7em; + background: $primary-color; + + } + } + h3 { + @extend %title; + } +} + +// header and navigation + +#logo { + @media screen and ($max-mobile-viewport) { + padding-left: 0; + } +} +#logo.has-logo a { + display: block; + width: 100%; + background-position: center; + background-size: 80px 80px; + padding-top: 50px; + padding-bottom: 70px; + @media screen and ($min-desktop-viewport) { + background-size: 100px 100px; + padding-top: 10px; + padding-bottom: 120px; + } +} + +body.has-header-background .site-header { + height: 400px; + background-repeat: no-repeat; + background-size: cover; + background-position: 50% 50%; +} +#header-wrapper { + background: $transparent-red; + z-index: 1; + width: 100%; +} + + +body.has-picture { + .site-header { + background: none; + } + .site-nav { + padding-bottom: 0; + &::after { + top: -1rem; + } + + } +} + +.site-nav { + margin-top: -200px; + @media screen and ($min-desktop-viewport) { + margin-top: -250px; + } +} +body:not(.has-picture) { + .site-nav { + margin-bottom: 150px; + } +} +#nav-wrapper { + background-color: $nav-background; + #nav > ul { + position: relative; + z-index: 2; + text-align: center; + li { + text-transform: uppercase; + font-weight: 400; + font-size: 0.778em; + line-height: 3.071em; + } + } +} + +// search { +.gru-content .search-cell { + & > div { + padding: 2em; + max-width: 500px; + margin: 0 auto 1em; + position: relative; + background-image: url(img/bloc-recherche-formation-fond-gauche.jpg); + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: cover; + &::after { + content: ""; + background-color: $transparent-red; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + } + form { + z-index: 1; + } + .combo-search-results { + position: relative; + z-index: 1; + color: white; + } + .search-service-label { + font-size: 26px; + } + } + .combo-search-input { + margin-right: 0; + } + .submit-button { + color: $primary-color; + background-image: url(img/icone_recherche_defonce.png); + background-position: center; + background-repeat: no-repeat; + font-size: 0.889em; + text-indent: -9999px; + padding-left: 3em; + padding-right: 3em; + } +} +// general layout + +div#main-content-wrapper { + margin-top: 3.722em; + max-width: 65.444em; +} + +.form-content--body, .form-content--sidebox { + border: $cell-border; + padding: 1em; + background: $cell-background; +} + +#footer-wrapper { + a { + color: white; + } +} \ No newline at end of file diff --git a/static/univ-avignon/_vars.scss b/static/univ-avignon/_vars.scss new file mode 100644 index 00000000..75a1bb7b --- /dev/null +++ b/static/univ-avignon/_vars.scss @@ -0,0 +1,42 @@ +@charset "UTF-8"; + +$red: #ea5346; +$transparent-red: rgba(234,83,70,0.85); +$primary-color: $red; +$body-background: #eeeeee; + +$font-color: rgb(34, 34, 34); +$font-size: 18px; +$font-family: "Source Sans Pro", sans-serif; +$width: 1200px; + +$nav-background: $primary-color; +$nav-color: white; +$nav-active-color: $primary-color; +$nav-submenu-color: white; +$nav-full-width-background: true; +$border-radius: 0px; +$button-color: white; +$button-background: $primary-color; +$title-background: transparent; +$title-color: $primary-color; +$title-font-size: 20px; +$title-transform: uppercase; +$title-weight: 400; +$title-padding: 1rem; +$footer-background: #4a4949; +$footer-color: rgb(204, 204, 204); +$link-color: $primary-color; +$cell-border: 1px solid #dddddd; +$cell-background: white; +$cell-entry-hover-color: white; +$cell-entry-hover-background: $red; +$form-titlebar-mode: form; +$sidebar-position: left; +$buttons-order: previous, cancel (grow), submit; +$widget-focus-border: 1px solid $primary-color; +$widget-focus-outline: 1px solid $primary-color; + +$toplinks-padding: 0.2em 0.5em; +$toplinks-border-radius: none; +$nav-mobile-bottom-bar-color: $primary-color; diff --git a/static/univ-avignon/config.json b/static/univ-avignon/config.json new file mode 100644 index 00000000..4f63fcf3 --- /dev/null +++ b/static/univ-avignon/config.json @@ -0,0 +1,14 @@ +{ + "label": "Université d'Avignon", + "variables": { + "theme_color": "#ea5346" + }, + "settings": { + "combo": { + "COMBO_ASSET_SLOTS.update": { + "header:logo": { "label": "Têtière : logo" }, + "header:background": { "label": "Têtière : bannière" } + } + } + } +} diff --git a/static/univ-avignon/img/bloc-recherche-formation-fond-gauche.jpg b/static/univ-avignon/img/bloc-recherche-formation-fond-gauche.jpg new file mode 100644 index 00000000..a7e82f29 Binary files /dev/null and b/static/univ-avignon/img/bloc-recherche-formation-fond-gauche.jpg differ diff --git a/static/univ-avignon/img/icone_recherche_defonce.png b/static/univ-avignon/img/icone_recherche_defonce.png new file mode 100644 index 00000000..bb2400bd Binary files /dev/null and b/static/univ-avignon/img/icone_recherche_defonce.png differ diff --git a/static/univ-avignon/img/pastille.png b/static/univ-avignon/img/pastille.png new file mode 100644 index 00000000..cc72891e Binary files /dev/null and b/static/univ-avignon/img/pastille.png differ diff --git a/static/univ-avignon/style.scss b/static/univ-avignon/style.scss new file mode 100644 index 00000000..1fd447de --- /dev/null +++ b/static/univ-avignon/style.scss @@ -0,0 +1,5 @@ +@charset "UTF-8"; + +@import 'vars'; +@import '../includes/publik'; +@import 'custom';