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: 0;
   9   color: #333333;
  10   font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  11   font-size: 1.1em;
  12   overflow: hidden;
  13 }
  14
  15 .tabwidget > ul {
  16   margin: 0;
  17   padding: .2em .2em 0;
  18   outline: 0;
  19   line-height: 1.3;
  20   text-decoration: none;
  21   font-size: 100%;
  22   font-weight: bold;
  23   list-style: none;
  24   display: block;
  25   background: #dddddd;
  26   border: 1px #dddddd;
  27   color: #fe5f14;
  28   margin: 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   border: 1px solid #999 !important;
  63 }
  64
  65 .tabwidget .ui-widget-header {
  66   background: transparent;
  67   border: 0px;
  68   color: #fe5f14;
  69 }
  70
  71 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link, .tabwidget .ui-state-active a:visited {
  72   color: #fe5f14;
  73 }
  74
  75 .tabwidget .ui-state-active, .tabwidget.ui-widget-content .ui-state-active, .tabwidget .ui-widget-header .ui-state-active {
  76   color: #fe5f14;
  77 }
  78
  79 .tabwidget .ui-state-default a, .tabwidget .ui-state-default a:link {
  80   color: #000000;
  81 }
  82
  83 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link {
  84   color: #fe5f14;
  85 }
  86
  87 .tabwidget .ui-state-hover a, .tabwidget .ui-state-hover a:hover {
  88   color: #fe5f14;
  89 }
  90
  91 .ui-tabs .ui-tabs-nav li a { padding: .2em .7em; }