ac-versailles: add theme (#53010)

This work is from Jérôme Blondon <jerome.blondon@ac-lyon.fr>.

static/ac-versailles/_custom.scss

@@ -0,0 +1,99 @@
+h1#logo {
+	padding-top: 20px;
+}
+
+h2 {
+	letter-spacing: 0.08em;
+}
+
+h1#logo a {
+	margin: 10px;
+	background: url(img/logo.jpg) no-repeat left bottom;
+	background-size: contain;
+	display: block;
+	height: 112px;
+	text-indent: -9999px;
+}
+
+@media screen and (max-width: $nav-mobile-limit) {
+	h1#logo {
+		padding-top: 40px;
+	}
+	div.gru-nav-wrapper {
+		background: none;
+	}
+}
+
+.gru-nav ul li {
+	font-family: "Roboto", sans-serif;
+}
+
+h3, h4 {
+	color: #253A8E;
+}
+
+#messages li,
+div.infonotice,
+div.successnotice,
+div.warningnotice,
+div.errornotice {
+	color: black;
+}
+
+form.quixote {
+	div.error {
+		color: #A06718;
+		font-weight: bold;
+	}
+
+	div.comment-field {
+		padding: 0.9rem;
+		padding-left: 3.6rem;
+	}
+
+	input, select {
+		border: 1px solid #999;
+	}
+
+	div.title label {
+		font-weight: bold;
+	}
+
+	div.TableWidget th span {
+		font-style: italic;
+		font-weight: normal;
+	}
+
+	button.cancel {
+		background: #D4CAC8;
+		color: #222;
+	}
+
+}
+
+form[action="removedraft"] button {
+	background: #DB635C;
+}
+
+// Steps
+.wcs-steps--list {
+	justify-content: center;
+}
+
+.wcs-step--label {
+	text-align: center;
+}
+
+body.has-picture nav::after {
+	content: "";
+	display: block;
+	width: 100%;
+	height: 300px;
+	background-color: transparent;
+	background-image: var(--page-picture);
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	position: relative;
+	top: -1rem;
+}

static/ac-versailles/_vars.scss

@@ -0,0 +1,49 @@
+$font-color: #222;
+$link-color: #253a8e;
+$font-family: "Roboto", sans-serif;
+$footer-background: #47576e;
+
+$title-background: #6978ba;
+$title-color: white;
+$title-transform: uppercase;
+$title-font-family: "Roboto", sans-serif;
+$title-font-size: 14px;
+$title-padding: 8px 20px;
+$title-weight: bold;
+$title-border-radius: 25px;
+
+$nav-button-color: white;
+$nav-button-background: #6978ba;
+
+$nav-background: #D4CAC8;
+$nav-color: #222;
+$nav-active-color: #6978ba;
+$nav-item-spacing: 2px;
+$nav-mobile-menu-background: #6978ba;
+$nav-item-selected-color: white;
+$nav-submenu-color: #222;
+
+$form-sidebar-position: top;
+
+$button-background: #6978ba;
+$button-color: white;
+$buttons-order: previous, cancel, submit;
+
+$widget-border: 1px solid #cecac4;
+$widget-focus-border: 1px solid #6978ba;
+$widget-border-radius: 2px;
+$widget-custom-radio-checkbox: true;
+$widget-unique-checkbox-position: left;
+
+$cell-border: none;
+$cell-entry-border-color: #cecac4;
+$cell-entry-hover-background: inherit;
+
+$notification_info_color: #79adc2;
+$notification_success_color: #cfcd00;
+$notification_warning_color: #f6a106;
+$notification_error_color: #db635c;
+
+$wcs-step-border-bottom: none;
+$wcs-step-current-color: white;
+$wcs-step-current-marker-background: #6978ba;

static/ac-versailles/config.json

@@ -0,0 +1,6 @@
+{
+  "label": "Académie de Versailles",
+  "variables": {
+    "theme_color": "#243B7E"
+  }
+}

static/ac-versailles/style.scss

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