pfischbeck/projekteuler
1
0
Fork 0
mirror of https://github.com/projekteuler/projekteuler.git synced 2025-12-10 08:46:41 +01:00
Code Issues Releases Wiki Activity

Improve styling of note/info blocks

Browse Source
This commit is contained in:
Philipp Fischbeck 2019-02-17 20:11:43 +01:00
parent 8a50868f45
commit 4bc779f475
1 changed files with 22 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
app/assets/stylesheets/application.css.scss
View File

@ -38,7 +38,7 @@ body {
width: 100%; width: 100%;
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
height: 40px; height: 40px;
background-color: #f5f5f5; background-color: $navbar-default-bg;
} }
.container .text-muted { .container .text-muted {
@ -47,102 +47,29 @@ body {
/* Custom css for fixing styles within problem content */ /* Custom css for fixing styles within problem content */
.problem-content blockquote { .problem-content {
margin: 0px; blockquote {
font-size: 14px; margin: 0px;
border-left: medium none; font-size: 14px;
} border-left: medium none;
}
.problem-content div { div {
margin: 0px 0px 10px; margin: 0px 0px 10px;
} }
.problem-content table { table {
border-collapse: separate; border-collapse: separate;
border-spacing: 2px; border-spacing: 2px;
} }
.problem-content td { td {
padding: 1px; padding: 1px;
} }
/* Side notes for calling out things > .info, > .note {
-------------------------------------------------- */ @extend .alert;
@extend .alert-info;
/* Base styles (regardless of theme) */ margin-bottom: 0px;
.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;
}