mirror of
https://github.com/projekteuler/projekteuler.git
synced 2025-12-10 08:46:41 +01:00
148 lines
3.1 KiB
SCSS
148 lines
3.1 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 vendor/assets/stylesheets of plugins, if any, 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_tree .
|
|
*= require devise_bootstrap_views
|
|
*= require codemirror
|
|
*= require_self
|
|
*/
|
|
|
|
@import "bootstrap-sprockets";
|
|
@import "bootstrap";
|
|
|
|
.turbolinks-progress-bar {
|
|
background-color: $brand-primary;
|
|
}
|
|
/* Sticky footer styles
|
|
-------------------------------------------------- */
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
/* Margin bottom by footer height */
|
|
margin-bottom: 60px;
|
|
}
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
/* Set the fixed height of the footer here */
|
|
height: 40px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.container .text-muted {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
/* Custom css for fixing styles within problem content */
|
|
|
|
.problem-content blockquote {
|
|
margin: 0px;
|
|
font-size: 14px;
|
|
border-left: medium none;
|
|
}
|
|
|
|
.problem-content div {
|
|
margin: 0px 0px 10px;
|
|
}
|
|
|
|
.problem-content table {
|
|
border-collapse: separate;
|
|
border-spacing: 2px;
|
|
}
|
|
|
|
.problem-content td {
|
|
padding: 1px;
|
|
}
|
|
|
|
/* Side notes for calling out things
|
|
-------------------------------------------------- */
|
|
|
|
/* Base styles (regardless of theme) */
|
|
.bs-callout, .problem-content > .info:first-child, .problem-content > .info:last-child{
|
|
margin: 20px 0;
|
|
padding: 15px 30px 15px 15px;
|
|
border-left: 5px solid #eee;
|
|
}
|
|
.bs-callout h1,
|
|
.bs-callout h2,
|
|
.bs-callout h3,
|
|
.bs-callout h4,
|
|
.bs-callout h5,
|
|
.bs-callout h6 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.bs-callout-danger h1,
|
|
.bs-callout-danger h2,
|
|
.bs-callout-danger h3,
|
|
.bs-callout-danger h4,
|
|
.bs-callout-danger h5,
|
|
.bs-callout-danger h6 {
|
|
color: #B94A48;
|
|
}
|
|
|
|
.bs-callout-warning h1,
|
|
.bs-callout-warning h2,
|
|
.bs-callout-warning h3,
|
|
.bs-callout-warning h4,
|
|
.bs-callout-warning h5,
|
|
.bs-callout-warning h6 {
|
|
color: #C09853;
|
|
}
|
|
|
|
.bs-callout-info h1,
|
|
.bs-callout-info h2,
|
|
.bs-callout-info h3,
|
|
.bs-callout-info h4,
|
|
.bs-callout-info h5,
|
|
.bs-callout-info h6 {
|
|
color: #3A87AD;
|
|
}
|
|
|
|
.bs-callout-success h1,
|
|
.bs-callout-success h2,
|
|
.bs-callout-success h3,
|
|
.bs-callout-success h4,
|
|
.bs-callout-success h5,
|
|
.bs-callout-success h6 {
|
|
color: #3C763D;
|
|
}
|
|
|
|
.bs-callout p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.bs-callout code,
|
|
.bs-callout .highlight {
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* Themes for different contexts */
|
|
.bs-callout-danger {
|
|
background-color: #fcf2f2;
|
|
border-color: #dFb5b4;
|
|
}
|
|
.bs-callout-warning {
|
|
background-color: #fefbed;
|
|
border-color: #f1e7bc;
|
|
}
|
|
.bs-callout-info, .problem-content > .info:first-child, .problem-content > .info:last-child {
|
|
background-color: #f0f7fd;
|
|
border-color: #d0e3f0;
|
|
}
|
|
.bs-callout-success {
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
} |