[Kimchi-devel] [v3 1/2] UI: Customize jQuery UI Tabs Widget

[huoyuxin at linux.vnet.ibm.com]

From: Yu Xin Huo <huoyuxin at linux.vnet.ibm.com>

Signed-off-by: Yu Xin Huo <huoyuxin at linux.vnet.ibm.com>
---
 ui/css/theme-default/tabs.css  |   46 ++++++++++++++++++++++++++++++++++++
 ui/css/theme-default/theme.css |   50 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 96 insertions(+), 0 deletions(-)
 create mode 100644 ui/css/theme-default/tabs.css
 create mode 100644 ui/css/theme-default/theme.css

diff --git a/ui/css/theme-default/tabs.css b/ui/css/theme-default/tabs.css
new file mode 100644
index 0000000..47404b7
--- /dev/null
+++ b/ui/css/theme-default/tabs.css
@@ -0,0 +1,46 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2015
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.ui-tabs {
+    border: 0 none !important;
+    padding: 0;
+    position: relative;
+}
+
+.ui-tabs .ui-tabs-nav {
+    background: none;
+    border-color: #ededed;
+    border-width: 0 0 2px;
+}
+
+.ui-tabs .ui-tabs-nav li {
+    background: none;
+    border-width: 0;
+    padding: 0 0px 1px;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    border-bottom: 2px solid #008abf;
+    margin-bottom: -2px;
+    font-weight: bold;
+}
+
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+    line-height: 1;
+    padding: 10px 20px 5px;
+}
diff --git a/ui/css/theme-default/theme.css b/ui/css/theme-default/theme.css
new file mode 100644
index 0000000..221f488
--- /dev/null
+++ b/ui/css/theme-default/theme.css
@@ -0,0 +1,50 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2015
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.ui-widget {
+    font-family: 'Helvetica Neue', Helvetica, Arial;
+}
+
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family: 'Helvetica Neue', Helvetica, Arial;
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: #222222;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: #222222;
+}
+
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+    font-weight: normal;
+}
+
+.ui-widget-content {
+    background: none;
+}
-- 
1.7.1