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 /* Removes a margin-bottom coming from Bootstrap, but not making sense in this case */
  41 article blockquote p:last-child {
  42     margin-bottom: 0;
  43 }
  44
  45 footer {
  46     color: #ffffff;
  47     background-color: #212529;
  48 }
  49
  50 footer ul {
  51     list-style-type: none;
  52     margin-left: 0;
  53     padding-left: 0;
  54 }
  55
  56 /* Large screens */
  57 @media screen and (min-width: 600px) {
  58     footer div#footer-left {
  59         text-align: right;
  60     }
  61
  62     footer #copyright {
  63         text-align: center;
  64         margin-top: 2em;
  65     }
  66 }
  67
  68 /* Small screens */
  69 @media screen and (max-width: 600px) {
  70     footer #copyright {
  71         margin-top: 2em;
  72     }
  73 }