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

From: Yu Xin Huo <huoyuxin(a)linux.vnet.ibm.com&gt; Signed-off-by: Yu Xin Huo <huoyuxin(a)linux.vnet.ibm.com&gt; --- 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