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 hr {
  46    height: 1px;
  47 }
  48
  49 @media screen and (max-width: 600px) {
  50     .infobox {
  51         display: none;
  52     }
  53
  54     .posts {
  55         margin-right: 0;
  56     }
  57
  58     blockquote {
  59         margin: 0.5rem;
  60     }
  61 }
  62
  63 /* Dark mode */
  64 @media (prefers-color-scheme: dark) {
  65     .posting-title {
  66         background-color: #373e48;
  67     }
  68
  69     pre, code {
  70         color: #bdc1c6;
  71     }
  72 }