[Kimchi-devel] [PATCH 15/17] Ginger Base : base plugin ui/css files

From: chandrureddy <chandra(a)linux.vnet.ibm.com&gt; --- 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