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/04 23:32:37 UTC
[55/56] [abbrv] git commit: updated refs/heads/ui-restyle to b7259a4
New login screen colors
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/ed6c2d27
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/ed6c2d27
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/ed6c2d27
Branch: refs/heads/ui-restyle
Commit: ed6c2d27a610fc137c97f204e8ee997aea53eda2
Parents: 70330f5
Author: Brian Federle <br...@citrix.com>
Authored: Mon Nov 4 10:59:01 2013 -0800
Committer: Brian Federle <br...@citrix.com>
Committed: Mon Nov 4 10:59:01 2013 -0800
----------------------------------------------------------------------
ui/css/cloudstack3.css | 48 ++++++++++++++++++++++-----------------------
1 file changed, 23 insertions(+), 25 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/ed6c2d27/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 3473524..ba2439a 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -316,23 +316,19 @@ table th div.ui-resizable-handle {
/*Login screen*/
body.login {
- background: transparent url(../images/bg-login.png) repeat 50% -82px;
+ background: url(../images/overlay-pattern.png) repeat center, #106CA9 url(../images/bg-login.jpg) no-repeat center;
+ background-size: auto, cover;
}
.login {
display: block;
width: 100%;
- height: 245px;
- /*+placement:shift 0 100px;*/
+ height: 350px;
+ /*+placement:shift 0 80px;*/
position: relative;
left: 0;
- top: 100px;
- background: #FFFFFF;
- /*+box-shadow:0px 3px 5px #D5D5D5;*/
- -moz-box-shadow: 0px 3px 5px #D5D5D5;
- -webkit-box-shadow: 0px 3px 5px #D5D5D5;
- -o-box-shadow: 0px 3px 5px #D5D5D5;
- box-shadow: 0px 3px 5px #D5D5D5;
+ top: 80px;
+ background: #053663;
}
.login .select-language {
@@ -341,8 +337,9 @@ body.login {
}
.login .select-language select {
- width: 125px;
+ width: 260px;
border: 1px solid #808080;
+ margin-top: 30px;
/*+border-radius:4px;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@@ -368,33 +365,34 @@ body.login {
}
.login .fields .field label {
- font-size: 11px;
+ font-size: 12px;
color: #4E4F53;
- /*+placement:displace 10px 12px;*/
+ /*+placement:displace 9px 14px;*/
position: absolute;
- margin-left: 10px;
- margin-top: 12px;
+ margin-left: 9px;
+ margin-top: 14px;
}
.login .fields .field label.error {
color: #FF0000;
float: right;
- left: 204px;
+ left: 264px;
top: 0;
}
.login .fields input {
- width: 204px;
+ width: 248px;
height: 20px;
margin: 5px 0 0;
- text-indent: 7px;
+ text-indent: 1px;
+ font-size: 13px;
border: none;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
+ padding: 5px;
+ /*+border-radius:3px;*/
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -khtml-border-radius: 3px;
+ border-radius: 3px;
/*+box-shadow:inset 0px 1px 1px #4E4E4E;*/
-moz-box-shadow: inset 0px 1px 1px #4E4E4E;
-webkit-box-shadow: inset 0px 1px 1px #4E4E4E;
@@ -449,7 +447,7 @@ body.login {
width: 1000px;
height: 100%;
margin: auto;
- background: #FFFFFF;
+ background: #053663;
}
/*About dialog*/