106 lines
2.3 KiB
SCSS
106 lines
2.3 KiB
SCSS
/*
|
|
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
* listed below.
|
|
*
|
|
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
|
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
|
|
*
|
|
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
|
* compiled file so the styles you add here take precedence over styles defined in any styles
|
|
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
|
|
* file per style scope.
|
|
*
|
|
*= require flash_messages
|
|
*= require chosen
|
|
*= require codemirror
|
|
*= require bootstrap-datepicker3
|
|
*= require bootstrap-tagsinput
|
|
*= require font_references
|
|
*/
|
|
|
|
@import "bootstrap-sprockets";
|
|
@import "journal_custom_colors";
|
|
@import "journal/_variables";
|
|
@import "bootstrap";
|
|
@import "journal/_bootswatch";
|
|
|
|
@import "typeahead-bootstrap";
|
|
@import "recipes";
|
|
@import "star_rating";
|
|
@import "codemirror_custom";
|
|
|
|
// Skin overrides
|
|
.has-error {
|
|
.help-block,
|
|
.control-label,
|
|
.radio,
|
|
.checkbox,
|
|
.radio-inline,
|
|
.checkbox-inline,
|
|
&.radio label,
|
|
&.checkbox label,
|
|
&.radio-inline label,
|
|
&.checkbox-inline label,
|
|
.form-control-feedback {
|
|
color: $state-danger-text;
|
|
}
|
|
|
|
.form-control,
|
|
.form-control:focus {
|
|
border-color: $state-danger-border;
|
|
}
|
|
}
|
|
|
|
$footer_height: 40px;
|
|
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
/* Margin bottom by footer height */
|
|
margin-bottom: $footer_height + 20;
|
|
background: image_url("grey_wash_wall.png");
|
|
}
|
|
|
|
#main_container {
|
|
background: white;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: $footer_height;
|
|
background-color: $gray-lighter;
|
|
border-top: solid 1px $gray-light;
|
|
}
|
|
|
|
a.sorted {
|
|
position: relative;
|
|
}
|
|
|
|
a.sorted.asc:after {
|
|
content: " ";
|
|
position: absolute;
|
|
margin: 8px 0 0 6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
|
|
border-top: 5px solid black;
|
|
}
|
|
|
|
a.sorted.desc:after {
|
|
content: " ";
|
|
position: absolute;
|
|
margin: 8px 0 0 6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
|
|
border-bottom: 5px solid black;
|
|
} |