You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/11/05 23:45:45 UTC
git commit: updated refs/heads/master to 441e168
Updated Branches:
refs/heads/master 599dd1a6e -> 441e16854
Network chart: Fix layout CSS
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/441e1685
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/441e1685
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/441e1685
Branch: refs/heads/master
Commit: 441e1685423ffd70fb1147119c75e1bdc295858d
Parents: 599dd1a
Author: Brian Federle <br...@citrix.com>
Authored: Tue Nov 5 14:45:24 2013 -0800
Committer: Brian Federle <br...@citrix.com>
Committed: Tue Nov 5 14:45:24 2013 -0800
----------------------------------------------------------------------
ui/css/cloudstack3.css | 64 +++++++++++++++++++++++++++++++--------------
1 file changed, 44 insertions(+), 20 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/441e1685/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index ba2439a..8676737 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -8531,26 +8531,26 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
}
.network-chart li.firewall {
- /*+placement:shift 206px 211px;*/
+ /*+placement:shift 282px 188px;*/
position: relative;
- left: 206px;
- top: 211px;
+ left: 282px;
+ top: 188px;
position: absolute;
}
.network-chart li.loadBalancing {
- /*+placement:shift 92px 308px;*/
+ /*+placement:shift 167px 342px;*/
position: relative;
- left: 92px;
- top: 308px;
+ left: 167px;
+ top: 342px;
position: absolute;
}
.network-chart li.portForwarding {
- /*+placement:shift 332px 308px;*/
+ /*+placement:shift 401px 342px;*/
position: relative;
- left: 332px;
- top: 308px;
+ left: 401px;
+ top: 342px;
position: absolute;
}
@@ -8579,20 +8579,44 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
}
.network-chart li .view-details {
- /*+placement:anchor-bottom-right 11px 11px;*/
+ /*+placement:anchor-bottom-right 34px 19px;*/
position: absolute;
- right: 11px;
- bottom: 11px;
+ right: 34px;
+ bottom: 19px;
cursor: pointer;
- color: #FFFFFF;
- background: url(../images/buttons.png) no-repeat -457px -503px;
+ 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 );
font-size: 11px;
- padding: 6px 17px 6px 9px;
- /*+text-shadow:0px 1px 1px #395065;*/
- -moz-text-shadow: 0px 1px 1px #395065;
- -webkit-text-shadow: 0px 1px 1px #395065;
- -o-text-shadow: 0px 1px 1px #395065;
- text-shadow: 0px 1px 1px #395065;
+ padding: 8px 20px;
+ color: #000000;
+ border: 1px solid #A2A2A2;
+ /*+border-radius:4px;*/
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -khtml-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.network-chart li .view-details:hover {
+ background: #D5D5D5;
+ /*+text-shadow:0px 1px 1px #FFFFFF;*/
+ -moz-text-shadow: 0px 1px 1px #FFFFFF;
+ -webkit-text-shadow: 0px 1px 1px #FFFFFF;
+ -o-text-shadow: 0px 1px 1px #FFFFFF;
+ text-shadow: 0px 1px 1px #FFFFFF;
+ /*+box-shadow:inset 0px 0px 4px #000000;*/
+ -moz-box-shadow: inset 0px 0px 4px #000000;
+ -webkit-box-shadow: inset 0px 0px 4px #000000;
+ -o-box-shadow: inset 0px 0px 4px #000000;
+ box-shadow: inset 0px 0px 4px #000000;
}
.network-chart li.disabled .view-details {