extra/webapps/planet/planet.css

   1 .page {
   2     padding-left: 15px;
   3     padding-right: 15px;
   4     padding-bottom: 15px;
   5     position: relative;
   6 }
   7
   8 .page img {
   9     max-width: 100%;
  10     height: auto;
  11 }
  12
  13 .posts {
  14     max-width: 755px;
  15     margin-right: 215px;
  16 }
  17
  18 .infobox {
  19     position: absolute;
  20     top: 0;
  21     left: calc(100% - 215px);
  22     width: 200px;
  23     padding: 10px;
  24     line-height: 130%;
  25 }
  26
  27 .posting-title {
  28     padding: 10px;
  29     background-color:#f3f2ea;
  30 }
  31
  32 .posting-body {
  33     line-height: 150%;
  34 }
  35
  36 .posting-date {
  37     text-align: right;
  38     font-size: 90%;
  39 }
  40
  41 pre, code {
  42     color: #000000;
  43 }
  44
  45 @media screen and (max-width: 600px) {
  46     .infobox {
  47         display: none;
  48     }
  49
  50     .posts {
  51         margin-right: 0;
  52     }
  53
  54     blockquote {
  55         margin: 0.5rem;
  56     }
  57 }
  58
  59 /* Dark mode */
  60 @media (prefers-color-scheme: dark) {
  61     .posting-title {
  62         background-color: #373e48;
  63     }
  64
  65     pre, code {
  66         color: #bdc1c6;
  67     }
  68 }