git.plutz.net Git - confetti/blob - static/common.css

   1 * {
   2   font-family: sans-serif;
   3   -moz-box-sizing: border-box;
   4   -webkit-box-sizing: border-box;
   5   box-sizing: border-box;
   6   z-index: 0;
   7 }
   8 body {
   9   background: #EEE;
  10   margin: 0;
  11   padding: 0;
  12   padding-top: 2.5em;
  13 }
  14 .NAVIGATION {
  15   position: fixed;
  16   top: 0;
  17   display: inline-block;
  18   border-style: none solid solid solid;
  19   border-width: 0 1px 1px 1px;
  20   border-radius: 0 0 4px 4px;
  21   margin: 0 2em;
  22   padding: .5em 1ex;
  23   background: #FFF;
  24   z-index: 1;
  25 }
  26 .NAVIGATION label,
  27 .NAVIGATION a {
  28   color: #008;
  29   border: solid 1px #BBF;
  30   margin: .5em .5ex .25em .5ex;
  31   padding: .2em 3ex .2em 3ex;
  32   background: #EFF;
  33 }
  34 .NAVIGATION label:hover,
  35 .NAVIGATION a:hover {
  36   border-width: 2px 1px;
  37   background: #F3FFFF;
  38 }
  39
  40 .NAVIGATION input#navigationconfig { display: none; }
  41 .NAVIGATION label[for=navigationconfig] { }
  42 .NAVIGATION input + label + form.config {
  43   position: static;
  44   display: none;
  45 }
  46 .NAVIGATION .config a { display: block; }
  47 .NAVIGATION .config a:hover { border-width: 1px 2px; }
  48 .NAVIGATION input:checked + label + form.config { display: block; }
  49 .NAVIGATION .config input[type=text],
  50 .NAVIGATION .config button {
  51   font-size: .875em;
  52   line-height: 1.5em;
  53   height: 1.75em;
  54   padding: 0 .25em;
  55   vertical-align: bottom;
  56   border: 1px solid #000;
  57   background-color: #FFF;
  58 }
  59 .NAVIGATION .config input[type=text] {
  60   margin: .25em 0 0 .375em;
  61   border-right: none;
  62   width: 70%;
  63 }
  64 .NAVIGATION .config button {
  65   min-width: 2.5em;
  66   text-align: center;
  67   max-width: 30%;
  68 }
  69 .NAVIGATION .config button[value=del] {
  70   background: #FCC;
  71 }
  72
  73
  74 .trailbtn { display: none; }
  75 .trailbtn + .trailbox { display: none; }
  76 .trailbtn:checked + .trailbox { display: inline-block; }
  77 .trailbtn:checked + .trailbox + .trailbtn { display: block; }
  78 .trailbtn:checked + .trailbox + .trailbtn:before {
  79    display: block; content: '+';
  80    width: 3ex; text-align: center;
  81    margin-top: .25em; padding: .25em 0;
  82    background-color: #FFF;
  83    border-width: 1px; border-style: solid;
  84 }
  85 .trailbtn:checked + .trailbox + .trailbtn:checked,
  86 .trailbtn:checked { display: none; }
  87