univ-avignon: intégration graphique (#67443)

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;
+	}
+}

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;

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" }
+      }
+    }
+  }
+}

static/univ-avignon/style.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';