css/kivitendo/jquery-ui.custom.css

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