universite-toulon: add theme (#74558)
This commit is contained in:
parent
67a27717c2
commit
ceb0b9e325
|
@ -0,0 +1,309 @@
|
|||
.carrousel {
|
||||
&-item-content {
|
||||
padding: $space-xlarge;
|
||||
}
|
||||
|
||||
&-previous, &-next {
|
||||
width: auto !important;
|
||||
&:after {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
&-nav {
|
||||
label {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
%cell-links-list {
|
||||
li > a {
|
||||
font-weight: 700;
|
||||
padding: $space-xsmall $space-xsmall;
|
||||
}
|
||||
|
||||
li:not(.add-more-items) {
|
||||
display: grid;
|
||||
grid-auto-rows: auto auto;
|
||||
grid-template-columns: auto 1fr;
|
||||
align-items: center;
|
||||
padding: $space-xsmall $space-small;
|
||||
|
||||
> a {
|
||||
grid-row: 1 / 2;
|
||||
grid-column: 2 / 3;
|
||||
&:hover {
|
||||
color: $accent-color;
|
||||
&::before {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
> .description {
|
||||
grid-row: 2 / 3;
|
||||
grid-column: 1 / 3;
|
||||
}
|
||||
|
||||
&::before {
|
||||
grid-row: 1 / 2;
|
||||
grid-column: 1 / 2;
|
||||
content: "\f0da"; // caret-right
|
||||
font-family: FontAwesome;
|
||||
margin-right: $space-small;
|
||||
}
|
||||
}
|
||||
|
||||
.add-more-items--button {
|
||||
color: $secondary-color;
|
||||
font-size: 1.5rem;
|
||||
&:hover {
|
||||
color: $accent-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gru-content div.cell {
|
||||
--cell-color: #{$primary-color};
|
||||
|
||||
padding: $space-xsmall $space-small;
|
||||
margin: $space-small $space-small;
|
||||
|
||||
color: var(--cell-color);
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h2:first-child {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid var(--cell-color);
|
||||
color: var(--cell-color);
|
||||
padding: $space-xsmall 0;
|
||||
margin-bottom: $space-small;
|
||||
}
|
||||
|
||||
&.has-asset-picture {
|
||||
position: relative;
|
||||
|
||||
h2:first-child {
|
||||
padding: $space-xsmall calc(#{$cell-image-size} + #{$space-small});
|
||||
}
|
||||
|
||||
picture {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: $space-xsmall 0;
|
||||
}
|
||||
|
||||
img {
|
||||
width: $cell-image-size;
|
||||
height: $cell-image-size;
|
||||
}
|
||||
}
|
||||
|
||||
&.theme-secondary-cell {
|
||||
--cell-color: #{$secondary-color};
|
||||
}
|
||||
|
||||
&.theme-gray-cell {
|
||||
--cell-color: black;
|
||||
background: $gray-1;
|
||||
padding: $space-medium $space-medium;
|
||||
|
||||
h2:first-child {
|
||||
border-bottom-style: dotted;
|
||||
}
|
||||
}
|
||||
|
||||
&.theme-gradient-cell {
|
||||
--cell-color: white;
|
||||
background: linear-gradient(180deg, $primary-color 0%, $secondary-color 100%);
|
||||
padding: $space-medium $space-medium;
|
||||
}
|
||||
|
||||
&.theme-big-cell {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
}
|
||||
|
||||
// Search cell
|
||||
#sidebar div.searchcell {
|
||||
.combo-search {
|
||||
&--hint {
|
||||
padding: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
padding: $space-small 0;
|
||||
display: flex !important;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
input[type="search"] {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: FontAwesome;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.cell.tracking-code-input-cell {
|
||||
h2 + div {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
display: grid;
|
||||
grid-auto-rows: auto;
|
||||
grid-template-columns: 1fr auto;
|
||||
margin-bottom: $space-small;
|
||||
|
||||
p {
|
||||
margin: $space-xsmall 0;
|
||||
grid-column: 1 / 3;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-top: 0;
|
||||
border: none;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: FontAwesome;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.theme-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&::before {
|
||||
content: "" !important;
|
||||
bacground-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
width: 1.4em;
|
||||
height: 1.4em;
|
||||
display: inline-block;
|
||||
margin-right: $space-small;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-suggest {
|
||||
&--content {
|
||||
padding: $space-medium $space-small;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
grid-auto-rows: auto;
|
||||
align-items: center;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
justify-items: stretch;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
&--icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
grid-area: 1 / 1 / 3 / 2;
|
||||
margin-right: $space-large;
|
||||
}
|
||||
|
||||
&--title {
|
||||
margin: 0 !important;
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
grid-area: 1 / 2 / 3 / 4;
|
||||
padding-right: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
&--text {
|
||||
margin: 0 !important;
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&--button {
|
||||
@extend %button;
|
||||
|
||||
margin: 0;
|
||||
background: white;
|
||||
color: $primary-color;
|
||||
|
||||
grid-area: 1 / 3 / 3 / 4;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: end !important;
|
||||
|
||||
grid-area: 1 / 1 / 3 / 3;
|
||||
|
||||
background: transparent !important;
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-left: 1rem;
|
||||
font-family: FontAwesome;
|
||||
font-size: $fz-5;
|
||||
color: $primary-color;
|
||||
content: "\f054";
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
font-size: $fz-3;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
&::after {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@mixin icon($name) {
|
||||
.theme-icon.#{$name}::before {
|
||||
background-image: url("img/icons/" + $name + ".svg")
|
||||
}
|
||||
}
|
||||
|
||||
@include icon("address");
|
||||
@include icon("external");
|
||||
@include icon("link");
|
||||
@include icon("phone");
|
||||
@include icon("staff");
|
||||
@include icon("student");
|
|
@ -0,0 +1,38 @@
|
|||
#footer-wrapper {
|
||||
border-top: 5px solid $secondary-color;
|
||||
}
|
||||
|
||||
#footer div.cell {
|
||||
@media($max-mobile-viewport) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
h2:first-child {
|
||||
font-size: $fz-5;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
%cell-links-list {
|
||||
@at-root #footer & {
|
||||
li:not(.add-more-items) > a {
|
||||
font-weight: normal;
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
|
||||
&::before {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.theme-footer-bottom {
|
||||
background: $secondary-color;
|
||||
color: white;
|
||||
}
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
#top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@media ($max-mobile-viewport) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-logo {
|
||||
margin: $space-medium 0;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
max-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-grow: 1;
|
||||
|
||||
@media ($max-mobile-viewport) {
|
||||
width: 100%;
|
||||
order: 3;
|
||||
}
|
||||
}
|
||||
|
||||
.gru-nav-wrapper {
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#toplinks {
|
||||
position: static;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@media($min-desktop-viewport) {
|
||||
margin-right: $space-medium;
|
||||
}
|
||||
|
||||
.login, .logged-in {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&::before {
|
||||
content: "\f2bd"; // user-circle
|
||||
font-family: FontAwesome;
|
||||
color: $gray-1;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.login-link, .account-link {
|
||||
&::after {
|
||||
display: inline-block;
|
||||
margin: 0 $space-xsmall;
|
||||
width: 1px;
|
||||
height: 15px;
|
||||
background: white;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.gru-nav {
|
||||
@media($max-mobile-viewport) {
|
||||
width: 100%;
|
||||
|
||||
.gru-nav-button {
|
||||
background: $primary-color;
|
||||
position: absolute;
|
||||
top: $space-medium;
|
||||
right: $space-medium;
|
||||
border: solid 1px white;
|
||||
padding: $space-xsmall;
|
||||
|
||||
&.toggled {
|
||||
border-color: $secondary-color;
|
||||
.icon-bar {
|
||||
background: $secondary-color;
|
||||
}
|
||||
}
|
||||
|
||||
+ ul {
|
||||
max-height: 0;
|
||||
transition: max-height $transition-1;
|
||||
margin-top: $space-small;
|
||||
}
|
||||
|
||||
&.toggled + ul {
|
||||
max-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.menu, .submenu {
|
||||
&--link {
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu {
|
||||
&--link {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media($min-desktop-viewport) {
|
||||
.menu {
|
||||
&--item {
|
||||
&:not(:last-child)::after {
|
||||
display: inline-block;
|
||||
margin: 0 $space-xsmall;
|
||||
width: 2px;
|
||||
height: 15px;
|
||||
background: white;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&--link {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: $space-xsmall $space-small;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background: transparent;
|
||||
transition: width $transition-1, background-color $transition-1;
|
||||
}
|
||||
|
||||
&:hover::before {
|
||||
width: 100%;
|
||||
background: $secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.theme-page-header {
|
||||
margin: $space-large 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
//
|
||||
$blue-1: #1E3664;
|
||||
$blue-2: #037CC2;
|
||||
$gray-1: #D5CFC3;
|
||||
$gray-2: #ddd;
|
||||
$gray-3: #EAEAEA;
|
||||
$gray-4: #818a91;
|
||||
$gray-5: #b3b3b3;
|
||||
$orange-1: #FF7100;
|
||||
|
||||
$space-xsmall: 5px;
|
||||
$space-small: 10px;
|
||||
$space-medium: 15px;
|
||||
$space-large: 25px;
|
||||
$space-xlarge: 40px;
|
||||
|
||||
$border-radius-1: 10px;
|
||||
$border-radius-2: 3px;
|
||||
|
||||
$box-shadow-1: 0 0 5px 2px $gray-5;
|
||||
|
||||
$transition-1: 0.3s ease-in-out;
|
||||
|
||||
$fz-1: 1rem * 60 / 16;
|
||||
$fz-2: 1rem * 37 / 16;
|
||||
$fz-3: 1rem * 26 / 16;
|
||||
$fz-4: 1rem * 22 / 16;
|
||||
$fz-5: 1rem * 18 / 16;
|
||||
$fz-6: 1rem;
|
||||
|
||||
// typo
|
||||
$primary-color: $blue-1;
|
||||
$secondary-color: $blue-2;
|
||||
$accent-color: $orange-1;
|
||||
$font-family: 'Roboto', sans-serif;
|
||||
$link-color: $blue-1;
|
||||
$link-hover-color: $accent-color;
|
||||
|
||||
// general
|
||||
$width: 1120px;
|
||||
$sidebar-width: 28%;
|
||||
$columns-gutter: 0px;
|
||||
$nav-after-image: false;
|
||||
|
||||
// header
|
||||
$toplinks-style: none;
|
||||
|
||||
$header-background-color: $primary-color;
|
||||
|
||||
$nav-color: white;
|
||||
$nav-border-radius: 0;
|
||||
|
||||
$nav-active-color: white;
|
||||
|
||||
$nav-border-color: transparent;
|
||||
$nav-menu-color: white !default;
|
||||
$nav-item-selected-border: none;
|
||||
$nav-item-selected-background: $secondary-color;
|
||||
$nav-item-selected-border: none;
|
||||
$nav-button-background: transparent;
|
||||
$nav-background: transparent;
|
||||
$nav-item-hover-background: $secondary-color;
|
||||
$nav-submenu-background: $primary-color;
|
||||
$nav-submenu-color: $nav-menu-color !default;
|
||||
|
||||
$responsive-menu: top-to-bottom;
|
||||
$nav-menu-side: 35px;
|
||||
|
||||
$nav-mobile-menu-background: $primary-color;
|
||||
$nav-mobile-menu-item-color: white;
|
||||
$nav-mobile-menu-item-hover-background: $secondary-color;
|
||||
/*
|
||||
$nav-button-color: $nav-menu-color !default;
|
||||
$nav-button-bar-height: 2px !default;
|
||||
$nav-item-background: transparent !default;
|
||||
$nav-item-transform: none !default;
|
||||
$nav-submenu-background: $nav-background !default;
|
||||
$nav-submenu-color: $nav-menu-color !default;
|
||||
|
||||
$nav-mobile-menu-background: #eee !default;
|
||||
$nav-mobile-menu-item-color: black !default;
|
||||
$nav-mobile-menu-item-hover-background: $nav-item-hover-background !default;
|
||||
$nav-mobile-menu-item-hover-color: $nav-item-hover-color !default;
|
||||
$nav-item-spacing: 0px !default;
|
||||
$responsive-menu: top-to-bottom !default; // or left-to-right
|
||||
$responsive-menu-mask: false !default;
|
||||
$responsive-menu-mask-background: rgba(0, 0, 0, 0.45) !default;
|
||||
*/
|
||||
|
||||
// content
|
||||
$title-background: transparent;
|
||||
$title-font-size: $fz-3;
|
||||
|
||||
$carrousel-height: 300px;
|
||||
$carrousel-text-position: middle left;
|
||||
$carrousel-navigation-color: white;
|
||||
$carrousel-navigation-bullet-color: $secondary-color;
|
||||
$carrousel-navigation-bullet-border: none;
|
||||
|
||||
$cell-background: transparent;
|
||||
$cell-border: none;
|
||||
$cell-border-radius: $border-radius-1;
|
||||
|
||||
$cell-entry-font-weight: normal !default;
|
||||
$cell-entry-border: 1px solid $gray-2;
|
||||
$cell-entry-hover-background: none;
|
||||
$cell-entry-hover-effect: none !default;
|
||||
$cell-image-padding: none;
|
||||
$cell-image-size: 38px;
|
||||
|
||||
// WCS
|
||||
$form-sidebar-width: 25%;
|
||||
|
||||
$button-background: $primary-color;
|
||||
$button-color: white;
|
||||
$button-border: none;
|
||||
$button-hover-background: $secondary-color;
|
||||
$button-border-radius: $border-radius-2;
|
||||
$cancel-button-style: ".theme-gray-button";
|
||||
|
||||
$widget-background: $gray-3;
|
||||
$widget-border: 1px solid $gray-4;
|
||||
$widget-focus-outline: none;
|
||||
$widget-focus-outline-offset: 0 !default;
|
||||
$widget-focus-box-shadow: $box-shadow-1;
|
||||
|
||||
$form-accent-color: $primary-color;
|
||||
|
||||
$button-focus-outline: none;
|
||||
$buttons-order: previous, cancel (grow), submit;
|
||||
|
||||
$wcs-step-color: $gray-4;
|
||||
$wcs-step-border-bottom: 1px solid $gray-3;
|
||||
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
|
||||
|
||||
// marker options
|
||||
$wcs-step-marker-size: 2.1em;
|
||||
$wcs-step-marker-type: disc; // square || tied || disc || disc tied
|
||||
$wcs-step-marker-tie-color: $wcs-step-color !default;
|
||||
$wcs-step-marker-tie-width: 5px !default;
|
||||
$wcs-step-marker-background-type: solid !default;
|
||||
|
||||
|
||||
// footer
|
||||
$footer-background: $primary-color;
|
||||
$footer-link-color: white;
|
|
@ -0,0 +1,63 @@
|
|||
%button {
|
||||
box-shadow: none;
|
||||
transition: background $transition-1;
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-content {
|
||||
&--title {
|
||||
text-align: center;
|
||||
background: $secondary-color;
|
||||
font-size: $fz-2;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.wcs-step {
|
||||
&::before {
|
||||
content: "";
|
||||
font-family: FontAwesome;
|
||||
content: "\f0da"; // caret-right
|
||||
align-self: center;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
&.current::before {
|
||||
color: $wcs-step-current-color;
|
||||
}
|
||||
}
|
||||
|
||||
div#tracking-code {
|
||||
background: $gray-1;
|
||||
border-radius: $border-radius-1;
|
||||
padding: $space-large;
|
||||
|
||||
.tracking-code-part {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.theme-gray-button {
|
||||
background: $gray-1;
|
||||
color: black;
|
||||
&:hover {
|
||||
background: $gray-3 !important;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"label": "Université de Toulon",
|
||||
"variables": {
|
||||
"theme_color": "#1E3664"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:background": { "label": "Têtière : fond" },
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"emails:logo": { "label": "Emails: logo" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D5CFC3;}
|
||||
</style>
|
||||
<path class="st0" d="M5,13.5c-2.3,2.3-3.7,5.2-4,8.3C0.9,22.4,1.4,23,2,23c3.2-0.4,6.1-1.7,8.4-4l3.2-3.2l-5.5-5.5L5,13.5z
|
||||
M21.8,2.1c-1.6-1.6-3.9-1.6-5.5,0L15.4,3l-1.6-1.6c-0.6-0.6-1.7-0.6-2.4,0L6.9,6c-0.3,0.3-0.3,0.7,0,1l0.5,0.5
|
||||
c0.2,0.3,0.6,0.3,0.9,0l4.2-4.2l1.4,1.3L9.2,9.3l5.5,5.5l7.1-7.1C23.3,6.2,23.3,3.7,21.8,2.1L21.8,2.1z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 740 B |
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 32 25.6" style="enable-background:new 0 0 32 25.6;" xml:space="preserve">
|
||||
<path d="M5.5,11.3c1.7,0,3-1.3,3-3s-1.3-3-3-3s-3,1.3-3,3S3.8,11.3,5.5,11.3z M26.5,11.3c1.7,0,3-1.3,3-3s-1.3-3-3-3
|
||||
c-1.7,0-3,1.3-3,3S24.8,11.3,26.5,11.3z M28,12.8h-3c-0.8,0-1.6,0.4-2.2,0.8c1.9,1,3.2,2.9,3.6,5.2h3.1c0.8,0,1.5-0.7,1.5-1.5v-1.5
|
||||
C31,14.1,29.7,12.8,28,12.8z M16,12.8c2.9,0,5.2-2.3,5.2-5.2S18.9,2.3,16,2.3s-5.3,2.3-5.3,5.2S13.1,12.8,16,12.8z M19.6,14.3h-0.4
|
||||
c-0.9,0.5-2.1,0.8-3.2,0.8s-2.2-0.3-3.2-0.8h-0.4c-3,0-5.4,2.4-5.4,5.4v1.3c0,1.2,1,2.2,2.3,2.2h13.5c1.2,0,2.2-1,2.2-2.2v-1.3
|
||||
C25,16.7,22.6,14.3,19.6,14.3z M9.2,13.6c-0.6-0.6-1.3-0.8-2.2-0.8H4c-1.7,0-3,1.3-3,3v1.5c0,0.8,0.7,1.5,1.5,1.5h3.1
|
||||
C5.9,16.5,7.2,14.7,9.2,13.6L9.2,13.6z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 1008 B |
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#D5CFC3;}
|
||||
</style>
|
||||
<path class="st0" d="M20.8,14.5v5c0,1.4-1.1,2.5-2.5,2.5H4.5C3.1,22,2,20.9,2,19.5V5.8c0-1.4,1.1-2.5,2.5-2.5h5v2.5h-5v13.8h13.8v-5
|
||||
H20.8z M19.5,6.2l-7.9,7.9l-1.8-1.8l7.9-7.9h-4.5V2H22v8.8h-2.5V6.2z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 643 B |
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D5CFC3;}
|
||||
</style>
|
||||
<path class="st0" d="M22.9,17.6l-1,4.3c-0.1,0.6-0.7,1-1.3,1C9.8,23,1,14.2,1,3.4C1,2.8,1.4,2.2,2,2l4.3-1c0.6-0.1,1.2,0.2,1.5,0.8
|
||||
l2,4.7c0.2,0.6,0.1,1.2-0.4,1.6L7.2,9.9c1.5,2.9,3.9,5.3,6.9,6.9l1.9-2.3c0.4-0.5,1-0.6,1.6-0.4l4.7,2C22.7,16.3,23,17,22.9,17.6z"
|
||||
/>
|
||||
</svg>
|
After Width: | Height: | Size: 667 B |
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
||||
<g id="info">
|
||||
</g>
|
||||
<g id="icons">
|
||||
<g id="user">
|
||||
<ellipse cx="16" cy="10" rx="7.5" ry="9"/>
|
||||
<path d="M30.7,26.6c-1.3-2.7-3.9-4.9-7.2-6.3c-0.9-0.3-1.9-0.3-2.7,0.1c-1.5,0.9-3,1.3-4.8,1.3s-3.3-0.4-4.8-1.3
|
||||
c-0.7-0.3-1.8-0.4-2.7,0c-3.3,1.3-5.8,3.6-7.2,6.3c-1,1.9,0.6,4.2,2.8,4.2h23.7C30.1,31,31.7,28.7,30.7,26.6z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 682 B |
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 32 38.7" style="enable-background:new 0 0 32 38.7;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M10.7,22.1c2.8,1.4,7.4,1.7,10.2,0c6,0.2,9.4,8.8,9.6,15.3c-10.2,0.2-19.1,0.3-29.8,0C0.9,31,3.9,22.5,10.7,22.1L10.7,22.1
|
||||
z"/>
|
||||
<path d="M30.6,4.4c-0.2-0.7-2.5-0.9-3.5-1.1c-3-0.7-10.6-2.6-11.7-2.6h-0.2C12.7,1,5.6,2.9,4,3.4C3,3.6,0.7,3.9,0.6,4.5
|
||||
S1.3,5.2,2,5.3c1.9,0.4,3.7,0.9,5.4,1.2c0,0.2,0,0.2,0.1,0.4C7.4,7.5,7.2,8,7.1,8.5C6.9,9.3,7,12.8,7.6,15.3
|
||||
c0.4,1.7,1.2,3.1,2.5,4.1c1.6,1.1,3.5,1.5,5.5,1.5s3.9-0.3,5.5-1.5c1.2-1,2.1-2.3,2.5-4.1c0.7-2.5,0.7-6,0.6-6.8
|
||||
c-0.1-0.5-0.3-1-0.5-1.4c0.1-0.2,0.1-0.3,0.1-0.5c0.8-0.2,1.7-0.4,2.5-0.6v3.5l-0.6,0.8v2.4c0.5,0.6,1.9,0.7,2.4,0v-2.4l-0.7-0.8
|
||||
V5.7C28.8,5.5,30.8,5.2,30.6,4.4L30.6,4.4z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 1012 B |
|
@ -0,0 +1,10 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import '../includes/fonts/roboto';
|
||||
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'header';
|
||||
@import 'content';
|
||||
@import 'wcs';
|
||||
@import 'footer';
|
|
@ -0,0 +1,7 @@
|
|||
{% extends "combo/cells/carrousel/menu-cell.html" %}
|
||||
|
||||
{% block carrousel-item-content %}
|
||||
{% for cell in menuitem.page.get_cells %}
|
||||
{{cell.text|safe}}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
|
@ -0,0 +1,23 @@
|
|||
{% extends "combo/page_template.html" %}
|
||||
|
||||
{% block header-title %}
|
||||
<div class="theme-logo">
|
||||
<a class="theme-logo--link" accesskey="1" href="{% firstof logo_link_url portal_url '/' %}">
|
||||
<img alt="Université de Toulon" src="{{site_base}}/assets/header:logo">
|
||||
</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block content-pre %}
|
||||
<header class="theme-page-header">
|
||||
<div class="theme-page-header--content">{% placeholder "page-header" name="En-tête de la page" optional=True %}</div>
|
||||
</header>
|
||||
{%skeleton_extra_placeholder after-header %}
|
||||
{% end_skeleton_extra_placeholder %}
|
||||
{% endblock %}
|
||||
|
||||
{% block footer-post %}
|
||||
<div class="theme-footer-bottom">
|
||||
{% placeholder "footer-bottom" name="Bas du pied de page" acquired=True optional=True %}
|
||||
</div>
|
||||
{% endblock %}
|
|
@ -0,0 +1,8 @@
|
|||
{% extends "combo/search-cell.html" %}
|
||||
|
||||
{% block search-form-pre %}
|
||||
Trouvez rapidement une démarche proposée par l’Université de Toulon grâce au moteur de recherche
|
||||
{% endblock %}
|
||||
|
||||
{% block submit-content %}{% endblock %}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{% extends "combo/wcs/tracking_code_input.html" %}
|
||||
|
||||
{% block submit-content %}{% endblock %}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
{% extends 'theme.html' %}
|
||||
|
||||
{# move nav #}
|
||||
{% block header-content %}
|
||||
{% block nav %}{% endblock %}
|
||||
{% block top-links %}{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
{% block after-header %}
|
||||
{% endblock %}
|
||||
|
||||
|
Loading…
Reference in New Issue