Permalink
Cannot retrieve contributors at this time
// Place all the styles related to the StaticPages controller here. | |
// They will automatically be included in application.css. | |
// You can use Sass (SCSS) here: http://sass-lang.com/ | |
@import "bootstrap"; | |
$grayMediumLight: #eaeaea; | |
@mixin box_sizing { | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
/* universal */ | |
html { | |
overflow-y: scroll; | |
} | |
body { | |
padding-top: 60px; | |
} | |
section { | |
overflow: auto; | |
} | |
textarea { | |
resize: vertical; | |
} | |
.center { | |
text-align: center; | |
} | |
.center h1 { | |
margin-bottom: 10px; | |
} | |
/* typography */ | |
h1, h2, h3, h4, h5, h6 { | |
line-height: 1; | |
} | |
h1 { | |
font-size: 3em; | |
letter-spacing: -2px; | |
margin-bottom: 30px; | |
text-align: center; | |
} | |
h2 { | |
font-size: 1.2em; | |
letter-spacing: -1px; | |
margin-bottom: 30px; | |
text-align: center; | |
font-weight: normal; | |
color: #999; | |
} | |
p { | |
font-size: 1.1em; | |
line-height: 1.7em; | |
} | |
#logo { | |
float: left; | |
margin-right: 10px; | |
font-size: 1.7em; | |
color: #fff; | |
text-transform: uppercase; | |
letter-spacing: -1px; | |
padding-top: 9px; | |
font-weight: bold; | |
line-height: 1; | |
} | |
#logo:hover { | |
color: #fff; | |
text-decoration: none; | |
} | |
/* footer */ | |
footer { | |
margin-top: 45px; | |
padding-top: 5px; | |
border-top: 1px solid #eaeaea; | |
color: #999; | |
} | |
footer a { | |
color: #555; | |
} | |
footer a:hover { | |
color: #222; | |
} | |
footer small { | |
float: left; | |
} | |
footer ul { | |
float: right; | |
list-style: none; | |
} | |
footer ul li { | |
float: left; | |
margin-left: 10px; | |
} | |
/* sidebar */ | |
aside { | |
section { | |
padding: 10px 0; | |
border-top: 1px solid $grayLighter; | |
&:first-child { | |
border: 0; | |
padding-top: 0; | |
} | |
span { | |
display: block; | |
margin-bottom: 3px; | |
line-height: 1; | |
} | |
h1 { | |
font-size: 1.4em; | |
text-align: left; | |
letter-spacing: -1px; | |
margin-bottom: 3px; | |
margin-top: 0px; | |
} | |
} | |
} | |
.stats { | |
overflow: auto; | |
a { | |
float: left; | |
padding: 0 10px; | |
border-left: 1px solid $grayLighter; | |
color: gray; | |
&:first-child { | |
padding-left: 0; | |
border: 0; | |
} | |
&:hover { | |
text-decoration: none; | |
color: $blue; | |
} | |
} | |
strong { | |
display: block; | |
} | |
} | |
.user_avatars { | |
overflow: auto; | |
margin-top: 10px; | |
.gravatar { | |
margin: 1px 1px; | |
} | |
} | |
#error_explanation { | |
color: #f00; | |
ul { | |
list-style: none; | |
margin: 0 0 18px 0; | |
} | |
} | |
.field_with_errors { | |
@extend .control-group; | |
@extend .error; | |
} | |
/* forms */ | |
input, textarea, select, .uneditable-input { | |
border: 1px solid #bbb; | |
width: 100%; | |
margin-bottom: 15px; | |
@include box_sizing; | |
} | |
input { | |
height: auto !important; | |
} | |
.gravatar { | |
float: left; | |
margin-right: 10px; | |
} | |
.debug_dump { | |
clear: both; | |
float: left; | |
width: 100%; | |
margin-top: 45px; | |
@include box_sizing; | |
} | |
/* Users index */ | |
.users { | |
list-style: none; | |
margin: 0; | |
li { | |
overflow: auto; | |
padding: 10px 0; | |
border-top: 1px solid $grayLighter; | |
&:last-child { | |
border-bottom: 1px solid $grayLighter; | |
} | |
} | |
} | |
/* microposts */ | |
.microposts { | |
list-style: none; | |
margin: 10px 0 0 0; | |
li { | |
padding: 10px 0; | |
border-top: 1px solid #e8e8e8; | |
} | |
} | |
.content { | |
display: block; | |
} | |
.timestamp { | |
color: $grayLight; | |
} | |
.gravatar { | |
float: left; | |
margin-right: 10px; | |
} | |
aside { | |
textarea { | |
height: 100px; | |
margin-bottom: 5px; | |
} | |
} |