ensl.org/app/assets/stylesheets/layout/_body.scss
2014-05-04 00:01:36 +01:00

117 lines
1.6 KiB
SCSS

/*
Main Containers
*/
$container-padding: 1.5em;
html,
body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body#tinymce {
padding: 10px;
}
#container {
min-height: 100%;
background: {
color: $blue;
image: image-url('layout/background.jpg');
position: top center;
repeat: no-repeat;
}
}
.wrapper {
@include outer-container;
}
#content {
@include span-columns(12);
box-shadow: $content-shadow;
margin-top: -35px;
padding: 10px $container-padding $container-padding $container-padding;
background: image-url('layout/body-background.png') top center repeat-y;
}
#forums {
@include span-columns(12);
}
#main {
@include span-columns(9 of 12);
padding: 20px 25px 20px 10px;
&.no-body {
box-shadow: none;
border-radius: 0;
background: transparent;
padding: 0;
}
}
#sidebar {
@include span-columns(3 of 12);
@include omega();
}
/*
Heading styles
*/
h1, h2, h3, h4, h5, h6 {
&.title {
margin-bottom: 1em;
}
&.fancy {
clear: both;
text-align: center;
position: relative;
&: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;
}
}
}
/*
Text
*/
#main {
ul.disc,
ol {
list-style-type: disc;
margin: 20px 0;
li {
margin-left: 40px;
display: list-item;
}
}
ol {
list-style-type: decimal;
}
}