src/webui/www/private/css/Tabs.css

   1 /*
   2
   3 Tabs.css for Mocha UI
   4
   5 Theme: Default
   6
   7 Copyright:
   8         Copyright (c) 2007-2009 Greg Houston, <http://greghoustondesign.com/>.
   9
  10 License:
  11         MIT-style license.
  12
  13 Required by:
  14         Tabs.js
  15
  16 */
  17
  18 /* Toolbar Tabs */
  19
  20 .toolbarTabs {
  21     overflow: visible;
  22     user-select: none;
  23 }
  24
  25 .tab-menu {
  26     font-size: 11px;
  27     list-style-type: none;
  28     padding: 0;
  29 }
  30
  31 .tab-menu li {
  32     cursor: pointer;
  33     float: left;
  34 }
  35
  36 .tab-menu .selected img,
  37 .tab-menu li:hover img {
  38     filter: var(--color-icon-hover);
  39 }
  40
  41 .tab-menu li a {
  42     align-items: center;
  43     background-color: var(--color-background-default);
  44     border-radius: 3px 3px 0 0;
  45     color: var(--color-text-default);
  46     display: flex;
  47     gap: 5px;
  48     margin-left: 6px;
  49     padding: 5px 7px 3px;
  50     text-align: center;
  51 }
  52
  53 .tab-menu li:first-child a {
  54     margin-left: 4px;
  55 }
  56
  57 .tab-menu li:hover a {
  58     background-color: var(--color-background-hover);
  59     color: var(--color-text-white);
  60 }
  61
  62 .tab-menu li.selected a {
  63     background-color: var(--color-background-blue);
  64     color: var(--color-text-white);
  65 }