/* variables */ $gray-medium-light: #eaeaea; /* imports */ @import "bootstrap-sprockets"; @import "bootstrap"; /* mixins */ @mixin box_sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* universal */ body { padding-top: 60px; } #incline_dynamic_alerts { position: fixed; left: 10px; top: 65px; width: 25%; display: block; z-index: 9999; } section { overflow: auto; } textarea { resize: vertical; } .center { text-align: center; h1 { margin-bottom: 10px; } } .glyphicon-small { font-size: 67%; } .glyphicon-large { font-size: 133%; } .subpanel-header { border-bottom: solid 3px #cccccc; padding-bottom: 2px; } .subpanel-header h5 { font-weight: bold; font-size: 120%; padding: 0; } .gravatar { float: left; margin-right: 10px; } .auto-height { height: auto; } ul.scrollable-menu { height: auto; max-height: 300px; overflow-x: hidden; overflow-y: auto; } tr.cell-danger > td, td.cell-danger { background-color: $alert-danger-bg; color: $alert-danger-text; } tr.cell-warning > td, td.cell-warning { background-color: $alert-warning-bg; color: $alert-warning-text; } tr.cell-info > td, td.cell-info { background-color: $alert-info-bg; color: $alert-info-text; } tr.cell-success > td, td.cell-success { background-color: $alert-success-bg; color: $alert-success-text; } tr.cell-hilite > td, td.cell-hilite { background-color: #ffff00; } tr.cell-fade > td, td.cell-fade { transition: background-color 1.0s ease; } /* typography */ h1, h2, h3, h4, h5, h6 { line-height: 1; } h1 { text-align: center; font-size: 3em; letter-spacing: -2px; margin-bottom: 30px; } h2 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 30px; font-weight: normal; color: $gray-light; } p { font-size: 1.1em; line-height: 1.7em; } /* header */ #logo { float: left; margin-right: 10px; color: white; border-style: none; &:hover { color: white; border-style: none; } img { width: 44px; height: 44px; padding: 0; border-style: none; margin: 3px; } } /* footer */ footer { margin-top: 45px; padding-top: 5px; border-top: solid 1px $gray-medium-light; color: $gray-light; a { color: $gray; &:hover { color: $gray-darker; } } small { float: left; } ul { float: right; list-style: none; li { float: left; margin-left: 15px; } } } /* sidebar */ aside { section { padding: 10px 0; margin-top: 20px; &: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; } } } /* forms */ label.checkbox { margin-top: -10px; margin-bottom: 10px; span { margin-left: 20px; font-weight: normal; } } .form-group div.checkbox { margin-left: 20px; } .row div.checkbox { margin-bottom: 10px; } label.plain, div.plain-label label { font-weight: normal; } #session_remember_me { width: auto; margin-left: 0; } .form-control.disabled { background-color: $gray-lighter; cursor: not-allowed; } .input-symbol { position: relative; } .input-symbol span { position: absolute; transform: translate(0, -50%); top: 50%; pointer-events: none; margin-left: 0.5em; } .input-symbol input { text-indent: 1em; } .field_with_errors { color: #ff0000; background-color: #ff0000; .form-control { background-color: $state-danger-bg; color: $state-danger-text; } } .debug_dump { clear: both; float: left; width: 100%; margin-top: 45px; @include box_sizing; } .gravatar_edit { margin-top: 15px; }