| ... | ... |
@@ -2190,3 +2190,52 @@ button.close {
|
| 2190 | 2190 |
margin:5px 0; |
| 2191 | 2191 |
width:10%; |
| 2192 | 2192 |
} |
| 2193 |
+ |
|
| 2194 |
+.user-settings {
|
|
| 2195 |
+ overflow:hidden; |
|
| 2196 |
+} |
|
| 2197 |
+ |
|
| 2198 |
+.user-settings .left {
|
|
| 2199 |
+ float:left; |
|
| 2200 |
+ width:15%; |
|
| 2201 |
+ padding-right:10px; |
|
| 2202 |
+} |
|
| 2203 |
+ |
|
| 2204 |
+.user-settings .left li {
|
|
| 2205 |
+ border:1px solid #d8d8d8; |
|
| 2206 |
+ border-top:none; |
|
| 2207 |
+ padding:5px 10px; |
|
| 2208 |
+} |
|
| 2209 |
+ |
|
| 2210 |
+.user-settings .left li:first-child {
|
|
| 2211 |
+ border-top:1px solid #d8d8d8; |
|
| 2212 |
+} |
|
| 2213 |
+ |
|
| 2214 |
+.user-settings .left li.active a {
|
|
| 2215 |
+ color:black; |
|
| 2216 |
+ font-weight:bold; |
|
| 2217 |
+ text-decoration:none; |
|
| 2218 |
+} |
|
| 2219 |
+ |
|
| 2220 |
+.user-settings .right {
|
|
| 2221 |
+ float:left; |
|
| 2222 |
+ width:85%; |
|
| 2223 |
+} |
|
| 2224 |
+ |
|
| 2225 |
+.profile > div {
|
|
| 2226 |
+ border:1px solid #d8d8d8; |
|
| 2227 |
+ padding:10px 10px; |
|
| 2228 |
+ font-size:120%; |
|
| 2229 |
+} |
|
| 2230 |
+ |
|
| 2231 |
+.profile > div:first-child {
|
|
| 2232 |
+ border-bottom:none; |
|
| 2233 |
+ background: #eee; |
|
| 2234 |
+ border-radius:3px 3px 0 0; |
|
| 2235 |
+ font-size:17px; |
|
| 2236 |
+ font-weight:bold; |
|
| 2237 |
+} |
|
| 2238 |
+ |
|
| 2239 |
+.profile li {
|
|
| 2240 |
+ padding:5px 5px; |
|
| 2241 |
+} |
| ... | ... |
@@ -18,26 +18,32 @@ |
| 18 | 18 |
%= include '/include/header'; |
| 19 | 19 |
|
| 20 | 20 |
<div class="container"> |
| 21 |
- <div class="row"> |
|
| 22 |
- <div class="span2"> |
|
| 23 |
- <ul class="nav nav-tabs nav-stacked"> |
|
| 24 |
- <li class="active" style="font-weight:bold"> |
|
| 21 |
+ <div class="user-settings"> |
|
| 22 |
+ <div class="left"> |
|
| 23 |
+ <ul> |
|
| 24 |
+ <li class="active"> |
|
| 25 | 25 |
<a href="<%= url_for("/$user/_settings") %>">Profile</a>
|
| 26 | 26 |
</li> |
| 27 |
- <li class="" style=""> |
|
| 27 |
+ <li> |
|
| 28 | 28 |
<a href="<%= url_for("/$user/_settings/ssh") %>">SSH keys</a>
|
| 29 | 29 |
</li> |
| 30 | 30 |
</ul> |
| 31 | 31 |
</div> |
| 32 |
- <div class="span10"> |
|
| 33 |
- <div class="border-gray bk-gray-light radius-top" style="padding:5px;font-weight:bold;font-size:17px"> |
|
| 34 |
- Profile |
|
| 35 |
- </div> |
|
| 36 |
- <div class="border-gray" style="margin-bottom:30px;border-top:none;padding:10px"> |
|
| 37 |
- <div style="margin-bottom:10px;font-size:15px"> |
|
| 38 |
- <b>ID</b>: <%= $user %> |
|
| 32 |
+ <div class="right"> |
|
| 33 |
+ <div class="profile"> |
|
| 34 |
+ <div> |
|
| 35 |
+ Profile |
|
| 36 |
+ </div> |
|
| 37 |
+ <div> |
|
| 38 |
+ <ul> |
|
| 39 |
+ <li> |
|
| 40 |
+ <b>ID</b>: <%= $user %> |
|
| 41 |
+ </li> |
|
| 42 |
+ <li> |
|
| 43 |
+ <a class="btn btn-small" href="<%= url_for("/reset-password")->query(user => $user) %>">Reset Password</a>
|
|
| 44 |
+ </li> |
|
| 45 |
+ </ul> |
|
| 39 | 46 |
</div> |
| 40 |
- <a class="btn btn-small" href="<%= url_for("/reset-password")->query(user => $user) %>">Reset Password</a>
|
|
| 41 | 47 |
</div> |
| 42 | 48 |
</div> |
| 43 | 49 |
</div> |