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 article pre {
  46     background: #eeeeee;
  47     padding: 0.5em;
  48 }
  49
  50 footer {
  51     color: #ffffff;
  52     background-color: #212529;
  53 }
  54
  55 footer ul {
  56     list-style-type: none;
  57     margin-left: 0;
  58     padding-left: 0;
  59 }
  60
  61 footer a img {
  62     border: none;
  63 }
  64
  65 /* Large screens */
  66 @media screen and (min-width: 600px) {
  67     footer div#footer-left {
  68         text-align: right;
  69     }
  70
  71     footer div#footer-middle {
  72         text-align: center;
  73     }
  74
  75     footer #copyright {
  76         text-align: center;
  77         font-size: smaller;
  78         margin-top: 2em;
  79     }
  80
  81     footer #footer-note {
  82         text-align: center;
  83         font-size: smaller;
  84     }
  85 }
  86
  87 /* Small screens */
  88 @media screen and (max-width: 600px) {
  89     footer div#footer-middle {
  90         margin-top: 1em;
  91     }
  92
  93     footer #copyright, footer #footer-note {
  94         margin-top: 1em;
  95     }
  96 }