You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by mc...@apache.org on 2013/11/01 01:21:37 UTC
[26/50] [abbrv] git commit: updated refs/heads/rbac to 2ef4d52
Adjust button colors; apply CSS gradients to buttons
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/185be214
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/185be214
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/185be214
Branch: refs/heads/rbac
Commit: 185be2141428a0f0adfdf2a9a0d9bede00f34f93
Parents: bad6c5d
Author: Brian Federle <br...@citrix.com>
Authored: Tue Oct 29 15:39:22 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Tue Oct 29 15:39:22 2013 -0700
----------------------------------------------------------------------
ui/css/cloudstack3.css | 42 +++++++++++++++++++++++++++++++-----------
1 file changed, 31 insertions(+), 11 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/185be214/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 362ec93..5d782b8 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -234,7 +234,7 @@ table tbody tr {
}
table tbody tr.even {
- background: #DFE1E3;
+ background: #FFFFFF;
}
table tbody tr.odd {
@@ -2283,7 +2283,6 @@ div.detail-group.actions td {
position: relative;
top: 6px;
left: 7px;
- font-weight: 100;
}
#header div.notifications:hover {
@@ -2347,7 +2346,6 @@ div.detail-group.actions td {
text-align: center;
height: 12px;
overflow: hidden;
- font-weight: normal;
/*+text-shadow:0px -1px 1px #464646;*/
-moz-text-shadow: 0px -1px 1px #464646;
-webkit-text-shadow: 0px -1px 1px #464646;
@@ -2878,7 +2876,7 @@ div.toolbar div.button.main-action,
position: relative;
left: 0px;
top: 5px;
- background: url(../images/gradients.png) 0px -98px;
+ background: #EAEAEA;
font-size: 12px;
font-weight: 100;
color: #000000;
@@ -2890,8 +2888,17 @@ div.toolbar div.button.main-action,
-o-text-shadow: 0px 1px 1px #DEE5EA;
text-shadow: 0px 1px 1px #DEE5EA;
padding: 5px 7px 5px 6px;
- border-left: 1px solid #808080;
- border-right: 1px solid #808080;
+ background: #F7F7F7;
+ background: rgb(247, 247, 247);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(234,234,234,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(234,234,234,1)));
+ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(234,234,234,1) 100%);
+ background: -o-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(234,234,234,1) 100%);
+ background: -ms-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(234,234,234,1) 100%);
+ background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(234,234,234,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 );
+ border: 1px solid #B7B7B7;
float: right;
/*+border-radius:4px;*/
-moz-border-radius: 4px;
@@ -2907,8 +2914,12 @@ div.toolbar div.button.refresh:hover,
div.toolbar div.button.main-action:hover,
.toolbar div.button.header-action:hover,
.detail-group .button.add:hover {
- background-position: 0 -132px;
- border-left: 1px solid #585D60;
+ background: #E5E5E5;
+ /*+box-shadow:inset 0px 0px 5px #C3C3C3;*/
+ -moz-box-shadow: inset 0px 0px 5px #C3C3C3;
+ -webkit-box-shadow: inset 0px 0px 5px #C3C3C3;
+ -o-box-shadow: inset 0px 0px 5px #C3C3C3;
+ box-shadow: inset 0px 0px 5px #C3C3C3;
}
div.toolbar div.button.main-action span.icon {
@@ -4052,8 +4063,16 @@ Dialogs*/
-webkit-text-shadow: 0px 1px 0px #333E49;
-o-text-shadow: 0px 1px 0px #333E49;
padding: 3px 8px 3px 10px;
- background: #E7E7E7;
- border: 1px solid #383838;
+ background: rgb(234, 234, 234);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(214,214,214,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(214,214,214,1)));
+ background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(214,214,214,1) 100%);
+ background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(214,214,214,1) 100%);
+ background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(214,214,214,1) 100%);
+ background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(214,214,214,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d6d6d6',GradientType=0 );
+ border: 1px solid #9D9D9D;
/*+border-radius:3px;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@@ -4092,7 +4111,7 @@ Dialogs*/
}
.dashboard.admin .dashboard-container .top {
- background: #E2E2E2;
+ background: #EFEFEF 0px -4px;
padding: 4px 4px 8px;
width: 100%;
float: left;
@@ -9086,6 +9105,7 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
text-shadow: 0px -1px 1px #373737;
background: #515151;
font-size: 15px;
+ font-weight: 100;
color: #FFFFFF;
}