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