git.plutz.net Git - clickslide/blob - autoslide.css

   1 div {
   2   display: inline-block;
   3   overflow: hidden;
   4   width: 40em; height: 30em;
   5   border: 1px solid black;
   6   font-size: 2pt;
   7 }
   8 div:target {
   9   display: fixed;
  10   top: 0; bottom: 0;
  11   left:0; right: 0;
  12   font-size: 24pt;
  13 }
  14
  15 ul { color: #CCC; }
  16 ul:hover { color: #000; }
  17 ul li:first-child { height: 0; }
  18 ul li:first-child:before,
  19 ul li:hover:before,
  20 ul li:active + li:before {
  21   content: ' ';
  22   position: fixed;
  23   top: 0; bottom: 0;
  24   left: 0; right: 0;
  25 }
  26 ul li:hover ~ li { color: #CCC; }
  27 ul li:active:before { display: none; }