css/lx-office-erp/jquery-ui.custom.css

   1 /* UI widgets in general */
   2 .ui-widget-content {
   3   background-image: url("../../image/fade.png");
   4   background-repeat: repeat-x;
   5   background-color: #fff;
   6 }
   7
   8 /* Tab widget */
   9 .tabwidget {
  10   background: none;
  11   position: relative;
  12   padding: .2em;
  13   zoom: 1;
  14   -webkit-border-radius: 0;
  15   border-radius: 0;
  16   border: 0;
  17   color: #000000;
  18   font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  19   overflow: hidden;
  20 }
  21
  22 .tabwidget > ul {
  23   margin: 0;
  24   padding: .2em .2em 0;
  25   outline: 0;
  26   line-height: 1.3;
  27   text-decoration: none;
  28   font-size: 100%;
  29   font-weight: bold;
  30   list-style: none;
  31   display: block;
  32   background: url("../../image/fade.png");
  33   border: 0;
  34   color: #000000;
  35   margin: 0;
  36 }
  37
  38 .tabwidget > ul::after {
  39   content: ".";
  40   display: block;
  41   height: 0;
  42   clear: both;
  43   visibility: hidden;
  44 }
  45
  46 .tabwidget > ul li {
  47   list-style: none;
  48   float: left;
  49   position: relative;
  50   top: 1px;
  51   margin: 0 .2em 1px 0;
  52   border-bottom: 0 !important;
  53   border-top-right-radius: 0;
  54   padding: 0;
  55   white-space: nowrap;
  56   border: 1px solid #cccccc;
  57   background: #f6f6f6 url(../ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  58   font-weight: bold;
  59   color: #000000;
  60 }
  61
  62 .tabwidget > ul li a { float: left; padding: .5em 1em; text-decoration: none; }
  63 .tabwidget > ul li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  64 .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; }
  65 .tabwidget > ul li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
  66
  67 .tabwidget > div {
  68   display: none;
  69   border: 1px solid black !important;
  70 }
  71
  72 .tabwidget .ui-widget-header {
  73   background: transparent;
  74   border: 0;
  75   color: #000000;
  76 }
  77
  78 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link, .tabwidget .ui-state-active a:visited {
  79   color: #000000;
  80 }
  81
  82 .tabwidget .ui-state-active, .tabwidget.ui-widget-content .ui-state-active, .tabwidget .ui-widget-header .ui-state-active {
  83   color: #000000;
  84 }
  85
  86 .tabwidget .ui-state-default a, .tabwidget .ui-state-default a:link {
  87   color: #999999;
  88 }
  89
  90 .tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link {
  91   color: #000000;
  92   text-decoration: underline;
  93 }
  94
  95 .tabwidget .ui-state-hover a, .tabwidget .ui-state-hover a:hover {
  96   color: #000000;
  97   text-decoration: underline;
  98 }
  99
 100 .ui-tabs .ui-tabs-nav li a { padding: .2em .7em; }
 101
 102 /* Dialog */
 103 .ui-dialog {
 104   border: 1px solid black;
 105 }
 106
 107 .ui-dialog .ui-dialog-titlebar {
 108   background: rgb(236,233,216);
 109   border-color: black;
 110   border-style: dashed;
 111   border-width: thin;
 112   color: black;
 113   font-weight: bolder;
 114   margin: 5px;
 115   padding: 5px;
 116   position: relative;
 117   text-align:left;
 118 }
 119 /* show scrollbar vertical */
 120 .ui-tabs-panel {
 121   overflow: scroll;
 122 }