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/10/25 00:56:32 UTC
[08/12] git commit: updated refs/heads/ui-restyle to e13c32f
Quickview: Better styling
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/3734af14
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/3734af14
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/3734af14
Branch: refs/heads/ui-restyle
Commit: 3734af1402f703c31fa7a94282ed1c884bb481c2
Parents: f185eac
Author: Brian Federle <br...@citrix.com>
Authored: Thu Oct 24 15:52:43 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Thu Oct 24 15:52:54 2013 -0700
----------------------------------------------------------------------
ui/css/cloudstack3.css | 43 +++++++++++++++++--------------------------
1 file changed, 17 insertions(+), 26 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/3734af14/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 9e89c12..8e48c2a 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1307,7 +1307,6 @@ div.list-view td.state.off span {
.quick-view-tooltip {
width: 470px;
display: inline-block;
- margin-left: -462px;
padding-top: 50px;
}
@@ -1316,20 +1315,16 @@ div.list-view td.state.off span {
position: absolute;
top: 71px;
left: 10px;
- color: #5A6977;
- /*+text-shadow:0px 1px #EAEAEA;*/
- -moz-text-shadow: 0px 1px #EAEAEA;
- -webkit-text-shadow: 0px 1px #EAEAEA;
- -o-text-shadow: 0px 1px #EAEAEA;
- text-shadow: 0px 1px #EAEAEA;
+ color: #808080;
+ font-weight: 100;
}
.quick-view-tooltip > div.title .icon {
position: relative;
- top: -3px;
+ top: -2px;
background: url(../images/sprites.png) no-repeat -42px -67px;
float: right;
- padding: 5px 21px 0 1px;
+ padding: 0px 13px 0 0px;
}
.quick-view-tooltip .loading-overlay {
@@ -1348,8 +1343,8 @@ div.list-view td.state.off span {
.quick-view-tooltip .container {
border: 1px solid #9EA2A5;
- background: #CCCFD6;
- width: 470px;
+ background: #FFFFFF;
+ width: 478px;
min-height: 100px;
height: auto;
overflow: hidden;
@@ -1367,10 +1362,10 @@ div.list-view td.state.off span {
.quick-view-tooltip .detail-view .main-groups {
width: 456px;
- height: 152px;
+ height: 170px;
position: absolute;
- top: 55px;
padding-top: 7px;
+ top: 55px;
border: 1px solid #808080;
border-left: none;
border-right: none;
@@ -1404,7 +1399,7 @@ div.list-view td.state.off span {
.quick-view-tooltip .detail-view .details {
display: inline-block;
height: auto;
- padding-bottom: 209px;
+ padding-bottom: 224px;
}
.quick-view-tooltip .detail-view .detail-group {
@@ -1427,14 +1422,9 @@ div.list-view td.state.off span {
}
.quick-view-tooltip .detail-view .detail-group table td.name {
- color: #3E5F7F !important;
+ color: #000000 !important;
padding: 0px 29px 0px 5px !important;
font-size: 13px;
- /*+text-shadow:0px 1px #DBDBDB;*/
- -moz-text-shadow: 0px 1px #DBDBDB;
- -webkit-text-shadow: 0px 1px #DBDBDB;
- -o-text-shadow: 0px 1px #DBDBDB;
- text-shadow: 0px 1px #DBDBDB;
}
.quick-view-tooltip .detail-view .detail-group table td.value {
@@ -1455,7 +1445,7 @@ div.list-view td.state.off span {
.quick-view-tooltip .detail-view .detail-group .main-groups table td.value span {
height: 25px;
- top: 0px;
+ top: 7px;
}
.quick-view-tooltip .detail-view .detail-group.actions {
@@ -1517,15 +1507,17 @@ div.list-view td.state.off span {
height: auto;
background: none;
vertical-align: top;
+ position: relative;
+ top: 27px;
float: left;
}
.quick-view-tooltip .detail-view .detail-group.actions td.view-all {
position: relative;
left: 0px;
+ top: 26px;
float: left;
- height: 22px;
- border-top: 1px solid #808080;
+ height: 26px;
/*+box-shadow:inset 0px 1px #FFFFFF;*/
-moz-box-shadow: inset 0px 1px #FFFFFF;
-webkit-box-shadow: inset 0px 1px #FFFFFF;
@@ -1980,7 +1972,7 @@ div.detail-group td.view-all a {
font-size: 13px;
display: block;
text-decoration: none;
- color: #268BE3;
+ color: #145A98;
/*+text-shadow:0px 1px 2px #FFFFFF;*/
-moz-text-shadow: 0px 1px 2px #FFFFFF;
-webkit-text-shadow: 0px 1px 2px #FFFFFF;
@@ -2063,7 +2055,7 @@ div.detail-group.actions tr {
}
div.detail-group.actions td {
- height: 47px;
+ height: 50px;
vertical-align: middle;
}
@@ -2109,7 +2101,6 @@ div.detail-group.actions td {
.detail-group table td.detail-actions.full-length {
display: block;
width: 99%;
- border-bottom: 1px solid #AAAAAA;
float: left;
}