[Kimchi-devel] [PATCH 15/17] Ginger Base : base plugin ui/css files
chandra at linux.vnet.ibm.com
chandra at linux.vnet.ibm.com
Tue Sep 1 18:03:15 UTC 2015
From: chandrureddy <chandra at linux.vnet.ibm.com>
---
plugins/gingerbase/ui/css/Makefile.am | 26 +
plugins/gingerbase/ui/css/theme-default/button.css | 524 +++++++++++++++++++++
.../ui/css/theme-default/circleGauge.css | 23 +
plugins/gingerbase/ui/css/theme-default/form.css | 62 +++
plugins/gingerbase/ui/css/theme-default/grid.css | 262 +++++++++++
plugins/gingerbase/ui/css/theme-default/host.css | 287 +++++++++++
.../ui/css/theme-default/jquery-ui.custom.css | 203 ++++++++
.../gingerbase/ui/css/theme-default/line-chart.css | 73 +++
.../gingerbase/ui/css/theme-default/message.css | 135 ++++++
.../gingerbase/ui/css/theme-default/popover.css | 124 +++++
.../gingerbase/ui/css/theme-default/report-add.css | 37 ++
.../ui/css/theme-default/report-rename.css | 39 ++
.../ui/css/theme-default/repository-add.css | 42 ++
.../ui/css/theme-default/repository-edit.css | 88 ++++
.../gingerbase/ui/css/theme-default/tile-check.css | 45 ++
.../gingerbase/ui/css/theme-default/toolbar.css | 53 +++
plugins/kimchi/ui/css/theme-default/host.css | 287 -----------
plugins/kimchi/ui/css/theme-default/report-add.css | 37 --
.../kimchi/ui/css/theme-default/report-rename.css | 39 --
.../kimchi/ui/css/theme-default/repository-add.css | 42 --
.../ui/css/theme-default/repository-edit.css | 88 ----
21 files changed, 2023 insertions(+), 493 deletions(-)
create mode 100644 plugins/gingerbase/ui/css/Makefile.am
create mode 100644 plugins/gingerbase/ui/css/theme-default/button.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/circleGauge.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/form.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/grid.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/host.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/jquery-ui.custom.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/line-chart.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/message.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/popover.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/report-add.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/report-rename.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/repository-add.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/repository-edit.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/tile-check.css
create mode 100644 plugins/gingerbase/ui/css/theme-default/toolbar.css
delete mode 100644 plugins/kimchi/ui/css/theme-default/host.css
delete mode 100644 plugins/kimchi/ui/css/theme-default/report-add.css
delete mode 100644 plugins/kimchi/ui/css/theme-default/report-rename.css
delete mode 100644 plugins/kimchi/ui/css/theme-default/repository-add.css
delete mode 100644 plugins/kimchi/ui/css/theme-default/repository-edit.css
diff --git a/plugins/gingerbase/ui/css/Makefile.am b/plugins/gingerbase/ui/css/Makefile.am
new file mode 100644
index 0000000..6ba4657
--- /dev/null
+++ b/plugins/gingerbase/ui/css/Makefile.am
@@ -0,0 +1,26 @@
+#
+# Kimchi
+#
+# Copyright IBM, Corp. 2013
+#
+# 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.
+
+EXTRA_DIST = theme-default
+
+cssdir = $(datadir)/wok/plugins/gingerbase/ui/css
+dist_css_DATA = theme-default.min.css
+
+theme-default.min.css: theme-default/*.css
+ cat $^ > $@
+
+CLEANFILES = theme-default.min.css
diff --git a/plugins/gingerbase/ui/css/theme-default/button.css b/plugins/gingerbase/ui/css/theme-default/button.css
new file mode 100644
index 0000000..e774128
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/button.css
@@ -0,0 +1,524 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-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.
+ */
+
+ /* Generated at http://colorzilla.com/gradient-editor/ */
+.btn {
+ display: inline-block;
+ height: 42px;
+ margin: 3px;
+ vertical-align: top;
+ border: 1px solid #aaa;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px white
+ inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
+ endColorstr='#e5e5e5', GradientType=0);
+ line-height: 42px;
+ color: #333;
+ font-size: 13px;
+ text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #fff;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.btn[disabled] {
+ opacity: 0.3;
+}
+
+.btn:not([disabled]):hover {
+ box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white
+ inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #d5d5d5;
+ background: -moz-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #d5d5d5), color-stop(100%, #eeeeee));
+ background: -webkit-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -o-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -ms-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5',
+ endColorstr='#eeeeee', GradientType=0);
+}
+
+.btn:not([disabled]):active {
+ box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px
+ rgba(0, 0, 0, .25) inset, -3px -3px 3px white inset;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',
+ endColorstr='#ffffff', GradientType=0);
+}
+
+.btn.loading {
+ box-shadow: none;
+ cursor: default;
+}
+
+.btn.loading .icon {
+ background: url(../images/theme-default/icon-load.png) center
+ center no-repeat;
+}
+
+.btn.pause-gray .icon {
+ background: url(../images/theme-default/ac22_pause_grey.png) center
+ center no-repeat;
+}
+
+.btn.resume-gray .icon {
+ background: url(../images/theme-default/ac24_resume_grey.png) center
+ center no-repeat;
+}
+
+.btn .text {
+ padding: 0 10px;
+}
+
+.btn .icon {
+ display: block;
+ width: 42px;
+ height: 42px;
+}
+
+.btn.dropdown {
+ text-align: left;
+ position: relative;
+ padding-right: 25px;
+}
+
+.btn.dropdown .arrow {
+ position: absolute;
+ width: 15px;
+ height: 42px;
+ line-height: 42px;
+ top: 0;
+ right: 10px;
+ background: url(../images/theme-default/arrow-down-black.png) no-repeat
+ center center;
+ right: 10px;
+}
+
+.btn .input {
+ margin-left: 10px;
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.btn-tool {
+ display: inline-block;
+ height: 38px;
+ margin: 6px 3px;
+ vertical-align: top;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px #ddd inset,
+ -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #f3f3f3;
+ background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%,
+ #cccccc 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #f3f3f3), color-stop(50%, #dddddd),
+ color-stop(51%, #d8d8d8), color-stop(100%, #cccccc));
+ background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8
+ 51%, #cccccc 100%);
+ background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%,
+ #cccccc 100%);
+ background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%,
+ #cccccc 100%);
+ background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 50%,
+ #d8d8d8 51%, #cccccc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',
+ endColorstr='#cccccc', GradientType=0);
+ overflow: hidden;
+ cursor: pointer;
+}
+
+.btn-tool:hover {
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px
+ rgba(0, 0, 0, .25) inset, -3px -3px 3px
+ rgba(0, 0, 0, .25) inset;
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.btn-tool.left,.btn-tool.right {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background: #dddddd;
+ background: -moz-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #dddddd), color-stop(100%, #999999));
+ background: -webkit-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -o-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -ms-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: linear-gradient(to bottom, #dddddd 0%, #999999 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',
+ endColorstr='#999999', GradientType=0);
+}
+
+.btn-tool:active,.btn-tool.active {
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 3px 3px 3px
+ rgba(0, 0, 0, .35) inset;
+}
+
+.btn-tool.left {
+ -webkit-border-top-left-radius: 5px;
+ -moz-border-top-left-radius: 5px;
+ border-top-left-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -moz-border-bottom-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+}
+
+.btn-tool.right {
+ -webkit-border-top-right-radius: 5px;
+ -moz-border-top-right-radius: 5px;
+ border-top-right-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -moz-border-bottom-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+}
+
+.btn-tool .icon {
+ display: block;
+ width: 48px;
+ height: 38px;
+}
+
+.icon.reset {
+ background: url(../images/theme-default/icon-reset.png) center
+ center no-repeat;
+}
+
+.icon.power-up {
+ background: url(../images/theme-default/icon-power-up.png) center
+ center no-repeat;
+}
+
+.icon.power-down {
+ background: url(../images/theme-default/icon-power-down.png) center
+ center no-repeat;
+}
+
+.icon.pause {
+ background: url(../images/theme-default/ac22_pause.png) center
+ center no-repeat;
+}
+
+.icon.resume {
+ background: url(../images/theme-default/ac24_resume.png) center
+ center no-repeat;
+}
+
+.icon.search {
+ background: url(../images/theme-default/icon-search.png) no-repeat
+ center center;
+}
+
+.icon.sort {
+ background: url(../images/theme-default/icon-sort.png) no-repeat
+ center center;
+}
+
+.icon.design {
+ background: url(../images/theme-default/icon-design.png) no-repeat
+ center center;
+}
+
+.icon.list {
+ background: url(../images/theme-default/icon-list.png) no-repeat
+ center center;
+}
+
+.icon.detail {
+ background: url(../images/theme-default/icon-detail.png) no-repeat
+ center center;
+}
+
+.icon.add {
+ line-height: 32px;
+ text-align: center;
+ text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #eee;
+ font-size: 38px;
+ font-weight: bold;
+ color: #7cae0a;
+}
+
+.icon.tree {
+ width: 42px;
+ background: url(../images/theme-default/icon-tree.png) no-repeat
+ center center;
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.btn-tool.tree {
+ width: 42px;
+ margin: 5px 10px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
+ endColorstr='#e5e5e5', GradientType=0);
+ box-shadow: -1px -1px 1px #03385c, 1px 1px 1px #09F, 3px 3px 3px white
+ inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+}
+
+.btn-select {
+ display: inline-block;
+ position: relative;
+ height: 30px;
+ padding-right: 20px;
+ vertical-align: top;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ background: #fff;
+ box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 1px 1px 1px
+ rgba(0, 0, 0, .15) inset;
+ font-size: 13px;
+ line-height: 30px;
+ text-align: left;
+ cursor: pointer;
+}
+
+.btn-select .input {
+ border: 0 solid #CCCCCC;
+ margin-right: 10px;
+ font-size: 16px;
+ height: 30px;
+ line-height: 30px;
+ width: 100%;
+ position: absolute;
+ padding: 0 5px;
+}
+
+.btn-select input.invalid-field {
+ border: 1px solid #FF4444;
+}
+.btn-select .arrow {
+ position: absolute;
+ width: 15px;
+ height: 30px;
+ line-height: 30px;
+ top: 0;
+ right: 5px;
+ background: url(../images/theme-default/arrow-down-black.png) no-repeat
+ center center;
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.button-big {
+ display: block;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ box-shadow: -1px -1px 1px #ccc, 1px 1px 1px #eee;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ -webkit-border-radius: 05px;
+ -moz-border-radius: 05px;
+ border-radius: 05px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
+ endColorstr='#e5e5e5', GradientType=0);
+ text-align: center;
+ font-size: 13px;
+ line-height: 38px;
+ width: 100%;
+}
+
+.button-big:not([disabled]):hover {
+ box-shadow: -1px -1px 1px #bbb, 1px 1px 1px #ddd;
+ background: #eeeeee;
+ background: -moz-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5));
+ background: -webkit-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -o-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -ms-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: linear-gradient(to bottom, #eeeeee 0%, #d5d5d5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',
+ endColorstr='#d5d5d5', GradientType=0);
+}
+
+.button-big:not([disabled]):active {
+ box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset,
+ -2px -2px 2px #aaa inset;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',
+ endColorstr='#ffffff', GradientType=0);
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.button-big.red:not([disabled]) {
+ text-shadow: -1px -1px 1px #9e0505, 1px 1px 1px #fc5d4c;
+ border: 1px solid #b10f14;
+ background: #ff3019;
+ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #ff3019), color-stop(100%, #cf0404));
+ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',
+ endColorstr='#cf0404', GradientType=0);
+ color: #fff;
+}
+
+.button-big.red:not([disabled]):hover {
+ background: #ef2009;
+ background: -moz-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #ef2009), color-stop(100%, #bf0404));
+ background: -webkit-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -o-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -ms-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: linear-gradient(to bottom, #ef2009 0%, #bf0404 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2009',
+ endColorstr='#bf0404', GradientType=0);
+ color: #fff;
+}
+
+.button-big.red:not([disabled]):active {
+ background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #cf0404), color-stop(100%, #ff3019));
+ background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404',
+ endColorstr='#ff3019', GradientType=0);
+}
+
+.button-big.disable {
+ display: none;
+}
+
+.btn-normal {
+ display: inline-block;
+ height: 38px;
+ margin: 9px 3px;
+ vertical-align: top;
+ background: #FFFFFF;
+ line-height: 38px;
+ padding: 0 20px;
+ color: #444444;
+ font-size: 13px;
+ cursor: pointer;
+}
+
+.btn-normal span {
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+ font-weight: lighter;
+}
+
+.btn-normal:not([disabled]):hover {
+ background: #EEEEEE;
+}
+
+.btn-normal:not([disabled]):active {
+ background: #999999;
+}
+
+.btn-normal[disabled] {
+ color: #CCCCCC;
+ cursor: default;
+}
+
+.btn-normal-1 {
+ display: inline-block;
+ height: 38px;
+ margin: 9px 3px;
+ vertical-align: top;
+ background: #008abf;
+ line-height: 38px;
+ padding: 0 20px;
+ color: #FFFFFF;
+ font-size: 13px;
+ cursor: pointer;
+}
+
+.btn-normal-1 span {
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+ font-weight: lighter;
+}
+
+.btn-normal-1:not([disabled]):active {
+ background: #999999;
+}
+
+.btn-normal-1[disabled] {
+ background: #999999;
+ cursor: default;
+}
+
+.btn-group {
+ float: left;
+ padding: 0 10px;
+}
+
+.btn-small {
+ display: inline-block;
+ height: 25px;
+ margin: 6px 3px;
+ vertical-align: top;
+ background: #06F;
+ line-height: 25px;
+ padding: 0 10px;
+ color: #EEE;
+ border-radius: 8px;
+ font-size: 10px;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/circleGauge.css b/plugins/gingerbase/ui/css/theme-default/circleGauge.css
new file mode 100644
index 0000000..48ef1d3
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/circleGauge.css
@@ -0,0 +1,23 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2014
+ *
+ * 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.
+ */
+.circleGauge {
+ position: relative;
+ margin: 30px 10px 10px 10px;
+ width: 70px;
+ height: 70px;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/form.css b/plugins/gingerbase/ui/css/theme-default/form.css
new file mode 100644
index 0000000..9f3c6b6
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/form.css
@@ -0,0 +1,62 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-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.
+ */
+.form-section {
+ padding: 10px;
+}
+
+.form-section>h2 {
+ font-size: 14px;
+ margin-left: 20px;
+ font-weight: lighter;
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+}
+
+.form-section .field {
+ padding: 5px 5px 5px 20px;
+ overflow: hidden;
+}
+
+.form-section .field .text-help {
+ font-size: 12px;
+ margin: 0 0 5px 0;
+ font-weight: lighter;
+ color: #999999;
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+}
+
+.form-section .field input.text {
+ border: 1px solid #ccc;
+ font-size: 16px;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+}
+
+.text-help {
+ font-size: 12px;
+ color: #333;
+ margin: 0 0 5px 5px;
+}
+
+input.invalid-field[type="text"] {
+ border-color: #FF4444!important;
+}
+
+input.invalid-field[type="text"][disabled] {
+ border-color: #666666!important;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/grid.css b/plugins/gingerbase/ui/css/theme-default/grid.css
new file mode 100644
index 0000000..a6a845e
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/grid.css
@@ -0,0 +1,262 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+.resizing {
+ cursor: col-resize;
+}
+
+.grid {
+ background: white;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ position: relative;
+}
+
+.grid-caption,
+.grid-toolbar,
+.grid-content,
+.grid-footer {
+ display: block;
+}
+
+.grid-caption {
+ background: #5af;
+ color: white;
+ font-family: arial;
+ font-weight: bold;
+ padding: 0 5px;
+}
+
+.grid-caption,
+.grid-toolbar {
+ height: 24px;
+ line-height: 24px;
+ overflow: hidden;
+}
+
+.grid-toolbar-button {
+ background: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ height: 24px;
+ padding: 0 5px;
+ vertical-align: top;
+}
+
+.grid-toolbar-button:not([disabled]):hover {
+ background: #e0e0e0;
+ border-color: #eee;
+}
+
+.grid-content {
+ bottom: 0;
+ overflow: hidden;
+ position: absolute;
+ width: 100%;
+}
+
+.grid-header,
+.grid-body {
+ overflow: hidden;
+ width: 100%;
+}
+
+.grid-header {
+ background: #f0f0f0;
+ background: -moz-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%,
+ #e0e0e0 100%);
+ background: -webkit-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%,
+ #e0e0e0 100%);
+ background: -o-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%,
+ #e0e0e0 100%);
+ background: -ms-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%,
+ #e0e0e0 100%);
+ background: linear-gradient(to bottom, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%,
+ #e0e0e0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',
+ endColorstr='#e0e0e0', GradientType=0);
+ border-bottom: 1px solid #ccc;
+ border-top: 1px solid #ccc;
+ height: 29px;
+}
+
+.grid-frozen-header-view,
+.grid-header-view,
+.grid-frozen-body-view,
+.grid-body-view {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ overflow: hidden;
+ position: absolute;
+ vertical-align: top;
+}
+
+.grid-frozen-header-view,
+.grid-header-view {
+ top: 0;
+}
+
+.grid-frozen-header-view,
+.grid-header-view,
+.grid-frozen-body-view {
+}
+
+.grid-frozen-header-view {
+ z-index: 3;
+}
+
+.grid-header-view {
+ z-index: 2;
+}
+
+.grid-frozen-body-view {
+ z-index: 1;
+}
+
+.grid-frozen-body-view,
+.grid-body-view {
+ bottom: 0;
+ top: 30px;
+}
+
+.grid-header-view,
+.grid-body-view {
+ right: 0;
+}
+
+.grid-frozen-header-view,
+.grid-header-view {
+}
+
+.grid-header-wrapper {
+ width: 10000px;
+}
+
+.grid-frozen-body-wrapper {
+ padding-bottom: 30px;
+}
+
+.grid-body-view {
+ overflow: auto;
+}
+
+.grid table.grid-frozen-header-container,
+.grid table.grid-header-container,
+.grid table.grid-frozen-body-container,
+.grid table.grid-body-container {
+ box-sizing: border-box;
+}
+
+.grid th,
+.grid td {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid #ccc;
+ height: 30px;
+}
+
+.grid .cell-text-wrapper {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.grid th {
+ border-bottom: 0 none;
+ border-top: 0 none;
+}
+
+.grid-body {
+ cursor: default;
+}
+
+.grid-body tr.hover {
+ background: #bdf;
+}
+
+.grid-body tr.selected {
+ background: #b0d0f0;
+ background: -moz-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%,
+ #b0d0f0 100%);
+ background: -webkit-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%,
+ #b0d0f0 100%);
+ background: -o-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%,
+ #b0d0f0 100%);
+ background: -ms-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%,
+ #b0d0f0 100%);
+ background: linear-gradient(to bottom, #b0d0f0 0%, #acf 50%, #a0c0ff 51%,
+ #b0d0f0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0d0f0',
+ endColorstr='#bef', GradientType=0);
+}
+
+.grid-resizer-leftmost,
+.grid-resizer {
+ border-left: 1px solid #5af;
+ position: absolute;
+ top: 0;
+ width: 0;
+ z-index: 4;
+}
+
+.grid-mask {
+ background: rgba(190, 190, 190, .9);
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ z-index: 5;
+}
+
+.grid-loading {
+ bottom: 0;
+ height: 68px;
+ left: 0;
+ margin: auto;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 49px;
+ white-space: nowrap;
+}
+
+.grid-loading-icon {
+ background: url("../images/theme-default/kimchi-loading.gif") no-repeat left top;
+ height: 48px;
+ width: 49px;
+}
+
+.grid-message {
+ background: white;
+ box-sizing: border-box;
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ padding: .2em .5em;
+ position: absolute;
+ right: 0;
+ z-index: 5;
+}
+
+.grid-message-text {
+ line-height: 25px;
+}
+
+.retry-button {
+ margin: 0 1em;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/host.css b/plugins/gingerbase/ui/css/theme-default/host.css
new file mode 100644
index 0000000..3fc705f
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/host.css
@@ -0,0 +1,287 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+.host-panel {
+ font-size: 12px;
+ margin-bottom: 100px;
+}
+
+.host-panel .logo-container, .host-panel .info-container,
+.host-panel .section-label, .host-panel .section-value {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.host-panel .section-label {
+ display: inline-block;
+ margin-right: 1em;
+ vertical-align: top;
+}
+
+.host-panel .logo {
+ background: url("plugins/gingerbase/images/icon-vm.png") no-repeat left top;
+ height: 128px;
+ width: 128px;
+}
+
+.host-panel .hostname {
+ text-decoration: underline;
+}
+
+.host-panel .action-panel {
+ margin-top: 2em;
+ padding-left: 10px;
+}
+
+.host-panel .button-icon {
+ background: url("../images/theme-default/host-icon-sprite.png") no-repeat
+ left top;
+ display: inline-block;
+ height: 12px;
+ width: 12px;
+}
+
+.host-panel .action-icon-stop {
+ background-position: -14px 0;
+}
+
+.host-panel .action-icon-restart {
+ background-position: -28px 0;
+}
+
+.host-panel .action-icon-download {
+ background-position: -42px 0;
+}
+
+.host-panel .action-icon-connect {
+ background-position: -56px 0;
+}
+
+.host-panel .action-icon-add {
+ background-position: -70px 0;
+}
+
+.host-panel .action-icon-edit {
+ background-position: -84px 0;
+}
+
+.host-panel .action-icon-remove {
+ background-position: -98px 0;
+}
+
+.host-panel button:disabled .action-icon-start {
+ background-position: 0 -14px;
+}
+
+.host-panel button:disabled .action-icon-stop {
+ background-position: -14px -14px;
+}
+
+.host-panel button:disabled .action-icon-restart {
+ background-position: -28px -14px;
+}
+
+.host-panel button:disabled .action-icon-download {
+ background-position: -42px -14px;
+}
+
+.host-panel button:disabled .action-icon-connect {
+ background-position: -56px -14px;
+}
+
+.host-panel button:disabled .action-icon-add {
+ background-position: -70px -14px;
+}
+
+.host-panel button:disabled .action-icon-edit {
+ background-position: -84px -14px;
+}
+
+.host-panel button:disabled .action-icon-remove {
+ background-position: -98px -14px;
+}
+
+.host-panel .info-container {
+ padding-top: 16px;
+ width: 890px;
+}
+
+.host-panel .section-header {
+ background: #EEE;
+ border-radius: 5px;
+ cursor: pointer;
+ line-height: 2em;
+ margin: 1em 0 1em;
+ padding-left: 6px;
+}
+
+.host-panel .section-header:hover {
+ background: #06f;
+ color: white;
+}
+
+.host-panel .section-content {
+ padding-left: 1em;
+}
+
+.host-panel .section-header .arrow {
+ border-color: transparent;
+ border-style: solid;
+ display: inline-block;
+ margin-right: 6px;
+ width: 0;
+}
+
+.host-panel .section-header[aria-expanded="true"] .arrow {
+ border-top-color: black;
+ border-width: 8px 4px 0;
+ border-bottom: none;
+}
+
+.host-panel .section-header[aria-expanded="true"]:hover .arrow {
+ border-top-color: white;
+}
+
+.host-panel .section-header[aria-expanded="false"] .arrow {
+ border-left-color: black;
+ border-right: none;
+ border-width: 4px 0 4px 8px;
+}
+
+.host-panel .section-header[aria-expanded="false"]:hover .arrow {
+ border-left-color: white;
+}
+
+.host-panel .section-row {
+ line-height: 1.6em;
+ margin-bottom: 1em;
+}
+
+.host-panel .section-label {
+ width: 100px;
+}
+
+#frequency-textbox {
+ width: 20px;
+}
+
+#container-chart-cpu,
+#container-chart-memory,
+#container-chart-disk-io,
+#container-chart-network-io {
+ border: 1px solid white;
+ box-shadow: 2px 2px 2px gray, 2px -2px 2px gray, -2px -2px 2px gray, -2px
+ 2px 2px gray;
+ height: 100px;
+ width: 500px;
+}
+
+#container-chart-disk-io .disk-write,
+#container-chart-network-io .network-sent {
+ stroke: #f80;
+}
+
+/* Debug Report */
+.cell-text-wrapper {
+ margin-left: 10px;
+}
+
+.host-panel #available-reports-grid {
+ border-color: #ddd;
+ height: 400px;
+ width: 850px;
+}
+
+.host-panel select#available-reports-list {
+ width: 300px;
+}
+
+.host-panel select#available-reports-list option {
+ margin: .2em 1em;
+}
+
+.debug-report-name,
+.debug-report-time {
+ width: 424px;
+}
+
+#id-debug-img {
+ background: url(../images/theme-default/kimchi-loading15x15.gif) 12px
+ center no-repeat;
+ padding-left: 23px;
+}
+
+/* End of Debug Report */
+
+/* Software Updates */
+.host-panel #software-updates-grid {
+ border-color: #ddd;
+ height: 300px;
+ width: 850px;
+}
+
+.software-update-name,
+.software-update-repos {
+ width: 224px;
+}
+
+.software-update-version,
+.software-update-arch {
+ width: 200px;
+}
+
+.host-panel #software-updates-progress-textarea {
+ border: 1px solid #ddd;
+ box-sizing: border-box;
+ height: 100px;
+ padding: .2em .5em;
+ resize: vertical;
+ width: 852px;
+}
+/* End of Software Updates */
+
+/* Repository */
+.host-panel #repositories-grid {
+ border-color: #ddd;
+ height: 200px;
+ width: 850px;
+}
+
+.host-panel #repositories-grid .repository-id {
+ width: 120px;
+}
+
+.host-panel #repositories-grid .repository-name {
+ width: 640px;
+}
+
+.host-panel #repositories-grid .repository-enabled {
+ width: 88px;
+}
+
+.host-panel #repositories-grid .repository-baseurl.deb {
+ width: 400px;
+}
+
+.host-panel #repositories-grid .repository-enabled.deb {
+ width: 100px;
+}
+
+.host-panel #repositories-grid .repository-gpgcheck.deb {
+ width: 150px;
+}
+/* End of Repository */
diff --git a/plugins/gingerbase/ui/css/theme-default/jquery-ui.custom.css b/plugins/gingerbase/ui/css/theme-default/jquery-ui.custom.css
new file mode 100644
index 0000000..56f7e06
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/jquery-ui.custom.css
@@ -0,0 +1,203 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2014
+ *
+ * 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-button-primary {
+ border-radius: 8px 8px 8px 8px;
+}
+
+.ui-button-primary.ui-state-default {
+ background: none repeat scroll 0 0 #0066FF;
+ border: 0 none;
+}
+
+.ui-button-primary.ui-state-disabled {
+ background-color: silver;
+ opacity: 1;
+}
+
+.ui-button-primary.ui-state-hover {
+ background: #0044DD;
+}
+
+.ui-button-primary .ui-button-text {
+ padding: 10px 23px;
+ font-size: 13px;
+ color: #EEEEEE;
+}
+
+.ui-button-secondary {
+ border: 1px solid #AAAAAA;
+ border-radius: 5px 5px 5px 5px;
+ cursor: pointer;
+}
+
+.ui-button-secondary.ui-state-default {
+ background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat
+ scroll 0 0 transparent;
+ box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white
+ inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset;
+}
+
+.ui-button-secondary.ui-state-hover {
+ background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%);
+ box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white
+ inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+}
+
+.ui-button-secondary .ui-button-text {
+ font-size: 13px;
+ color: #333333;
+ text-overflow: ellipsis;
+ text-shadow: -1px -1px 1px #AAAAAA, 1px 1px 1px #FFFFFF;
+ white-space: nowrap;
+}
+
+.ui-button-secondary.ui-button-text-only .ui-button-text {
+ padding: 12px 23px 13px 20px;
+}
+
+.ui-button-secondary.ui-button-text-icon-secondary .ui-button-text {
+ padding: 12px 35px 13px 13px;
+}
+
+.ui-button-secondary .ui-button-icon-secondary {
+ padding-right: 5px;
+ width: 15px;
+ height: 15px;
+}
+
+.ui-menu {
+ background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC
+ 96%, #A5A5A5 100%) repeat scroll 0 0 transparent;
+ padding: 10px 10px 0;
+ width: 250px;
+}
+
+.ui-menu .ui-menu-item a {
+ background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat
+ scroll 0 0 transparent;
+ border: 1px solid #CCCCCC;
+ border-radius: 5px 5px 5px 5px;
+ box-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #EEEEEE;
+ display: block;
+ font-size: 13px;
+ line-height: 38px;
+ margin-bottom: 10px;
+ text-align: center;
+ text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF;
+ width: 96%;
+}
+
+.ui-menu .ui-menu-item a.ui-state-focus {
+ background: linear-gradient(to bottom, #EEEEEE 0%, #D5D5D5 100%) repeat
+ scroll 0 0 transparent;
+ box-shadow: -1px -1px 1px #BBBBBB, 1px 1px 1px #DDDDDD;
+ margin: 0px 0px 10px 0px;
+}
+
+.ui-menu .ui-menu-item a.red:not([disabled]) {
+ background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat
+ scroll 0 0 transparent;
+ border: 1px solid #B10F14;
+ color: #FFFFFF;
+ text-shadow: -1px -1px 1px #9E0505, 1px 1px 1px #FC5D4C;
+}
+
+.ui-menu .ui-menu-item a.red:hover:not([disabled]) {
+ background: linear-gradient(to bottom, #EF2009 0%, #BF0404 100%) repeat
+ scroll 0 0 transparent;
+}
+
+.ui-menu .ui-state-disabled {
+ opacity: 1;
+}
+
+.ui-menu .ui-state-disabled a {
+ color: gray;
+}
+
+.ui-widget-overlay {
+ background: url("../images/theme-default/bg-mask.png") repeat scroll
+ 0 0 transparent;
+ opacity: 1;
+}
+
+.ui-dialog {
+ background: none;
+ background-color: #EEEEEE;
+ border: 2px solid #0F71B4;
+ border-radius: 8px;
+ padding: 0px;
+}
+
+.ui-dialog .ui-dialog-titlebar {
+ border: none;
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+ background: none;
+ padding: 13px 0px 13px 10px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 -1px 0 rgba(0,0,0,0.05) inset;
+}
+
+.ui-dialog .ui-dialog-title {
+ font-size: 18px;
+ color: #0066CC;
+}
+
+.ui-dialog .ui-dialog-titlebar-close {
+ margin: 4px 0 0;
+ background: none repeat scroll 0 0 #EEEEEE;
+ border: 2px solid #CCCCCC;
+ border-radius: 35px 35px 35px 35px;
+ color: #CCCCCC;
+ cursor: pointer;
+ height: 35px;
+ width: 35px;
+ position: absolute;
+ right: 7px;
+ text-align: center;
+ top: 5px;
+}
+
+.ui-dialog .ui-dialog-titlebar .ui-state-hover {
+ border: 2px solid #444444;
+ color: #444444;
+}
+
+.ui-dialog .ui-dialog-titlebar .ui-button-text {
+ font-size: 24px;
+ font-weight: bold;
+ padding: 0px;
+ text-indent: 0px;
+}
+
+.ui-dialog .ui-dialog-titlebar .ui-button-icon-primary {
+ display: none;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+ padding: 0px;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
+}
+
+.ui-dialog .ui-dialog-buttonpane button {
+ cursor: pointer;
+ margin: 0.5em 13px 0.5em 0;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/line-chart.css b/plugins/gingerbase/ui/css/theme-default/line-chart.css
new file mode 100644
index 0000000..15d9bb8
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/line-chart.css
@@ -0,0 +1,73 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+.chart-container {
+ background: black;
+}
+
+.line-chart {
+ overflow: hidden;
+}
+
+.line-chart .background {
+ fill: black;
+}
+
+.line-chart text {
+ color: red;
+ font-size: 12px;
+}
+
+.line-chart polyline {
+ fill: none;
+ stroke: #0cf;
+ stroke-width: 2px;
+}
+
+.line-chart line {
+ stroke: white;
+ stroke-width: 1px;
+}
+
+.chart-container,
+.chart-vaxis-container,
+.chart-legend-container,
+.chart-label {
+ display: inline-block;
+ margin-right: 10px;
+ vertical-align: top;
+}
+
+.chart-vaxis-container {
+ width: 80px;
+}
+
+.chart-legend-container .legend-wrapper {
+ margin: 0 5px 5px 0;
+}
+
+.chart-legend-container .legend-icon {
+ margin-right: 5px;
+ width: 20px;
+}
+
+.chart-legend-container .legend-label {
+}
+
+.chart-legend-container .latest-value {
+ margin-left: 25px;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/message.css b/plugins/gingerbase/ui/css/theme-default/message.css
new file mode 100644
index 0000000..28c392b
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/message.css
@@ -0,0 +1,135 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+#messageField {
+ position: fixed;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ width: 1024px;
+ max-width: 100%;
+ z-index: 200;
+}
+
+.message {
+ background-color: #FFF68F;
+ position: relative;
+ margin-bottom: 5px;
+}
+
+.message.warn {
+ background-color: #FFF68F;
+}
+
+.message.error {
+ background-color: #FFAEB9;
+}
+
+.message.success {
+ background-color: #90EE90;
+}
+
+.message .close {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ top: 0;
+ right: 0;
+ color: #545454;
+ font-size: 12px;
+ text-align: center;
+ line-height: 30px;
+ cursor: pointer;
+}
+
+.message .content {
+ padding: 0 30px 0 10px;
+ line-height: 30px;
+}
+
+.confirmbox {
+ position: absolute;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ box-shadow: 2px 2px 6px #000;
+ border: 2px solid #0f71b4;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+ background-color: black;
+ box-sizing: border-box;
+ max-width: 100%;
+ max-height: 100%;
+ width: 350px;
+ height: 200px;
+ z-index: 9999;
+}
+
+.confirmbox>footer {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 48px;
+ box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
+}
+
+.confirmbox .title {
+ display: inline-block;
+ padding: 10px 10px 0 10px;
+ line-height: 20px;
+ color: white;
+}
+
+.confirmbox .content {
+ padding: 20px 10px 0px 100px;
+ line-height: 16px;
+ font-size: 13px;
+ color: white;
+ background: url(../images/theme-default/alert.png) no-repeat 20px center;
+ height: 41px;
+ vertical-align: middle;
+}
+
+
+.confirmbox .close {
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ top: 7px;
+ right: 7px;
+ -webkit-border-radius: 13px;
+ -moz-border-radius: 13px;
+ border-radius: 13px;
+ border: 2px solid #ccc;
+ color: #ccc;
+ font-size: 13px;
+ text-align: center;
+ line-height: 13px;
+ font-weight: bold;
+ background: #4a4a4a;;
+ cursor: pointer;
+}
+
+.confirmbox>header>.close:hover {
+ border: 2px solid #444;
+ color: #444;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/popover.css b/plugins/gingerbase/ui/css/theme-default/popover.css
new file mode 100644
index 0000000..3668307
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/popover.css
@@ -0,0 +1,124 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+.popover {
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ background: #eee;
+ border: 2px solid #096aad;
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
+ z-index: 9999;
+ position: absolute;
+ top: 125%;
+ left: 0;
+ display: none;
+ cursor: default;
+ width: 100%;
+}
+
+.popover:BEFORE {
+ content: "";
+ display: block;
+ border: 12px solid transparent;
+ border-bottom-color: #096aad;
+ position: absolute;
+ top: -24px;
+ left: 20px;
+}
+
+.popover:AFTER {
+ content: "";
+ display: block;
+ border: 10px solid transparent;
+ border-bottom-color: #eee;
+ position: absolute;
+ top: -20px;
+ left: 22px;
+}
+
+.popover.right-side {
+ left: auto;
+ right: 0;
+}
+
+.popover.right-side:BEFORE {
+ left: auto;
+ right: 20px;
+}
+
+.popover.right-side:AFTER {
+ left: auto;
+ right: 22px;
+}
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.actionsheet {
+ background: rgb(238, 238, 238);
+ background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
+ rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, rgba(238, 238, 238, 1)), color-stop(10px,
+ rgba(204, 204, 204, 1)), color-stop(96%,
+ rgba(204, 204, 204, 1)), color-stop(100%,
+ rgba(165, 165, 165, 1)));
+ background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
+ rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
+ rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
+ rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,
+ rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ padding: 10px 10px 0 10px;
+}
+
+.select-list {
+ max-height: 195px;
+ overflow: auto;
+}
+
+.select-list>li {
+ height: 48px;
+ padding: 0 20px 0 40px;
+ border-bottom: 1px solid #ccc;
+ box-shadow: 0px 1px 1px #fff;
+ text-shadow: -1px -1px 1px #ddd, 1px 1px 1px #fff;
+ color: #222;
+ font-size: 12px;
+ line-height: 48px;
+}
+
+.select-list>li:LAST-CHILD {
+ border-bottom: none;
+ box-shadow: inherit;
+}
+
+.select-list>li:hover {
+ background: #f8f8f8 url(../images/theme-default/check-grey.png) no-repeat
+ 10px center;
+}
+
+.select-list>li.active {
+ background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat
+ 10px center;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/report-add.css b/plugins/gingerbase/ui/css/theme-default/report-add.css
new file mode 100644
index 0000000..8020182
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/report-add.css
@@ -0,0 +1,37 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-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.
+ */
+#report-add-window {
+ height: 300px;
+ width: 400px;
+}
+
+#report-add-window .field {
+ font-size: 12px;
+}
+
+#report-name-textbox {
+ margin: 0;
+ width: 100%;
+}
+
+.info-add-debug-report {
+ font-size: 12px;
+ color: #999999;
+ font-weight: lighter;
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+}
\ No newline at end of file
diff --git a/plugins/gingerbase/ui/css/theme-default/report-rename.css b/plugins/gingerbase/ui/css/theme-default/report-rename.css
new file mode 100644
index 0000000..2fb2698
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/report-rename.css
@@ -0,0 +1,39 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2014-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.
+ */
+#report-rename-window {
+ height: 300px;
+ width: 400px;
+}
+
+#report-rename-window .field {
+ font-size: 12px;
+}
+
+#report-name-textbox {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ width: 100%;
+}
+
+.info-debug-report-rename {
+ font-size: 12px;
+ color: #999999;
+ font-weight: lighter;
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/repository-add.css b/plugins/gingerbase/ui/css/theme-default/repository-add.css
new file mode 100644
index 0000000..4344569
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/repository-add.css
@@ -0,0 +1,42 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2014-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.
+ */
+#repository-add-window {
+ height: 500px;
+ width: 1000px;
+}
+
+#repository-add-window span.required {
+ color: red;
+ padding-left: 5px;
+ vertical-align: top;
+}
+
+#repository-add-window .textbox-wrapper input[type="text"] {
+ box-sizing: border-box;
+ width: 100%;
+}
+
+#repository-add-window .textbox-wrapper label {
+ vertical-align: middle;
+}
+
+#isMirrorLabel {
+ font-size: 14px;
+ font-weight: lighter;
+ font-family: 'Helvetica Neue', Helvetica, Arial;
+}
\ No newline at end of file
diff --git a/plugins/gingerbase/ui/css/theme-default/repository-edit.css b/plugins/gingerbase/ui/css/theme-default/repository-edit.css
new file mode 100644
index 0000000..383a7fe
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/repository-edit.css
@@ -0,0 +1,88 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2014-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.
+ */
+.yum div#repository-edit-window {
+ height: 680px;
+ width: 1000px;
+}
+
+.deb div#repository-edit-window {
+ height: 480px;
+ width: 1000px;
+}
+
+
+.repository-edit-fieldset {
+ float: left;
+ padding: 0 30px;
+ width: 95%;
+}
+
+.repository-edit-wrapper-label, .repository-edit-wrapper-controls {
+ display: inline-block;
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+ vertical-align: top;
+}
+
+.repository-edit-wrapper-label {
+ margin-top: 10px;
+ width: 150px;
+}
+
+.repository-edit-wrapper-controls label {
+ vertical-align: middle;
+}
+
+.repository-edit-wrapper-controls {
+ width: 100%;
+}
+
+.repository-edit-wrapper-controls input[type="text"] {
+ font-size: 16px;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 10px;
+ width: 100%;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid #CCCCCC;
+}
+
+
+.repository-edit-wrapper-controls input[type="text"][readonly] {
+ color: #bbb;
+ background-color: #fafafa;
+}
+
+
+.repository-edit-wrapper-controls input[type="text"][disabled] {
+ color: #bbb;
+ background-color: #fafafa;
+ cursor: not-allowed;
+}
+
+
+.deb .yum{
+ display: none;
+}
+
+
+.yum .deb{
+ display: none;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/tile-check.css b/plugins/gingerbase/ui/css/theme-default/tile-check.css
new file mode 100644
index 0000000..5e802ca
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/tile-check.css
@@ -0,0 +1,45 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+.tile-check {
+ overflow: hidden;
+}
+
+.tile-check>li {
+ float: left;
+ padding: 5px;
+}
+
+.tile-check>li>label {
+ display: block;
+ cursor: pointer;
+}
+
+.tile-check>li>label>input[type="radio"] {
+ display: none;
+}
+
+.tile-check>li>label>.info {
+ display: block;
+ position: relative;
+ overflow: hidden;
+ border: 4px solid #ccc;
+}
+
+.tile-check>li>label>input[type="radio"]:CHECKED+.info {
+ border: 4px solid #06C;
+}
diff --git a/plugins/gingerbase/ui/css/theme-default/toolbar.css b/plugins/gingerbase/ui/css/theme-default/toolbar.css
new file mode 100644
index 0000000..ea2a039
--- /dev/null
+++ b/plugins/gingerbase/ui/css/theme-default/toolbar.css
@@ -0,0 +1,53 @@
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2013-2014
+ *
+ * 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.
+ */
+
+/* Generated at http://colorzilla.com/gradient-editor/ */
+.toolbar {
+ position: relative;
+ height: 48px;
+ padding: 0 5px;
+ overflow: hidden;
+ background: #e5e5e5;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -webkit-gradient(linear, left top, left bottom,
+ color-stop(0%, #e5e5e5), color-stop(100%, #c4c4c4));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #c4c4c4 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',
+ endColorstr='#c4c4c4', GradientType=0);
+ border-bottom: 1px solid #aaa;
+}
+
+.toolbar .filters {
+ float: left;
+}
+
+.toolbar .tools {
+ float: right;
+}
+
+.toolbar .divide {
+ display: inline-block;
+ height: 42px;
+ margin: 3px;
+ vertical-align: top;
+ border-left: 1px solid #999;
+ border-right: 1px solid #eee;
+}
diff --git a/plugins/kimchi/ui/css/theme-default/host.css b/plugins/kimchi/ui/css/theme-default/host.css
deleted file mode 100644
index a0cccb1..0000000
--- a/plugins/kimchi/ui/css/theme-default/host.css
+++ /dev/null
@@ -1,287 +0,0 @@
-/*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-2014
- *
- * 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.
- */
-.host-panel {
- font-size: 12px;
- margin-bottom: 100px;
-}
-
-.host-panel .logo-container, .host-panel .info-container,
-.host-panel .section-label, .host-panel .section-value {
- display: inline-block;
- vertical-align: top;
-}
-
-.host-panel .section-label {
- display: inline-block;
- margin-right: 1em;
- vertical-align: top;
-}
-
-.host-panel .logo {
- background: url("plugins/kimchi/images/icon-vm.png") no-repeat left top;
- height: 128px;
- width: 128px;
-}
-
-.host-panel .hostname {
- text-decoration: underline;
-}
-
-.host-panel .action-panel {
- margin-top: 2em;
- padding-left: 10px;
-}
-
-.host-panel .button-icon {
- background: url("../images/theme-default/host-icon-sprite.png") no-repeat
- left top;
- display: inline-block;
- height: 12px;
- width: 12px;
-}
-
-.host-panel .action-icon-stop {
- background-position: -14px 0;
-}
-
-.host-panel .action-icon-restart {
- background-position: -28px 0;
-}
-
-.host-panel .action-icon-download {
- background-position: -42px 0;
-}
-
-.host-panel .action-icon-connect {
- background-position: -56px 0;
-}
-
-.host-panel .action-icon-add {
- background-position: -70px 0;
-}
-
-.host-panel .action-icon-edit {
- background-position: -84px 0;
-}
-
-.host-panel .action-icon-remove {
- background-position: -98px 0;
-}
-
-.host-panel button:disabled .action-icon-start {
- background-position: 0 -14px;
-}
-
-.host-panel button:disabled .action-icon-stop {
- background-position: -14px -14px;
-}
-
-.host-panel button:disabled .action-icon-restart {
- background-position: -28px -14px;
-}
-
-.host-panel button:disabled .action-icon-download {
- background-position: -42px -14px;
-}
-
-.host-panel button:disabled .action-icon-connect {
- background-position: -56px -14px;
-}
-
-.host-panel button:disabled .action-icon-add {
- background-position: -70px -14px;
-}
-
-.host-panel button:disabled .action-icon-edit {
- background-position: -84px -14px;
-}
-
-.host-panel button:disabled .action-icon-remove {
- background-position: -98px -14px;
-}
-
-.host-panel .info-container {
- padding-top: 16px;
- width: 890px;
-}
-
-.host-panel .section-header {
- background: #EEE;
- border-radius: 5px;
- cursor: pointer;
- line-height: 2em;
- margin: 1em 0 1em;
- padding-left: 6px;
-}
-
-.host-panel .section-header:hover {
- background: #06f;
- color: white;
-}
-
-.host-panel .section-content {
- padding-left: 1em;
-}
-
-.host-panel .section-header .arrow {
- border-color: transparent;
- border-style: solid;
- display: inline-block;
- margin-right: 6px;
- width: 0;
-}
-
-.host-panel .section-header[aria-expanded="true"] .arrow {
- border-top-color: black;
- border-width: 8px 4px 0;
- border-bottom: none;
-}
-
-.host-panel .section-header[aria-expanded="true"]:hover .arrow {
- border-top-color: white;
-}
-
-.host-panel .section-header[aria-expanded="false"] .arrow {
- border-left-color: black;
- border-right: none;
- border-width: 4px 0 4px 8px;
-}
-
-.host-panel .section-header[aria-expanded="false"]:hover .arrow {
- border-left-color: white;
-}
-
-.host-panel .section-row {
- line-height: 1.6em;
- margin-bottom: 1em;
-}
-
-.host-panel .section-label {
- width: 100px;
-}
-
-#frequency-textbox {
- width: 20px;
-}
-
-#container-chart-cpu,
-#container-chart-memory,
-#container-chart-disk-io,
-#container-chart-network-io {
- border: 1px solid white;
- box-shadow: 2px 2px 2px gray, 2px -2px 2px gray, -2px -2px 2px gray, -2px
- 2px 2px gray;
- height: 100px;
- width: 500px;
-}
-
-#container-chart-disk-io .disk-write,
-#container-chart-network-io .network-sent {
- stroke: #f80;
-}
-
-/* Debug Report */
-.cell-text-wrapper {
- margin-left: 10px;
-}
-
-.host-panel #available-reports-grid {
- border-color: #ddd;
- height: 400px;
- width: 850px;
-}
-
-.host-panel select#available-reports-list {
- width: 300px;
-}
-
-.host-panel select#available-reports-list option {
- margin: .2em 1em;
-}
-
-.debug-report-name,
-.debug-report-time {
- width: 424px;
-}
-
-#id-debug-img {
- background: url(../images/theme-default/kimchi-loading15x15.gif) 12px
- center no-repeat;
- padding-left: 23px;
-}
-
-/* End of Debug Report */
-
-/* Software Updates */
-.host-panel #software-updates-grid {
- border-color: #ddd;
- height: 300px;
- width: 850px;
-}
-
-.software-update-name,
-.software-update-repos {
- width: 224px;
-}
-
-.software-update-version,
-.software-update-arch {
- width: 200px;
-}
-
-.host-panel #software-updates-progress-textarea {
- border: 1px solid #ddd;
- box-sizing: border-box;
- height: 100px;
- padding: .2em .5em;
- resize: vertical;
- width: 852px;
-}
-/* End of Software Updates */
-
-/* Repository */
-.host-panel #repositories-grid {
- border-color: #ddd;
- height: 200px;
- width: 850px;
-}
-
-.host-panel #repositories-grid .repository-id {
- width: 120px;
-}
-
-.host-panel #repositories-grid .repository-name {
- width: 640px;
-}
-
-.host-panel #repositories-grid .repository-enabled {
- width: 88px;
-}
-
-.host-panel #repositories-grid .repository-baseurl.deb {
- width: 400px;
-}
-
-.host-panel #repositories-grid .repository-enabled.deb {
- width: 100px;
-}
-
-.host-panel #repositories-grid .repository-gpgcheck.deb {
- width: 150px;
-}
-/* End of Repository */
diff --git a/plugins/kimchi/ui/css/theme-default/report-add.css b/plugins/kimchi/ui/css/theme-default/report-add.css
deleted file mode 100644
index 8020182..0000000
--- a/plugins/kimchi/ui/css/theme-default/report-add.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2013-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.
- */
-#report-add-window {
- height: 300px;
- width: 400px;
-}
-
-#report-add-window .field {
- font-size: 12px;
-}
-
-#report-name-textbox {
- margin: 0;
- width: 100%;
-}
-
-.info-add-debug-report {
- font-size: 12px;
- color: #999999;
- font-weight: lighter;
- font-family: 'Helvetica Neue', Helvetica, Arial;
-}
\ No newline at end of file
diff --git a/plugins/kimchi/ui/css/theme-default/report-rename.css b/plugins/kimchi/ui/css/theme-default/report-rename.css
deleted file mode 100644
index 2fb2698..0000000
--- a/plugins/kimchi/ui/css/theme-default/report-rename.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2014-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.
- */
-#report-rename-window {
- height: 300px;
- width: 400px;
-}
-
-#report-rename-window .field {
- font-size: 12px;
-}
-
-#report-name-textbox {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
- width: 100%;
-}
-
-.info-debug-report-rename {
- font-size: 12px;
- color: #999999;
- font-weight: lighter;
- font-family: 'Helvetica Neue', Helvetica, Arial;
-}
diff --git a/plugins/kimchi/ui/css/theme-default/repository-add.css b/plugins/kimchi/ui/css/theme-default/repository-add.css
deleted file mode 100644
index 4344569..0000000
--- a/plugins/kimchi/ui/css/theme-default/repository-add.css
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2014-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.
- */
-#repository-add-window {
- height: 500px;
- width: 1000px;
-}
-
-#repository-add-window span.required {
- color: red;
- padding-left: 5px;
- vertical-align: top;
-}
-
-#repository-add-window .textbox-wrapper input[type="text"] {
- box-sizing: border-box;
- width: 100%;
-}
-
-#repository-add-window .textbox-wrapper label {
- vertical-align: middle;
-}
-
-#isMirrorLabel {
- font-size: 14px;
- font-weight: lighter;
- font-family: 'Helvetica Neue', Helvetica, Arial;
-}
\ No newline at end of file
diff --git a/plugins/kimchi/ui/css/theme-default/repository-edit.css b/plugins/kimchi/ui/css/theme-default/repository-edit.css
deleted file mode 100644
index 383a7fe..0000000
--- a/plugins/kimchi/ui/css/theme-default/repository-edit.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
- * Project Kimchi
- *
- * Copyright IBM, Corp. 2014-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.
- */
-.yum div#repository-edit-window {
- height: 680px;
- width: 1000px;
-}
-
-.deb div#repository-edit-window {
- height: 480px;
- width: 1000px;
-}
-
-
-.repository-edit-fieldset {
- float: left;
- padding: 0 30px;
- width: 95%;
-}
-
-.repository-edit-wrapper-label, .repository-edit-wrapper-controls {
- display: inline-block;
- height: 30px;
- line-height: 30px;
- font-size: 14px;
- vertical-align: top;
-}
-
-.repository-edit-wrapper-label {
- margin-top: 10px;
- width: 150px;
-}
-
-.repository-edit-wrapper-controls label {
- vertical-align: middle;
-}
-
-.repository-edit-wrapper-controls {
- width: 100%;
-}
-
-.repository-edit-wrapper-controls input[type="text"] {
- font-size: 16px;
- height: 30px;
- line-height: 30px;
- padding: 0 10px;
- width: 100%;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border: 1px solid #CCCCCC;
-}
-
-
-.repository-edit-wrapper-controls input[type="text"][readonly] {
- color: #bbb;
- background-color: #fafafa;
-}
-
-
-.repository-edit-wrapper-controls input[type="text"][disabled] {
- color: #bbb;
- background-color: #fafafa;
- cursor: not-allowed;
-}
-
-
-.deb .yum{
- display: none;
-}
-
-
-.yum .deb{
- display: none;
-}
--
2.1.0
More information about the Kimchi-devel
mailing list