publik-base-theme/static/saone-et-loire-cd71-2019/_custom.scss

%button {
	@extend %button;
	box-shadow: none;
	font-weight: bold;
	text-transform: uppercase;
	&:hover {
		box-shadow: none;
	}
}

%cancel-button {
	@extend %cancel-button;
	background: white;
	border: 1px solid #ccc;
	color: #666;
	font-weight: normal;
	&:hover {
		background: #eee;
		color: #666;
	}
}

#footer-wrapper {
	background-image: linear-gradient(270deg,#179ad6 40%,#074f78 90%,#053855);
}

div#header-wrapper {
	background: white;
	border-top: 5px solid $darkblue;
	border-bottom: 5px solid #ebedf0;
	@media screen and (max-width: $mobile-limit) {
		border-top: 0;
	}
	#logo {
		a {
			display: block;
			background: url(img/logo-header.png) top left no-repeat;
			height: 101px;
			line-height: 101px;
			padding-left: 400px;
		}
		@media screen and (max-width: $mobile-limit) {
			padding-left: 0px;
			padding-top: 15px;
			a {
				padding-left: 10px;
				text-indent: -10000px;
			}
		}
	}
	#toplinks {
		border: none;
		box-shadow: none;
		border-radius: 0;
		background: $green;
		top: 0;
		text-transform: uppercase;
		font-size: 18px;
		&::after,
		&::before {
			content: "";
			background: $green;
			transform: skewX(-10deg);
			transform-origin: top left;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 20px;
			@media screen and (max-width: $mobile-limit) {
				content: none;
			}
		}
		&::after {
			left: auto;
			right: -10px;
			background: white;
		}
		a {
			color: white;
			.connected-user {
				font-weight: bold;
			}
		}
		@media screen and (max-width: $mobile-limit) {
			top: -60px;
			height: 60px;
		}
	}
	@media screen and (max-width: $mobile-limit) {
		margin-top: 60px;
	}
}

div#nav-wrapper {
	position: absolute;
	top: 5.5rem;
	right: 0rem;
	width: 500px;
	@media screen and (max-width: $mobile-limit) {
		width: auto;
		max-width: 100%;
		top: 50px;
		right: auto;
		left: 0px;
	}
	z-index: 1000;
	button {
		position: absolute;
		right: 4rem;
		border-radius: 10px;
		.icon-bar {
			z-index: 10;
		}
		&::after {
			content: "Menu";
			padding-left: 60px;
			font-size: 12px;
			font-weight: normal;
		}
		@media screen and (max-width: $mobile-limit) {
			top: 1rem;
			right: auto;
			left: 0;
			&::after {
				content: none;
			}
			.icon-bar {
				border-color: white;
			}
		}

	}
	#nav > ul {
		border-top: none;
		position: relative;
		top: $nav-menu-side;
		a {
			color: white;
		}
		@media screen and (max-width: $mobile-limit) {
			top: 70px;
		}
	}
}

#content {
	margin-top: 1rem;
}

#columns {
	h1 {
		color: $primary-color;
		font-size: 2rem;
		margin: 0 0.5rem;
		@media screen and (max-width: $mobile-limit) {
			text-align: center;
		}
	}
}

div#sidebar {
	h1 {
		color: $primary-color;
		font-size: 2.5rem;
		margin: 0 0.5rem;
		line-height: 100%;
	}
}

.gru-content #sidebar div.cell {
	margin-right: 40px;
	@media screen and (max-width: $mobile-limit) {
		margin-right: 0rem;
	}
}

#content div.cell.with-borders {
	border: 1px solid #c6c6c6;
	border-radius: 10px;
	h2:first-child {
		padding-left: 1rem;
	}
}

#columns {
	div.textcell {
		h1, h2, h3, h4, p, ul {
			margin-left: 0;
		}
	}
}

div#rub_service {
	form div.buttons {
		display: -ms-flexbox;
		display: flex;
		-ms-justify-content: space-between;
		justify-content: space-between;
		button {
			margin-right: 0;
		}
		.submit-button {
			-ms-order: 2;
			order: 2;
		}
		.savedraft-button {
			display: none;
		}
	}
	form#wf-actions div.buttons {
		display: block;
	}

	div.text-check-before-submit, ul#evolutions, div.gru-content
	#disclose-dataview, div#receipt-intro {
		margin-left: 0.5rem;
	}

	div.section {
		h2 {
			font-size: 180%;
			color: $primary-color;
		}
	}

	ul#evolutions span.status {
		font-weight: normal;
		text-transform: uppercase;
	}

	ul#evolutions li span.item {
		background: white !important;
	}
}

div.back-home-button {
	text-align: center;
	a {
		text-transform: uppercase;
		border: 1px solid #ccc;
		color: #666;
		padding: 0.5rem 1rem;
	}
}

body.has-picture nav::after {
	top: 0;
}

div#rub_service div.dataview, div#rub_service dl#evolutions, div#rub_service form {
	padding: 1ex 0;
}

#footer a {
	color: white;
}

div.dataview span.label,
div.widget div.title label,
form p label {
	font-weight: bold;
	color: $darkblue;
	span.required {
		color: $blue;
	}
}

div.file-upload-widget div.file-button div.widget-message::after {
	color: $darkblue;
}

div#tracking-code {
	h3 {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	a {
		font-size: 100%;
		padding-left: 0;
	}
}

div#steps ol {
	& li.current {
		background: $blue;
		color: white;
	}
}