github/meteor
1
1
Fork 0
mirror of https://github.com/meteor/meteor.git synced 2026-05-02 03:01:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add nice colors and gradients to buttons

Browse Source
This commit is contained in:
Yuriy Dybskiy
2012-10-10 05:02:35 -07:00
committed by David Greenspan
parent 1cb52b7c8a
commit bfe79d7a45
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/accounts-ui/login_buttons.less
View File

@@ -109,8 +109,9 @@
border-top-color: #103372;
border-left-color: #103372;
.border-radius(3px);
}
text-shadow: 0px -1px 0px #3b64bd; color: #ffffff; background-color: #5982DB; background-image: -moz-linear-gradient(top, #77a0f9, #3b64bd); background-image: -ms-linear-gradient(top, #77a0f9, #3b64bd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77a0f9), to(#3b64bd)); background-image: -webkit-linear-gradient(top, #77a0f9, #3b64bd); background-image: -o-linear-gradient(top, #77a0f9, #3b64bd); background-image: linear-gradient(top, #77a0f9, #3b64bd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a0f9', endColorstr='#3b64bd', GradientType=0); border-color: #5982DB #3b64bd #3b64bd #5982DB; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
#login-buttons .login-button-disabled, .accounts-dialog .login-button-disabled {
color: #ccc;
@@ -145,7 +146,7 @@ out-of-the-box in more apps.
#login-buttons {
.login-header { margin-right: 4px; }
.configure-button { background: red; }
.configure-button { text-shadow: 0px -1px 0px #e12600; color: #ffffff; background-color: #FF4409; background-image: -moz-linear-gradient(top, #ff6227, #e12600); background-image: -ms-linear-gradient(top, #ff6227, #e12600); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6227), to(#e12600)); background-image: -webkit-linear-gradient(top, #ff6227, #e12600); background-image: -o-linear-gradient(top, #ff6227, #e12600); background-image: linear-gradient(top, #ff6227, #e12600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6227', endColorstr='#e12600', GradientType=0); border-color: #FF4409 #e12600 #e12600 #FF4409; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.login-link-text { margin-left: 5px; /* so that other elements aren't too close */ }
.login-image {