109 lines
2.0 KiB
SCSS
109 lines
2.0 KiB
SCSS
.program-list-wrapper {
|
|
padding: $baseline + px;
|
|
}
|
|
|
|
.program-cards-container {
|
|
@include span(12);
|
|
|
|
@include susy-media($bp-screen-md) {
|
|
@include span(9);
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
@include span(12);
|
|
@include float(right);
|
|
margin-bottom: $baseline + px;
|
|
|
|
@include susy-media($bp-screen-md) {
|
|
@include span(3);
|
|
}
|
|
|
|
.aside {
|
|
padding: $baseline + px;
|
|
margin-bottom: $baseline + px;
|
|
background-color: $body-bg;
|
|
box-sizing: border-box;
|
|
border: 1px solid $border-color-l3;
|
|
}
|
|
|
|
.program-advertise {
|
|
clear: both;
|
|
|
|
.btn-neutral {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.advertise-message {
|
|
font-size: font-size(x-small);
|
|
color: palette(grayscale, black);
|
|
margin-bottom: $baseline + px;
|
|
}
|
|
}
|
|
|
|
.certificate-container {
|
|
.hd-6 {
|
|
color: palette(grayscale, dark);
|
|
font-weight: font-weight(normal);
|
|
margin-bottom: $baseline + px;
|
|
}
|
|
|
|
.certificate-link {
|
|
padding-top: $baseline + px;
|
|
color: palette(primary, base);
|
|
display: block;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
color: $link-hover;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.empty-programs-message {
|
|
border: 3px solid $gray-l4;
|
|
background: $gray-l6;
|
|
padding: ($baseline*2) + px 0;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
|
|
.hd-3 {
|
|
color: $black;
|
|
margin-bottom: $baseline + px;
|
|
}
|
|
|
|
.find-xseries-programs {
|
|
background: $black;
|
|
border-color: $black;
|
|
color: $white;
|
|
|
|
.action-xseries-icon {
|
|
@include float(left);
|
|
@include margin-right($baseline*0.4 + px);
|
|
|
|
display: inline;
|
|
background: url('#{$static-path}/images/icon-sm-xseries-white.png') no-repeat;
|
|
background-color: transparent;
|
|
width: ($baseline*1.1) + px;
|
|
height: ($baseline*1.1) + px;
|
|
}
|
|
|
|
&:active,
|
|
&:hover,
|
|
&:focus {
|
|
background: $white;
|
|
color: $black;
|
|
|
|
.action-xseries-icon {
|
|
background: url('#{$static-path}/images/icon-sm-xseries-black.png') no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|