[Kimchi-devel] [wok V3 6/6] Create an icon.css with kimchi plugin specific layout

Signed-off-by: Lucio Correia <luciojhc(a)linux.vnet.ibm.com&gt; --- plugins/kimchi/ui/css/theme-default/icon.css | 106 ++++++++++++++++++++++++++ ui/css/theme-default/button.css | 85 --------------------- 2 files changed, 106 insertions(+), 85 deletions(-) create mode 100644 plugins/kimchi/ui/css/theme-default/icon.css diff --git a/plugins/kimchi/ui/css/theme-default/icon.css b/plugins/kimchi/ui/css/theme-default/icon.css new file mode 100644 index 0000000..f82d45d --- /dev/null +++ b/plugins/kimchi/ui/css/theme-default/icon.css @@ -0,0 +1,106 @@ +/* + * 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.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; +} + +.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; +} + + diff --git a/ui/css/theme-default/button.css b/ui/css/theme-default/button.css index e774128..071e331 100644 --- a/ui/css/theme-default/button.css +++ b/ui/css/theme-default/button.css @@ -84,26 +84,6 @@ 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; } @@ -221,71 +201,6 @@ 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; -- 1.7.1