app/browse/static/style.css

   1 /* search */
   2 #search {
   3   width:60em;
   4   max-width:100%;
   5   box-sizing:border-box;
   6   margin:1.5em auto;
   7 }
   8 #search #box::placeholder{
   9   color:#eee;
  10   opacity: .7;
  11 }
  12 #search #box,
  13 #search #go,
  14 #search #filters select {
  15   display:block;
  16   border:0;
  17   background:#666;
  18   color:#eee;
  19   padding:.2em
  20 }
  21 #search #go {
  22   padding: 0 1em;
  23   border-left: 1px solid #eee;
  24 }
  25 #search #box,
  26 #search #filters {
  27   font-size: 1em;
  28   flex: 1;
  29 }
  30 #search #main,
  31 #search #filters #container {
  32   display: flex;
  33   flex-wrap: wrap;
  34 }
  35 #search #filters select {
  36   flex: 1;
  37 }
  38
  39 /* channel */
  40 #subpages {
  41   display: flex;
  42   margin: 1em;
  43 }
  44 #subpages .subpages {
  45   flex: 1;
  46 }
  47 #subpages .subpages form {
  48   display: inline;
  49 }
  50 #subpages .subpages .search-channel {
  51   background:0;
  52   color:#eee;
  53   border:0;
  54 }
  55 #subpages .subpages .search-channel:hover,
  56 #subpages .subpages .search-channel:active {
  57   outline: 1px solid grey;
  58 }
  59 #subpages .sort-order {
  60   flex: 1;
  61   text-align: right;
  62 }