... | ... |
@@ -12,6 +12,14 @@ |
12 | 12 |
Default values |
13 | 13 |
border:1px solid #d8d8d8; |
14 | 14 |
border-radius: 3px; |
15 |
+ |
|
16 |
+ input[type=text] |
|
17 |
+ border:1px solid #d8d8d8; |
|
18 |
+ border-radius: 3px; |
|
19 |
+ padding:6px 5px; |
|
20 |
+ width:100%; |
|
21 |
+ margin:5px 0; |
|
22 |
+ |
|
15 | 23 |
|
16 | 24 |
Text Gray |
17 | 25 |
#767676 |
... | ... |
@@ -895,6 +903,33 @@ button.close { |
895 | 903 |
background-color: #2f96b4; |
896 | 904 |
} |
897 | 905 |
|
906 |
+.btn-success { |
|
907 |
+ color: #ffffff; |
|
908 |
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
909 |
+ background-color: #5bb75b; |
|
910 |
+ background-image: linear-gradient(to bottom, #62c462, #51a351); |
|
911 |
+ background-repeat: repeat-x; |
|
912 |
+ border-color: #51a351 #51a351 #387038; |
|
913 |
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
914 |
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); |
|
915 |
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|
916 |
+} |
|
917 |
+ |
|
918 |
+.btn-success:hover, |
|
919 |
+.btn-success:focus, |
|
920 |
+.btn-success:active, |
|
921 |
+.btn-success.active, |
|
922 |
+.btn-success.disabled, |
|
923 |
+.btn-success[disabled] { |
|
924 |
+ color: #ffffff; |
|
925 |
+ background-color: #51a351; |
|
926 |
+} |
|
927 |
+ |
|
928 |
+.btn-success:active, |
|
929 |
+.btn-success.active { |
|
930 |
+ background-color: #408140 \9; |
|
931 |
+} |
|
932 |
+ |
|
898 | 933 |
/* alert */ |
899 | 934 |
.alert { |
900 | 935 |
padding: 8px 35px 8px 14px; |
... | ... |
@@ -1991,7 +2026,7 @@ button.close { |
1991 | 2026 |
.login-form { |
1992 | 2027 |
border:1px solid #d8d8d8; |
1993 | 2028 |
border-radius: 3px; |
1994 |
- padding:15px 0; |
|
2029 |
+ padding:25px 0; |
|
1995 | 2030 |
width:300px; |
1996 | 2031 |
margin-left:auto; |
1997 | 2032 |
margin-right:auto |
... | ... |
@@ -2005,7 +2040,7 @@ button.close { |
2005 | 2040 |
.login-form input[type=text], .login-form input[type=password] { |
2006 | 2041 |
border:1px solid #d8d8d8; |
2007 | 2042 |
border-radius: 3px; |
2008 |
- padding:6px 5px; |
|
2043 |
+ padding:7px 5px; |
|
2009 | 2044 |
width:100%; |
2010 | 2045 |
margin:5px 0; |
2011 | 2046 |
} |
... | ... |
@@ -2014,6 +2049,10 @@ button.close { |
2014 | 2049 |
margin:6px 0 9px 0; |
2015 | 2050 |
} |
2016 | 2051 |
|
2052 |
+.login-form button { |
|
2053 |
+ width:100%; |
|
2054 |
+} |
|
2055 |
+ |
|
2017 | 2056 |
.header-bottom { |
2018 | 2057 |
margin-bottom:15px; |
2019 | 2058 |
min-height:1px; |
... | ... |
@@ -148,7 +148,7 @@ |
148 | 148 |
</div> |
149 | 149 |
<div> |
150 | 150 |
<div> |
151 |
- <button type="submit" class="btn">Sign in</button> |
|
151 |
+ <button type="submit" class="btn btn-success">Sign in</button> |
|
152 | 152 |
</div> |
153 | 153 |
</div> |
154 | 154 |
</div> |