| ... | ... |
@@ -1987,3 +1987,34 @@ button.close {
|
| 1987 | 1987 |
.blame-author {
|
| 1988 | 1988 |
color:#767676; |
| 1989 | 1989 |
} |
| 1990 |
+ |
|
| 1991 |
+.login-form {
|
|
| 1992 |
+ border:1px solid #d8d8d8; |
|
| 1993 |
+ border-radius: 3px; |
|
| 1994 |
+ padding:15px 0; |
|
| 1995 |
+ width:300px; |
|
| 1996 |
+ margin-left:auto; |
|
| 1997 |
+ margin-right:auto |
|
| 1998 |
+} |
|
| 1999 |
+ |
|
| 2000 |
+.login-form-container {
|
|
| 2001 |
+ width:70%; |
|
| 2002 |
+ margin:0 auto; |
|
| 2003 |
+} |
|
| 2004 |
+ |
|
| 2005 |
+.login-form input[type=text], .login-form input[type=password] {
|
|
| 2006 |
+ border:1px solid #d8d8d8; |
|
| 2007 |
+ border-radius: 3px; |
|
| 2008 |
+ padding:6px 5px; |
|
| 2009 |
+ width:100%; |
|
| 2010 |
+ margin:5px 0; |
|
| 2011 |
+} |
|
| 2012 |
+ |
|
| 2013 |
+.login-form input[type=checkbox] {
|
|
| 2014 |
+ margin:6px 0 9px 0; |
|
| 2015 |
+} |
|
| 2016 |
+ |
|
| 2017 |
+.header-bottom {
|
|
| 2018 |
+ margin-bottom:15px; |
|
| 2019 |
+ min-height:1px; |
|
| 2020 |
+} |
| ... | ... |
@@ -88,9 +88,14 @@ |
| 88 | 88 |
% layout 'common', title => 'Sign in'; |
| 89 | 89 |
|
| 90 | 90 |
<!-- Login page --> |
| 91 |
- <div class="text-center" style="margin:15px 0;font-size:18px;"> |
|
| 92 |
- Sign in to GitPrep |
|
| 91 |
+ <div class="header"> |
|
| 92 |
+ <div class="container"> |
|
| 93 |
+ <div class="header-left"> |
|
| 94 |
+ <div class="title"><a href="<%= url_for('/') %>">GitPrep</a></div>
|
|
| 95 |
+ </div> |
|
| 96 |
+ </div> |
|
| 93 | 97 |
</div> |
| 98 |
+ <div class="header-bottom"></div> |
|
| 94 | 99 |
|
| 95 | 100 |
<div class="container"> |
| 96 | 101 |
% my $id = ''; |
| ... | ... |
@@ -117,35 +122,37 @@ |
| 117 | 122 |
<div><%= $error %></div> |
| 118 | 123 |
</div> |
| 119 | 124 |
% } |
| 125 |
+ |
|
| 126 |
+ <div class="topic1" style="text-align:center"> |
|
| 127 |
+ Sign in to GitPrep |
|
| 128 |
+ </div> |
|
| 120 | 129 |
|
| 121 |
- <div class="well border-gray" |
|
| 122 |
- style="background:white;padding-top:15px;padding-left:60px;width:300px;margin-left:auto;margin-right:auto" |
|
| 123 |
- > |
|
| 124 |
- <form action="<%= url_for->query(op => 'login') %>" method="post"> |
|
| 125 |
- <div class="control-group"> |
|
| 126 |
- <label class="control-label" for="user-name">Username</label> |
|
| 127 |
- <div class="controls"> |
|
| 130 |
+ <form class="login-form" action="<%= url_for->query(op => 'login') %>" method="post"> |
|
| 131 |
+ <div class="login-form-container"> |
|
| 132 |
+ <div> |
|
| 133 |
+ <label>Username</label> |
|
| 134 |
+ <div> |
|
| 128 | 135 |
<%= input_tag id => $id, type => 'text', placeholder => 'User', id =>'user-name'%> |
| 129 | 136 |
</div> |
| 130 | 137 |
</div> |
| 131 |
- <div class="control-group"> |
|
| 132 |
- <label class="control-label" for="input-password">Password</label> |
|
| 133 |
- <div class="controls"> |
|
| 138 |
+ <div> |
|
| 139 |
+ <labelfor="input-password">Password</label> |
|
| 140 |
+ <div> |
|
| 134 | 141 |
<%= password_field 'password', id => 'input-password', placeholder => 'Password' %> |
| 135 | 142 |
</div> |
| 136 | 143 |
</div> |
| 137 |
- <div class="control-group"> |
|
| 138 |
- <label class="checkbox"> |
|
| 144 |
+ <div> |
|
| 145 |
+ <label> |
|
| 139 | 146 |
<input type="checkbox" name="save" value="1"> Save |
| 140 | 147 |
</label> |
| 141 | 148 |
</div> |
| 142 |
- <div class="control-group"> |
|
| 143 |
- <div class="controls"> |
|
| 149 |
+ <div> |
|
| 150 |
+ <div> |
|
| 144 | 151 |
<button type="submit" class="btn">Sign in</button> |
| 145 | 152 |
</div> |
| 146 | 153 |
</div> |
| 147 |
- </form> |
|
| 148 |
- </div> |
|
| 154 |
+ </div> |
|
| 155 |
+ </form> |
|
| 149 | 156 |
</div> |
| 150 | 157 |
|
| 151 | 158 |
%= include '/include/footer'; |
| ... | ... |
@@ -110,4 +110,6 @@ |
| 110 | 110 |
</div> |
| 111 | 111 |
</div> |
| 112 | 112 |
</div> |
| 113 |
+% } else {
|
|
| 114 |
+ <div style="min-height:1px;margin-bottom:10px"></div> |
|
| 113 | 115 |
% } |