extra/webapps/help/search.css

   1 .tabs {
   2   display: flex;
   3   flex-wrap: wrap;
   4   margin: 0 auto 10px;
   5 }
   6
   7 .radiotab {
   8   position: absolute;
   9   opacity: 0;
  10 }
  11
  12 .label {
  13   width: 100%;
  14   padding: 5px;
  15   background: white;
  16   cursor: pointer;
  17   font-weight: bold;
  18   font-size: 14pt;
  19   color: #7f7f7f;
  20   text-align: center;
  21   border: 1px solid #ccc;
  22 }
  23
  24 .label:hover {
  25   background: #d8d8d8;
  26   border: 1px solid #ccc;
  27 }
  28
  29 .radiotab:checked + .label {
  30   border: 1px solid #ccc;
  31   background: #f0f0f0;
  32   color: black;
  33 }
  34
  35 .panel {
  36   display: none;
  37   width: 100%;
  38 }
  39
  40 .radiotab:checked + .label + .panel {
  41   display: block;
  42 }
  43
  44 @media (min-width: 600px) {
  45
  46   .panel {
  47     order: 99;
  48     border-top: 1px solid #ccc;
  49   }
  50
  51   .label {
  52     width: 33.33%;
  53     border: 1px solid white;
  54     border-bottom: none;
  55   }
  56
  57   .label:hover {
  58     border-bottom: none;
  59   }
  60
  61   .radiotab:checked + .label {
  62     border-bottom: none;
  63   }
  64 }