ensl.org/app/assets/stylesheets/layout/_body.scss

123 lines
1.7 KiB
SCSS
Raw Normal View History

/*
Main Containers
*/
$container-padding: 1.5em;
html,
2014-04-06 14:14:03 +00:00
body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body#tinymce {
padding: 10px;
2014-04-06 14:14:03 +00:00
}
#container {
min-height: 100%;
2014-05-03 01:21:29 +00:00
background: {
color: $blue;
image: image-url('layout/background.jpg');
position: top center;
repeat: no-repeat;
}
}
2014-04-06 14:14:03 +00:00
.wrapper {
@include outer-container;
}
#content {
2014-04-06 14:14:03 +00:00
@include span-columns(12);
2014-05-03 01:21:29 +00:00
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;
&.full {
padding-top: 20px;
background-image: image-url('layout/body-background-full.png');
}
2014-04-06 14:14:03 +00:00
}
#forums {
@include span-columns(12);
}
2014-04-06 14:14:03 +00:00
#main {
@include span-columns(9 of 12);
padding: 20px 25px 20px 10px;
2014-04-06 14:14:03 +00:00
&.no-body {
box-shadow: none;
border-radius: 0;
background: transparent;
padding: 0;
}
}
2014-04-06 14:14:03 +00:00
#sidebar {
@include span-columns(3 of 12);
2014-04-06 14:14:03 +00:00
@include omega();
}
2014-04-13 11:16:51 +00:00
/*
Heading styles
*/
h1, h2, h3, h4, h5, h6 {
2014-04-22 23:28:59 +00:00
&.title {
margin-bottom: 1em;
}
2014-04-13 11:16:51 +00:00
&.fancy {
clear: both;
2014-04-13 11:16:51 +00:00
text-align: center;
position: relative;
&:before {
content: "";
display: block;
border-top: 2px solid $light-gray;
2014-04-13 11:16:51 +00:00
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;
}
}