_serv-screen.scss

/*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.com/wet-boew/License-eng.txt / wet-boew.github.com/wet-boew/Licence-fra.txt
 */

html {
	overflow-y: scroll;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
}

%gcwu-serv-screen-margin-auto {
	margin: auto;
}

#wb-head-in {
	@extend %gcwu-serv-screen-margin-auto;
	@extend %gcwu-serv-screen-overflow-hidden;
}

#wb-foot-in {
	@extend %gcwu-serv-screen-margin-auto;
	@extend %gcwu-serv-screen-background-white;
	@extend %gcwu-serv-screen-overflow-hidden;
}

%gcwu-serv-screen-block-element {
	display: block;
	float: none;
	margin: auto;
	line-height: normal;
}

#gcwu-title {
	@extend %gcwu-serv-screen-block-element;
}

%gcwu-serv-screen-overflow-hidden {
	overflow: hidden;
}

#wb-head {
	@extend %gcwu-serv-screen-overflow-hidden;
}

%gcwu-serv-screen-background-white {
	background: #fff;
}

#wb-core-in {
	@extend %gcwu-serv-screen-margin-auto;
	@extend %gcwu-serv-screen-background-white;
	overflow: visible !important;
	&:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div { //TODO: Is the div precondition needed when the child selector is an ID?
		#gcwu-bar {
			height: 10px;
			background: #28507a;
			margin-bottom: 12px;
			padding-bottom: 0;
		}
	}
}

#wb-main-in {
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
}

#wb-body {
	#wb-main {
		float: left;
	}
}

#gcwu-bnr {
	width: 100%;
}

#gcwu-sig-in {
	width: 214px;
	height: 20px;
}

%gcwu-serv-screen-text-align-right {
	text-align: right;
}

#gcwu-title-right {
	@extend %gcwu-serv-screen-text-align-right;
}

.gcwu-alt-title-right {
	@extend %gcwu-serv-screen-text-align-right;
}

.gcwu-tc-left {
	text-align: left;
}

.gcwu-tc-right {
	text-align: right;
}

#gcwu-tc {
	@extend %gcwu-serv-screen-block-element;
	ul {
		line-height: normal;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	li {
		float: left;
		margin-bottom: 4px;
		a {
			text-decoration: none;
			font-size: 0.9em;
			&:hover, &:focus, &:active {
				text-decoration: underline;
			}
		}
	}
}