diaspora/diaspora — Issue #2325: Minor changes to buttons
Author: gandaro
Created: 2011-11-05 19:19:04+00:00
State: open

Some minor changes to the invitation button’s CSS at the home page. Colors should be usually inverted except the button is "active".

```css
#signup_field #big_action_button, #signup_field input[type='submit'] {
background-color: #2098de;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$from, endColorstr=$to);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#41b6fa, endColorstr=#007bc2)";
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#41b6fa), to(#007bc2));
background-image: -moz-linear-gradient(top, #41b6fa 0, #007bc2 100%);
background-image: -o-linear-gradient(top, #41b6fa 0, #007bc2 100%);
height: 47px;
margin: 0;
background-color: #3f8fba;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 1px solid #ccc;
padding: 12px;
font-size: 18px;
font-weight: bold;
color: #eee;
text-shadow: 0 1px 0 #333;
text-align: center;
}

#signup_field #big_action_button:hover, #signup_field input[type='submit']:hover {
background-color: #38aae8;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$from, endColorstr=$to);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#71ccff, endColorstr=#0088d1)";
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#71ccff), to(#0088d1));
background-image: -moz-linear-gradient(top, #71ccff 0, #0088d1 100%);
background-image: -o-linear-gradient(top, #71ccff 0, #0088d1 100%);
}

#signup_field #big_action_button:active, #signup_field input[type="submit"]:active {
background-color: #38aae8;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$from, endColorstr=$to);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0088d1, endColorstr=#71ccff)";
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0088d1), to(#71ccff));
background-image: -moz-linear-gradient(top, #0088d1 0, #71ccff 100%);
background-image: -o-linear-gradient(top, #0088d1 0, #71ccff 100%);
}
```