Produits Entr'ouvert » Intégrations graphiques Publik

// Header

#toplinks a {

	@extend %button;

	border-color: white;

	padding: 0.2rem 0.5rem;

	margin-right: 0.5rem;

}

div#nav {

	margin-bottom: 10px;

	font-family: 'dosis_semibold', Arial, sans-serif;

	@media($max-mobile-viewport) {

		.gru-nav-button + ul {

			border-top: none;

		}

	}

	> ul {

		margin: 0;

		> li {

			a {

				font-weight: normal;

			}

			> a {

				padding: 1.2em 20px;

			}

			> ul {

				box-shadow: 0px 4px 12px 0px $gray-dark;

				border-radius: $nav-border-radius;

				> li {

					> a {

						display: flex;

						font-size: $fz-small;

						padding: 0.2em 20px;

						&:hover {

							font-weight: 700;

						}

						&::before {

							content: '>';

							font-size: $fz-xsmall;

							margin-right: 0.5rem;

						}

					}

					&:first-child > a {

						border-radius: $nav-border-radius $nav-border-radius 0 0;

					}

				}

			}

		}

	}

}

@media ($max-mobile-viewport) {

	#logo.has-logo {

		padding-left: 0;

		a {

			margin-top: 50px;

			margin-bottom: 20px;

			@media ($max-mobile-viewport) {

				&::before {

				}

			}

		}

	}

	div#nav {

		.gru-nav-button {

			top: -75px;

		}

		> ul > li > ul {

			box-shadow: none;

		}

	}

}

//

// CONTENT

//

.gru-content div#sidebar .cell {

	border: 1px solid $gray-xdark;

	h2:first-child {

		background: $gray-xdark;

		color: white;

	}

}

.gru-content .cell.foldable {

	border: 1px solid $red;

	h2:first-child {

		background: $red;

		color: white;

	}

	&.folded {

		border: 1px solid $gray-xdark;

		h2:first-child {

			background: $gray-xdark;

		}

	}

}

.gru-content #sidebar div.cell,

div#gauche

{

	background: $gray-xlight;

}

%button, %inverted-button {

	box-shadow: none;

	&:hover {

		box-shadow: none;

	}

}

%cancel-button {

	border: 1px solid $gray-dark;

	background: $gray-dark;

	color: white;

	&:hover {

		background: $white;

		color: $gray-dark;

	}

}

input, input[type="text"], input[type="email"], input[type="password"],

input[type="url"], input[type="tel"], input[type="number"],

input[type="search"], input[type="file"], input[type="date"],

input[type="datetime-local"], input[type="month"], input[type="time"],

input[type="week"], textarea, select {

	&:focus:not([readonly]) {

		border-bottom-color: $widget-border;

	}

}

.form-content--title {

	font-size: $fz-1;

}

//

// FOOTER

//

div#footer {

	border-top: 1px solid #b2b2b2;

	div.links-list ul > li > a:hover {

		text-decoration: underline;

		background: transparent;

	}

}

.nimes-footer-bottom {

	max-width: $width;

	margin: 0 auto;

	padding: 0.5rem;

	display: flex;

	justify-content: center;

	background: $gray-xdark;

	color: white;

	a {

		color: white;

		text-decoration: none;

	}

}

//

// FIXES

//

// Hard-coded color on links description

%cell-links-list {

	li div.description {

		color: $font-color;

	}

}

// h1 and h2 have no padding in text cells

div.text-cell {

	h1, h2 {

		margin: 0.7rem 1rem;

	}

}

// picture of foldable cell still visible when folded

div.cell.folded > div > picture {

	display: none;

}

// no padding in wcsformcell

div.wcs-form-cell {

	padding: 1rem;

}

// double border on pk-button cells

div.linkcell{

	&.pk-button,

	&.pk-big-button {

		border: none;

	}

}

$red: #c51012;

$blue: #3584e4;

$red-dark: #890b0c;

$gray-xdark: #323232;

$gray-dark: #656565;

$gray: #dddddd;

$gray-light: #e7e7e7;

$gray-xlight: #eeeeee;

$primary-color: $red;

$box-shadow: 3px 3px 6px 0px $gray;

// typo

$base-font: 16;

$font-color: #333;

$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: 11em / $base-font;

$link-color: $primary-color;

$link-decoration: underline;

$font-family: Arial, Helvetica, sans-serif;

$header-background-color: $primary-color;

$header-logo-size: 260px 73px;

$toplinks-background: $primary-color;

$toplinks-box-shadow: none;

$toplinks-padding: 20px 0 0 0;

$toplinks-border: none;

$nav-active-background: $gray-light;

$nav-border-radius: 0;

$nav-color: $font-color;

$nav-item-hover-background: $gray-light;

$nav-item-hover-color: $font-color;

$nav-item-selected-background: $gray-light;

$nav-item-selected-color: $font-color;

$nav-submenu-background: $gray;

$nav-submenu-color: $font-color;

$nav-button-background: $red;

$nav-border-color: transparent;

$cell-entry-color: black;

$cell-border: none;

$cell-border-radius: 0;

$cell-entry-border: 1px solid $gray;

$cell-entry-hover-background: $gray;

$cell-entry-hover-color: black;

$cell-open-foldable-icon: "\f13A";

$cell-close-foldable-icon: "\f139";

$cell-image-padding: 0rem 0.1rem;

$title-background: transparent;

$title-color: black;

$title-transform: uppercase;

$title-font-size: $fz-4;

$title-weight: 600;

$title-padding: .7rem 0.5rem .7rem 0.5rem;

$button-color: white;

$button-background: $red;

$button-hover-background: white;

$button-hover-color: $red;

$button-border: 1px solid $red !default;

$buttons-order: previous, cancel (grow), submit;

$cancel-button-style: "%inverted-button";

$widget-background: white;

$widget-border: 1px solid $gray-dark;

$widget-focus-border: 1px solid $blue;

$widget-focus-outline: 2px solid $blue;

$widget-box-shadow: none;

$widget-focus-box-shadow: none;

$form-style: light;

$wcs-step-color: $font-color;

$carrousel-item-mask-color: transparent;

$footer-background: white;

$footer-color: black;

$footer-link-color: black;

$footer-full-width-background: false;

{

  "label": "Nîmes",

  "variables": {

    "theme_color": "#c51012"

  },

  "settings": {

    "combo": {

      "COMBO_ASSET_SLOTS.update": {

        "header:logo": { "label": "Têtière : logo" },

        "emails:logo": { "label": "Courriels : logo" }

      }

    }

  }

}

@charset "UTF-8";

@import 'vars';

@import '../includes/publik';

@import 'custom';

{% extends "combo/page_template.html" %}

{% block footer-post %}

  <div class="nimes-footer-bottom">

	  {% placeholder "footer-bottom" name="Bas du pied de page" acquired=True optional=True %}

  </div>

{% endblock %}