Refactoring: DHTML-Tab-Dialog durch Variante aus jQuery-UI ersetzt

[kivitendo-erp.git] / css / kivitendo / jquery-ui.custom.css

diff --git a/css/kivitendo/jquery-ui.custom.css b/css/kivitendo/jquery-ui.custom.css
new file mode 100644 (file)
index 0000000..e99327f
--- /dev/null
+++ b/css/kivitendo/jquery-ui.custom.css
@@ -0,0 +1,92 @@
+.tabwidget {
+  background: white;
+  position: relative;
+  padding: .2em;
+  zoom: 1;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #dddddd;
+  color: #333333;
+  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
+  font-size: 1.1em;
+}
+
+.tabwidget ul {
+  margin: 0;
+  padding: .2em .2em 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  font-weight: bold;
+  list-style: none;
+  display: block;
+  background: #dddddd;
+  border: 1px #dddddd;
+  color: #fe5f14;
+  margin: 0;
+  padding: .2em .2em 0;
+}
+
+.tabwidget ul::after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.tabwidget ul li {
+  list-style: none;
+  float: left;
+  position: relative;
+  top: 1px;
+  margin: 0 .2em 1px 0;
+  border-bottom: 0 !important;
+  border-top-right-radius: 4px;
+  padding: 0;
+  white-space: nowrap;
+  border: 1px solid #cccccc;
+  background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
+  font-weight: bold;
+  color: #1c94c4;
+}
+
+.tabwidget ul li a { float: left; padding: .5em 1em; text-decoration: none; }
+.tabwidget ul li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.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; }
+.tabwidget ul li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
+
+.tabwidget div {
+  display: none;
+}
+
+.tabwidget.ui-state-active {
+}
+
+.tabwidget .ui-widget-header {
+  background: #dddddd;
+  border: 1px #dddddd;
+  color: #fe5f14;
+}
+
+
+.tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link, .tabwidget .ui-state-active a:visited {
+  color: #fe5f14;
+}
+
+.tabwidget .ui-state-active, .tabwidget.ui-widget-content .ui-state-active, .tabwidget .ui-widget-header .ui-state-active {
+  color: #fe5f14;
+}
+
+.tabwidget .ui-state-default a, .tabwidget .ui-state-default a:link {
+  color: #006400;
+}
+
+.tabwidget .ui-state-active a, .tabwidget .ui-state-active a:link {
+  color: #fe5f14;
+}
+
+.tabwidget .ui-state-hover a, .tabwidget .ui-state-hover a:hover {
+  color: #fe5f14;
+}