git.plutz.net Git - serve0/blob - style.css

   1 * {
   2   box-sizing: border-box;
   3 }
   4
   5 body {
   6   color: white;
   7   background-color: black;
   8   margin: 0;
   9   padding: 0;
  10 }
  11
  12 input.toggle {
  13   display: none;
  14 }
  15 input.toggle + label + * {
  16   display: block;
  17   overflow: hidden;
  18   height: 0;
  19 }
  20 input.toggle:checked + label + * { height: auto; }
  21
  22 #search {
  23   text-align: center;
  24   background-color: #333;
  25   padding: .25em;
  26   border-bottom: 1px solid;
  27   margin: 0;
  28 }
  29
  30 label[for=t_prefs] {
  31   position: absolute;
  32   font-size: 1.5em;
  33   top: 0; right: .25em;
  34 }
  35
  36 #t_prefs:checked + label + #prefs {
  37   background-color: #333;
  38   border: 1px solid;
  39   border-top: none;
  40   border-right: none;
  41   padding: .5em 1em;
  42   margin: 0;
  43   position: relative;
  44   top: -1px;
  45   width: 13em;
  46   margin-left: auto;
  47 }
  48
  49 #prefs label[for=prefs_ps] {
  50   font-weight: bold;
  51 }
  52 #prefs #prefs_ps {
  53   max-width: 3em;
  54   margin-bottom: 1em;
  55 }
  56 #prefs button {
  57   margin-top: 1em;
  58 }
  59 #prefs input { vertical-align: top; }
  60 #prefs input[type=radio] + label,
  61 #prefs input[type=checkbox] + label {
  62   display: inline-block;
  63   margin-bottom: .5em;
  64   max-width: 85%;
  65 }
  66
  67 .list {
  68   position: relative;
  69   display: inline-block;
  70   width: 25%;
  71   min-width: 250px;
  72   padding: .5em 1em;
  73   margin: 0;
  74   overflow: none;
  75   word-wrap: break-word;
  76   vertical-align: top;
  77 }
  78 .list, .list a { color: black; }
  79 .list:before {
  80   position: absolute;
  81   top: .25em; left: .25em;
  82   bottom: .25em; right: .25em;
  83   z-index: -2;
  84   content: '';
  85 }
  86 .list.dir:before { background-color: #CCF; }
  87 .list.file:before { background-color: #FDD; }
  88
  89 .list.file img {
  90   display: block;
  91   width: 100%;
  92 }