mirror of
https://github.com/ENSL/ensl.org.git
synced 2024-12-30 22:41:33 +00:00
f6b30be278
Improve brackets Update gitignore and docs.
190 lines
3 KiB
SCSS
190 lines
3 KiB
SCSS
#sidebar {
|
|
|
|
.widget {
|
|
@include span-columns(12);
|
|
margin-bottom: $container-padding;
|
|
font-family: $base-font-family;
|
|
color: white;
|
|
padding-top: 20px;
|
|
position: relative;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 265px;
|
|
height: 75px;
|
|
background: image-url("#{$theme-path}/layout/sidebar-shadow.png") top center no-repeat;
|
|
top: 0;
|
|
right: -20px;
|
|
}
|
|
|
|
&:first-child {
|
|
&:before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
h4 {
|
|
font-family: $header-font-family;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
margin-bottom: 25px;
|
|
margin-top: 20px;
|
|
color: $light-blue;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h4:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.widget-content-wrapper {
|
|
@include span-columns(12);
|
|
font-size: 12px;
|
|
}
|
|
|
|
a {
|
|
color: $light-blue;
|
|
}
|
|
|
|
.separator {
|
|
border-radius: 10px 0 0 10px;
|
|
color: white;
|
|
background: #5a5a5a;
|
|
padding: 0 20px;
|
|
margin: 0 (- $container-padding) 0 0;
|
|
margin-bottom: 12px;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
text-align: right;
|
|
font-family: $header-font-family;
|
|
|
|
a {
|
|
color: $dark-blue;
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
input[type=text] {
|
|
background: #0e1010;
|
|
border: 1px solid #494949;
|
|
color: white;
|
|
}
|
|
|
|
.controls {
|
|
text-align: center;
|
|
}
|
|
|
|
div.controls, div.fields, div.select-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.button,
|
|
.controls input {
|
|
@include linear-gradient(#585858, #585858);
|
|
font-family: $header-font-family;
|
|
font-weight: normal;
|
|
color: white;
|
|
border-radius: 10px;
|
|
background: #585858;
|
|
border: 0;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
padding: 1px 0px 0px 5px;
|
|
width: 175px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
float: none;
|
|
}
|
|
|
|
.button.big {
|
|
height: 62px;
|
|
}
|
|
|
|
.button, .select {
|
|
clear: both;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Calendar
|
|
*/
|
|
|
|
.calendar {
|
|
.entry {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.time {
|
|
color: #5a5a5a;
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Shoutbox
|
|
*/
|
|
|
|
.shoutbox {
|
|
.transcript {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
input {
|
|
@include span-columns(12);
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Highlights
|
|
*/
|
|
|
|
.highlights,
|
|
.posts {
|
|
|
|
ol {
|
|
margin-bottom: 20px;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
Polls
|
|
*/
|
|
|
|
.poll {
|
|
.question {
|
|
@include span-columns(12);
|
|
margin-bottom: 20px;
|
|
|
|
h5 {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
.bar {
|
|
display: block;
|
|
background: $blue;
|
|
height: 10px;
|
|
}
|
|
|
|
.button {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|