app/static/style.css

   1 body {
   2   font-family: sans-serif;
   3   background: #333;
   4   color: #eee;
   5 }
   6
   7 a:link, a:visited ,
   8 summary {
   9   color: #ccc;
  10   text-decoration: none;
  11 }
  12
  13 a:active, a:hover ,
  14 summary:active, summary:hover {
  15   color: #fff;
  16   text-decoration: none;
  17 }
  18
  19 .card {
  20   box-shadow: 0 0 5px #222;
  21   border:1px solid #222;
  22   padding: .5em;
  23   margin-bottom: .5em;
  24     margin-left: .25em;margin-right: .25em;
  25   x-width: 320px;
  26   width: 270px;
  27   display: inline-block;
  28 }
  29
  30 .card img {
  31   width: 100%;
  32   height: calc(270px / 16 * 9);
  33   object-fit: contain;
  34 }
  35
  36 .title {
  37   margin-bottom: .5em;
  38   height: 2.3em;
  39   line-height: 1.2em;
  40   overflow: hidden;
  41 }
  42
  43 #main {
  44   max-width: 1200px;
  45 }
  46 #main .card {text-align: left}
  47 .infobar{
  48 display:flex;
  49 }
  50 .infobar .advanced{
  51 flex:1;
  52 text-align:right;
  53 }
  54 .infobar a{
  55 overflow: hidden;
  56 white-space: nowrap;
  57 text-overflow:ellipsis;
  58 min-width:0;
  59 }
  60
  61 .emoji{
  62 padding: 0 .7em;
  63 cursor:pointer;
  64 background: none;
  65   border: none;
  66   color: white;
  67 }
  68 #submgr .emoji{
  69 margin-right:1em
  70 }
  71 .advanced summary{
  72 margin-bottom: .5em;
  73 white-space: nowrap;
  74 list-style-type:none; /* firefox only */
  75 }
  76 summary{
  77 cursor: pointer;
  78 }
  79 details.advanced {
  80 white-space: nowrap;
  81 }
  82 .advanced:not([open]) summary{
  83 display:inline;
  84 }
  85 .advanced form{
  86 display:inline;
  87 margin:0;
  88 }
  89 ul#submgr{list-style: none}
  90 #submgr form {
  91   margin-bottom: 1em;
  92 }
  93
  94