Produits Entr'ouvert » Intégrations graphiques Publik

//

//	HEADER

//

h1#logo.has-logo a {

		min-height: 70px;

	@media screen and (max-width: $mobile-limit) {

		margin-top: 20px;

	}

	@media (min-width: $mobile-limit + 1) {

		min-height: 100px;

		margin-top: 5px;

	}

}

//

//	NAV

//

div#nav {

	@media screen and (max-width: $mobile-limit) {

		padding-top: 20px;

	}

}

//

//	MAIN CONTENT

//

main {

	background-image: linear-gradient(to right, #fff 0%, #f6f4f1 50%, #fff 100%);

}

.gru-content {

	margin-top: 30px;

	margin-bottom: 30px;

}

div.gru-content button,

div.buttons .cancel-button button {

	background-image: linear-gradient(to right, rgb(102, 160, 42) 0%, rgb(151, 192, 48) 45%, rgb(151, 192, 48) 100%);

	box-shadow: unset;

	&:hover {

		background-position: center right, top right;

		box-shadow: unset;

	}

}

div.wcsformsofcategorycell {

	picture img {

		width: 100%;

	}

}

.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img {

	border-radius: $cell-border-radius;

}

.gru-content div.cell {

	background: unset;

	h2:first-child {

		background: unset;

	}

}

#columns {

	@media (min-width: $mobile-limit + 1) {

		margin-left: 10%;

		margin-right: 10%;

	}

}

div#rub_service {

	background: darken(#f6f4f1, 3%);

}

//

//	FOOTER

//

#footer-wrapper {

	margin-top: unset;

	padding: 0 0 1.5em 0;

	background: url('img/motif.png') top right repeat;

}

#footer {

	h1, h2, h3 {

		background: unset;

	}

	@media (min-width: $mobile-limit + 1) {

		& > div {

		padding-left: 3%;

		padding-right: 3%;

		}

		& > div:first-child {

			padding-left: 0;

		}

		& > div:last-child {

			padding-right: 0;

		}

	}

}

.footer-logo {

	@media (min-width: $mobile-limit + 1) {

		margin-top: 1em;

	}

	img {

		max-height: 15em;

	}

}

.site-info {

	@media (min-width: $mobile-limit + 1) {

		margin-top: 3em;

	}

	min-width: 250px;

}

.herald-logo {

	max-height: 17.45em;

	min-width: 200px;

}

$primary-color: #97c030;

$secondary-color: #514d46;

$font-color: $secondary-color;

$font-family: "PT Sans", Arial, sans-serif;

$link-color: $primary-color;

$notification_warning_color: #fbc261;

$notification_success_color: $primary-color;

$notification_info_color: $secondary-color;

$notification_error_color: #ea656c;

$border-radius: 10px;

$mobile-limit: 1250px;

$width: 80%;

$nav-background: $secondary-color;

$nav-submenu-background: $primary-color;

$nav-submenu-color: white;

$nav-color: white;

$nav-active-color: $primary-color;

$nav-item-selected-color: white;

$nav-item-selected-background: $secondary-color;

$nav-item-hover-color: white;

$nav-item-hover-background: $secondary-color;

$button-color: white;

$button-background: rgb(151, 192, 48);

$button-border-radius: 2px;

$button-hover-background: $primary-color;

$footer-background: #e6e6e6;

$footer-color: black;

$footer-link-color: black;

$footer-menucell-separator: none;

$sidebar-position: left;

$sidebar-width: 265px;

$title-weight: bold;

$title-transform: uppercase;

$title-font-size: 30px;

$title-color: $secondary-color;

$title-border-radius: 20px;

$widget-border: none;

$widget-border-radius: 0px;

$widget-background: white;

$widget-focus-background: darken(white, 3%);

$wcs-step-current-color: darken($primary-color, 10%);

$wcs-step-current-background: white;

$wcs-step-current-border: 2px solid #dd3333;

$wcs-step_color: grey;

$wcs-step-background: darken(#f6f4f1, 3%);

$wcs-step-border-bottom: 2px solid grey;

$cell-title-cover-border: false;

$cell-entry-color: $font-color;

$cell-entry-hover-color: #444444;

$cell-entry-hover-background: #f8f8f8;

$cell-border: none;

$cell-border-radius: 13px;

$cell-image-position: top;

$cell-image-padding: none;

{

  "label": "Jura (CD39)",

  "variables": {

    "favicon": "jura/img/favicon.ico",

    "theme_color": "#f6f4f1"

  },

  "settings": {

    "combo": {

      "COMBO_ASSET_SLOTS.update": {

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

        "footer:logo": {"label": "Pied de page : logo"},

        "footer:herald": {"label": "Pied de page : blason"}

      }

    }

  }

}

@charset "UTF-8";

@import '../includes/fonts/ptsans';

@import 'vars';

@import '../includes/publik';

@import 'custom';

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

{% block footer-top %}

 <div class="footer-logo grid-1-3">

  <img src="{{site_base}}/assets/footer:logo" alt="Jura, le département">

 </div>

{% endblock %}

{% block footer-bottom %}

 <div class="herald-logo grid-1-3">

  <img src="{{site_base}}/assets/footer:herald" alt="Décor blason">

 </div>

{% endblock %}}