Showing 3 changed files with 19 additions and 70 deletions
+14 -65
public/css/common.css
... ...
@@ -929,7 +929,7 @@ input[type=text], input[type=password] {
929 929
 .title {
930 930
   float:left;
931 931
   font-size:19px;
932
-  padding:10px 0 6px 0;
932
+  padding:10px 0 9px 0;
933 933
 }
934 934
 .title a {
935 935
   color:white;
... ...
@@ -961,6 +961,7 @@ input[type=text], input[type=password] {
961 961
 }
962 962
 
963 963
 .header-login-container {
964
+  padding-top:10px;
964 965
   float:left;
965 966
 }
966 967
 
... ...
@@ -1922,87 +1923,35 @@ button.close {
1922 1923
   -webkit-appearance: none;
1923 1924
 }
1924 1925
 
1925
-.btn {
1926
+.btn, .btn:visited {
1926 1927
   display: inline-block;
1927 1928
   padding: 4px 12px;
1928
-  margin-bottom: 0;
1929
-  font-size: 14px;
1930
-  line-height: 20px;
1931
-  color: #333333;
1929
+  font-size: 15px;
1930
+  color:#395582;
1932 1931
   text-align: center;
1933
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1934
-  vertical-align: middle;
1935 1932
   cursor: pointer;
1936
-  background-color: #f5f5f5;
1937
-  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1938
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
1939
-  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1940
-  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1941
-  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
1942
-  background-repeat: repeat-x;
1943 1933
   border: 1px solid #cccccc;
1944
-  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
1945
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1946
-  border-bottom-color: #b3b3b3;
1947 1934
   border-radius: 4px;
1948
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
1949
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1950
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1951
-     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1952
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1935
+  background: -moz-linear-gradient(top,#FFF 0%,#EEE);
1936
+  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
1953 1937
 }
1938
+
1954 1939
 .btn:hover,
1955 1940
 .btn:focus,
1956 1941
 .btn:active,
1957 1942
 .btn.active,
1958 1943
 .btn.disabled,
1959 1944
 .btn[disabled] {
1960
-  color: #333333;
1961
-  background-color: #e6e6e6;
1962
-}
1963
-
1964
-.btn:active,
1965
-.btn.active {
1966
-  background-color: #cccccc \9;
1967
-}
1968
-
1969
-.btn:hover,
1970
-.btn:focus {
1971
-  color: #333333;
1972
-  text-decoration: none;
1973
-  background-position: 0 -15px;
1974
-  -webkit-transition: background-position 0.1s linear;
1975
-     -moz-transition: background-position 0.1s linear;
1976
-       -o-transition: background-position 0.1s linear;
1977
-          transition: background-position 0.1s linear;
1978
-}
1979
-
1980
-.btn:focus {
1981
-  outline: thin dotted #333;
1982
-  outline: 5px auto -webkit-focus-ring-color;
1983
-  outline-offset: -2px;
1984
-}
1985
-
1986
-.btn.active,
1987
-.btn:active {
1988
-  background-image: none;
1989
-  outline: 0;
1990
-  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1991
-     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1992
-          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1945
+  background:#eff2f4;
1946
+  text-decoration:none;
1993 1947
 }
1994 1948
 
1995 1949
 .btn.disabled,
1996 1950
 .btn[disabled] {
1997 1951
   cursor: default;
1998
-  background-image: none;
1999
-  opacity: 0.65;
2000
-  filter: alpha(opacity=65);
2001
-  -webkit-box-shadow: none;
2002
-     -moz-box-shadow: none;
2003
-          box-shadow: none;
2004 1952
 }
2005 1953
 
1954
+
2006 1955
 .btn-large {
2007 1956
   padding: 11px 19px;
2008 1957
   font-size: 17.5px;
... ...
@@ -2060,7 +2009,7 @@ button.close {
2060 2009
 
2061 2010
 .btn-primary:active,
2062 2011
 .btn-primary.active {
2063
-  background-color: #003399 \9;
2012
+  background-color: #003399;
2064 2013
 }
2065 2014
 
2066 2015
 .btn-info {
... ...
@@ -2109,7 +2058,7 @@ button.close {
2109 2058
 
2110 2059
 .btn-success:active,
2111 2060
 .btn-success.active {
2112
-  background-color: #408140 \9;
2061
+  background-color: #408140;
2113 2062
 }
2114 2063
 
2115 2064
 .btn-danger {
... ...
@@ -2136,7 +2085,7 @@ button.close {
2136 2085
 
2137 2086
 .btn-danger:active,
2138 2087
 .btn-danger.active {
2139
-  background-color: #942a25 \9;
2088
+  background-color: #942a25;
2140 2089
 }
2141 2090
 
2142 2091
 /* alert */
+1 -1
templates/auto/_login.html.ep
... ...
@@ -131,7 +131,7 @@
131 131
         </div>
132 132
         <div>
133 133
           <div>
134
-            <button type="submit" class="btn btn-success">Login</button>
134
+            <button type="submit" class="btn">Login</button>
135 135
           </div>
136 136
         </div>
137 137
       </div>
+4 -4
templates/include/header.html.ep
... ...
@@ -35,15 +35,15 @@
35 35
         % if ($api->logined) {
36 36
           % unless ($session_user->{id} eq 'admin') {
37 37
             <div class="header-btn-container">
38
-              <a class="btn btn-small" href="<%= url_for("/_new") %>"><b>Create a new repo</b></a>
38
+              <a class="btn" href="<%= url_for("/_new") %>">Create a new repo</a>
39 39
             </div>
40 40
             <div class="header-btn-container">
41
-              <a class="btn btn-small" href="<%= url_for("/$session_user->{id}/_settings") %>"><b>Account Settings</b></a>
41
+              <a class="btn" href="<%= url_for("/$session_user->{id}/_settings") %>">Account Settings</a>
42 42
             </div>
43 43
           % }
44 44
           % my $url = url_with->to_abs;
45 45
           <div class="header-btn-container">
46
-            <a class="btn btn-small" href="<%= url_for("/_logout?from=$url") %>"><b>Logout</b></a>
46
+            <a class="btn" href="<%= url_for("/_logout?from=$url") %>">Logout</a>
47 47
           </div>
48 48
           <!-- Logined as <%= $session_user->{id} %> -->
49 49
           <div class="header-login-container">
... ...
@@ -56,7 +56,7 @@
56 56
           </div>
57 57
         % } else {
58 58
           <div class="header-btn-container">
59
-            <a class="btn btn-info" href="<%= url_for('/_login') %>">Login</a>
59
+            <a class="btn" href="<%= url_for('/_login') %>">Login</a>
60 60
           </div>
61 61
         % }
62 62
       </div>