discourse/app/assets/stylesheets/application/faqs.css.scss
2013-02-09 03:22:03 -08:00

97 lines
1.6 KiB
SCSS
Executable File

@import "foundation/variables";
@import "foundation/mixins";
@import "foundation/helpers";
// --------------------------------------------------
// FAQs
// --------------------------------------------------
// Base
// --------------------------------------------------
.body-page {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
line-height: 22px;
// Consistent vertical spacing
blockquote,
h1,
h2,
h3,
hr,
p,
pre,
ul,
ol,
li,
table {
margin: 0 0 20px;
font-size: 16px;
line-height: 22px;
}
li {
margin-bottom: 8px;
}
// Lists
ul,
ol {
margin-left: 40px;
}
}
// Content wrapper
// --------------------------------------------------
.body-page {
.container {
@extend .clearfix;
width: 960px;
margin: 0 auto;
padding: 20px 10px;
}
}
// Navigation
// --------------------------------------------------
.body-page {
nav {
width: 280px;
overflow: hidden;
position: fixed;
float: left;
border: 1px solid #b9b9b9;
background-color: #fafafa;
@include border-radius-all(4px);
@include box-shadow(0 1px 0 #fff);
> a {
display: block;
border-top: 1px solid #e6e6e6;
padding: 13px;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-shadow: 0 1px 0 rgba($white, 0.5);
&:first-child {
border-top: 0;
}
&:hover {
background-color: #eee;
}
&.active {
color: #f15b22;
background-color: #f9e7e0;
cursor: default;
}
}
}
}