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

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