ensl.org/app/assets/stylesheets/layout/_body.scss
Luke Barratt 37e768c68f Switched web server to puma
Added styling to gathers page
Added styling to account page
Improved forms styling
2014-04-15 10:59:52 +01:00

83 lines
No EOL
1.1 KiB
SCSS

/*
Main Containers
*/
html,
body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body {
background: $dark-blue;
@include background-image(linear-gradient($dark-blue, $medium-gray));
}
#container {
min-height: 100%;
}
%container-padded {
padding: 0 em(20);
}
.wrapper {
@include outer-container;
}
#content {
@extend %container-padded;
}
#content {
@include span-columns(12);
background: $light-blue;
padding-top: em(20);
}
#forums {
@include span-columns(12);
}
#main {
@include span-columns(9);
}
#sidebar {
@include span-columns(3);
@include omega();
}
/*
Heading styles
*/
h1, h2, h3, h4, h5, h6 {
&.fancy {
text-align: center;
position: relative;
background-color: $light-blue;
&:before {
content: "";
display: block;
border-top: 2px solid $light-gray;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
z-index: 1;
}
span {
background: inherit;
padding: 0 .5em;
position: relative;
display: inline-block;
z-index: 1;
}
}
}