notes/static/notes/style.css

   1 header {
   2     color: #ffffff;
   3     background-color: #0d6efd;
   4     text-align: center;
   5 }
   6
   7 header a:link, header a:visited, header a:active, header a:hover,
   8 footer a:link, footer a:visited, footer a:active, footer a:hover {
   9     color: #ffffff;
  10 }
  11
  12 h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
  13     color: #212529;
  14 }
  15
  16 h2 {
  17     padding-top: 1em;
  18 }
  19
  20 article .publication-date {
  21     font-style: italic;
  22     font-size: smaller;
  23 }
  24
  25 article > div {
  26     padding-top: 0.5em;
  27 }
  28
  29 article img {
  30     max-width: 100%;
  31 }
  32
  33 article blockquote {
  34     background: #eeeeee;
  35     font-style: italic;
  36     border-left: 2px solid #d63384;
  37     padding: 0.5em;
  38 }
  39
  40 footer {
  41     color: #ffffff;
  42     background-color: #212529;
  43 }
  44
  45 footer ul {
  46     list-style-type: none;
  47     margin-left: 0;
  48     padding-left: 0;
  49 }
  50
  51 /* Large screens */
  52 @media screen and (min-width: 600px) {
  53     footer div#footer-left {
  54         text-align: right;
  55     }
  56
  57     footer #copyright {
  58         text-align: center;
  59         margin-top: 2em;
  60     }
  61 }
  62
  63 /* Small screens */
  64 @media screen and (max-width: 600px) {
  65     footer #copyright {
  66         margin-top: 2em;
  67     }
  68 }