static/css/post.css

   1 /* luflow.net web site */
   2 /* Public domain 2025. All rights waived */
   3
   4 article {
   5     line-height: 1.4em;
   6 }
   7
   8 article p {
   9     margin-top: 16px;
  10     margin-bottom: 16px;
  11 }
  12
  13 article ul {
  14     margin-left: 32px;
  15 }
  16
  17 article a:link,
  18 article a:visited {
  19     color: #0064ff;
  20     text-decoration: none;
  21 }
  22
  23 article a:active,
  24 article a:focus,
  25 article a:hover {
  26     border-style: none none dashed none;
  27     border-width: thin;
  28     color: #357edd;
  29 }
  30
  31 article a img {
  32     border-style: none;
  33 }
  34
  35 article h2 {
  36     font-size: 1.8em;
  37     text-align: left;
  38     line-height: 1.2em;
  39     padding: 0 0;
  40 }
  41
  42 article h4 {
  43     font-size: 2em;
  44     padding: 30px 0px;
  45 }
  46
  47 article h5 {
  48     font-size: 1.5em;
  49 }
  50
  51 article audio,
  52 article img,
  53 article video {
  54     display: block;
  55     margin: 50px auto;
  56     max-width: 100%;
  57 }
  58
  59 .post-metadata {
  60     color: #4d4d4d;
  61     margin-bottom: 50px;
  62 }
  63
  64 .topic-list {
  65     margin: 50px 0px;
  66 }
  67
  68 .topic-list p {
  69     font-weight: bold;
  70     margin-bottom: 30px;
  71 }
  72
  73 /* Aim for ~12 words per line for good readability.  */
  74 article.limit-width {
  75     max-width: 720px;
  76 }
  77
  78 .license {
  79     font-size: 0.8em;
  80     line-height: 1.4em;
  81 }
  82
  83 article button {
  84     padding: 2px;
  85     margin: 2px;
  86     min-width: 5em;
  87 }
  88
  89 /* force wrapping to new line so that scrollbar isn't needed: */
  90 code[class*='language-'] {
  91     white-space: pre-wrap;
  92     word-break: break-all;
  93 }
  94
  95 .copy-code {
  96     position: absolute;
  97     top: 0;
  98     right: 0;
  99     background-color: #white;
 100     border-radius: 6px;
 101     padding: 0.25rem 0.5rem;
 102     font-size: 0.75rem;
 103     line-height: 1rem;
 104 }
 105
 106 .copy-code:hover {
 107     background-color: #f6f6f6;
 108 }