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 footer a img {
  57     border: none;
  58 }
  59
  60 /* Large screens */
  61 @media screen and (min-width: 600px) {
  62     footer div#footer-left {
  63         text-align: right;
  64     }
  65
  66     footer div#footer-middle {
  67         text-align: center;
  68     }
  69
  70     footer #copyright {
  71         text-align: center;
  72         margin-top: 2em;
  73     }
  74 }
  75
  76 /* Small screens */
  77 @media screen and (max-width: 600px) {
  78     footer div#footer-middle {
  79         margin-top: 1em;
  80     }
  81
  82     footer #copyright {
  83         margin-top: 2em;
  84     }
  85 }