ensl.org/app/assets/stylesheets/layout/_sidebar.scss
Luke Barratt b883b3de6c Improved forums layout
Made profile avatar proportional
Added header to sidebar widgets
Added bbcode colour support
2014-05-02 17:43:23 +01:00

101 lines
No EOL
1.6 KiB
SCSS

#sidebar {
.widget {
@include span-columns(12);
box-shadow: $content-shadow;
margin-bottom: $container-padding;
border-radius: $base-border-radius;
padding: 20px;
background: white;
h4 {
@include linear-gradient($blue, $dark-blue);
border-radius: $base-border-radius $base-border-radius 0 0;
margin-bottom: 20px;
padding: 10px 20px;
margin: -20px -20px 20px -20px;
color: white;
}
.widget-content-wrapper {
@include span-columns(12);
font-size: 12px;
}
.separator {
color: $dark-blue;
background: transparentize($light-blue, 0.75);
padding: 0 20px;
margin: 0 -20px;
margin-bottom: 12px;
font-weight: 600;
line-height: 35px;
a {
color: $dark-blue;
float: right;
}
}
&:last-child {
margin-bottom: 0;
}
}
.calendar {
h4 {
margin-bottom: 0;
}
max-height: 400px;
overflow-x: hidden;
overflow-y: scroll;
}
.shoutbox {
.transcript {
margin-bottom: 20px;
}
input {
@include span-columns(12);
margin-bottom: 10px;
}
}
.highlights,
.posts {
h4 {
margin-bottom: 0;
}
ol {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
}
.poll {
.question {
@include span-columns(12);
margin-bottom: 20px;
h5 {
margin-bottom: 1em;
}
}
.bar {
display: block;
background: $blue;
height: 10px;
}
.button {
margin-bottom: 0;
}
}
}