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: 2.5em 0 0 0;
  12 }
  13 .NAVIGATION {
  14   position: fixed;
  15   top: 0;
  16   display: inline-block;
  17   border-style: none solid solid solid;
  18   border-width: 0 1px 1px 1px;
  19   border-radius: 0 0 4px 4px;
  20   margin: 0 auto auto 3%;
  21   padding: .5em 1ex .5em 1ex;
  22   background: #FFF;
  23   z-index: 1;
  24 }
  25 .NAVIGATION a {
  26   color: #008;
  27   border: solid 1px #BBF;
  28   margin: .5em .5ex .25em .5ex;
  29   padding: .2em 3ex .2em 3ex;
  30   background: #EFF;
  31 }
  32 .NAVIGATION a:hover {
  33   border-width: 2px 1px 2px 1px;
  34   background: #F3FFFF;
  35 }
  36
  37 .trailbtn { display: none; }
  38 .trailbtn + .trailbox { display: none; }
  39 .trailbtn:checked + .trailbox { display: inline-block; }
  40 .trailbtn:checked + .trailbox + .trailbtn { display: block; }
  41 .trailbtn:checked + .trailbox + .trailbtn:before {
  42    display: block; content: '+';
  43    width: 3ex; text-align: center;
  44    margin-top: .25em; padding: .25em 0;
  45    background-color: #FFF;
  46    border-width: 1px; border-style: solid;
  47 }
  48 .trailbtn:checked + .trailbox + .trailbtn:checked,
  49 .trailbtn:checked { display: none; }
  50