extra/webapps/pastebin/pastebin.css

   1 input, textarea, select {
   2     font-size: 12pt;
   3     border: 1px solid #dbdbdb;
   4     padding: 5px;
   5 }
   6
   7 textarea {
   8     font-family: monospace;
   9 }
  10
  11 pre.code {
  12     border: 1px solid #dbdbdb;
  13     background-color: #f7f7f7;
  14     padding: 10px;
  15     color: black;
  16 }
  17
  18 table {
  19     border-collapse: collapse;
  20     table-layout: fixed;
  21 }
  22
  23 table td {
  24     padding: 5px;
  25     word-wrap: break-word;
  26 }
  27
  28 table th {
  29     padding: 5px;
  30 }
  31
  32 table tr:hover {
  33     background-color: #f5f5f5;
  34 }
  35
  36 @media screen and (max-width: 480px) {
  37
  38     th:nth-of-type(3), td:nth-of-type(3) {
  39         display: none;
  40     }
  41 }
  42
  43 @media (prefers-color-scheme: dark) {
  44
  45     table tr:hover {
  46         background-color: #373e48;
  47     }
  48
  49     pre.code {
  50         filter: invert(80%);
  51     }
  52
  53     input, textarea, select {
  54         filter: invert(80%);
  55     }
  56 }