css/kivitendo/jquery-ui.custom.css

   1 .tabwidget {
   2   background: white;
   3   position: relative;
   4   padding: .2em;
   5   zoom: 1;
   6   -webkit-border-radius: 4px;
   7   border-radius: 4px;
   8   border: 1px solid #dddddd;
   9   color: #333333;
  10   font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  11   font-size: 1.1em;
  12 }
  13
  14 .tabwidget ul {
  15   margin: 0;
  16   padding: .2em .2em 0;
  17   outline: 0;
  18   line-height: 1.3;
  19   text-decoration: none;
  20   font-size: 100%;
  21   font-weight: bold;
  22   list-style: none;
  23   display: block;
  24   background: #dddddd;
  25   border: 1px #dddddd;
  26   color: #fe5f14;
  27   margin: 0;
  28   padding: .2em .2em 0;
  29 }
  30
  31 .tabwidget ul::after {
  32   content: ".";
  33   display: block;
  34   height: 0;
  35   clear: both;
  36   visibility: hidden;
  37 }
  38
  39 .tabwidget ul li {
  40   list-style: none;
  41   float: left;
  42   position: relative;
  43   top: 1px;
  44   margin: 0 .2em 1px 0;
  45   border-bottom: 0 !important;
  46   border-top-right-radius: 4px;
  47   padding: 0;
  48   white-space: nowrap;
  49   border: 1px solid #cccccc;
  50   background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  51   font-weight: bold;
  52   color: #1c94c4;
  53 }
  54
  55 .tabwidget ul li a { float: left; padding: .5em 1em; text-decoration: none; }
  56 .tabwidget ul li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  57 .tabwidget ul li.ui-tabs-selected a, .tabwidget.ui-tabs-nav li.ui-state-disabled a, .tabwidget.ui-tabs-nav li.ui-state-processing a { cursor: text; }
  58 .tabwidget ul li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
  59
  60 .tabwidget div {
  61   display: none;
  62 }
  63
  64 .tabwidget.ui-state-active {
  65 }
  66
  67 .tabwidget .ui-widget-header {
  68   background: #dddddd;
  69   border: 1px #dddddd;
  70   color: #fe5f14;
  71 }
  72
  73
  74 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link, .tabwidget .ui-state-active a:visited {
  75   color: #fe5f14;
  76 }
  77
  78 .tabwidget .ui-state-active, .tabwidget.ui-widget-content .ui-state-active, .tabwidget .ui-widget-header .ui-state-active {
  79   color: #fe5f14;
  80 }
  81
  82 .tabwidget .ui-state-default a, .tabwidget .ui-state-default a:link {
  83   color: #006400;
  84 }
  85
  86 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link {
  87   color: #fe5f14;
  88 }
  89
  90 .tabwidget .ui-state-hover a, .tabwidget .ui-state-hover a:hover {
  91   color: #fe5f14;
  92 }