| ... | ... |
@@ -1,24 +1,4 @@ |
| 1 |
-%= stylesheet begin |
|
| 2 |
- /* Footer */ |
|
| 3 |
- .footer {
|
|
| 4 |
- margin-top:10px; |
|
| 5 |
- padding:10px; |
|
| 6 |
- border-top:1px solid #E5E5E5; |
|
| 7 |
- height:80px; |
|
| 8 |
- text-align:center; |
|
| 9 |
- } |
|
| 10 |
- .footer a {
|
|
| 11 |
- color:#4183C4; |
|
| 12 |
- } |
|
| 13 |
- .footer .panel {
|
|
| 14 |
- width:900px; |
|
| 15 |
- margin:auto; |
|
| 16 |
- overflow:hidden; |
|
| 17 |
- } |
|
| 18 |
-% end |
|
| 19 |
- |
|
| 20 |
-<div class="footer"> |
|
| 21 |
- <div class="panel"> |
|
| 22 |
- <a class="ubar" href="https://github.com/yuki-kimoto/gitprep">Gitprep</a> |
|
| 23 |
- </div> |
|
| 1 |
+<hr> |
|
| 2 |
+<div class="text-center"> |
|
| 3 |
+ <a href="https://github.com/yuki-kimoto/gitprep">Gitprep</a> |
|
| 24 | 4 |
</div> |
| ... | ... |
@@ -3,47 +3,12 @@ |
| 3 | 3 |
%> |
| 4 | 4 |
|
| 5 | 5 |
% if (defined $user_id) {
|
| 6 |
- %= stylesheet begin |
|
| 7 |
- |
|
| 8 |
- /* Header */ |
|
| 9 |
- .header {
|
|
| 10 |
- background-color:#F3F3F3; |
|
| 11 |
- margin-bottom:10px; |
|
| 12 |
- border-bottom:1px solid #E5E5E5; |
|
| 13 |
- height:40px; |
|
| 14 |
- font-weight:bold; |
|
| 15 |
- } |
|
| 16 |
- .header .panel {
|
|
| 17 |
- width:900px; |
|
| 18 |
- margin:auto; |
|
| 19 |
- overflow:hidden; |
|
| 20 |
- } |
|
| 21 |
- .header .left {
|
|
| 22 |
- width:400px; |
|
| 23 |
- } |
|
| 24 |
- .header li {
|
|
| 25 |
- padding:10px; |
|
| 26 |
- } |
|
| 27 |
- .header .left li {
|
|
| 28 |
- float:left; |
|
| 29 |
- } |
|
| 30 |
- .header .right li{
|
|
| 31 |
- float:right; |
|
| 32 |
- } |
|
| 33 |
- .header a {
|
|
| 34 |
- color:#333; |
|
| 35 |
- } |
|
| 36 |
- .header a:hover {
|
|
| 37 |
- color:#4183C4; |
|
| 38 |
- } |
|
| 39 |
- % end |
|
| 40 |
- |
|
| 41 |
- <div class="header"> |
|
| 42 |
- <div class="panel"> |
|
| 43 |
- <ul class="left"> |
|
| 6 |
+ <div class="container"> |
|
| 7 |
+ <div> |
|
| 8 |
+ <ul> |
|
| 44 | 9 |
<li><a href="<%= url_for('/') %>">GitPrep</a></li>
|
| 45 | 10 |
</ul> |
| 46 |
- <ul class="right"> |
|
| 11 |
+ <ul> |
|
| 47 | 12 |
<li><a href="<%= url_for("/_login?op=logout") %>">Sign out</a></li>
|
| 48 | 13 |
<li> |
| 49 | 14 |
<a href="<%= url_for("/setting/profile") %>"><s>Account setting</s></a>
|
| ... | ... |
@@ -56,56 +21,16 @@ |
| 56 | 21 |
</div> |
| 57 | 22 |
</div> |
| 58 | 23 |
% } else {
|
| 59 |
- %= stylesheet begin |
|
| 60 |
- |
|
| 61 |
- /* Header */ |
|
| 62 |
- .header {
|
|
| 63 |
- background-color:white; |
|
| 64 |
- margin-bottom:10px; |
|
| 65 |
- border-bottom:1px solid #E5E5E5; |
|
| 66 |
- height:65px; |
|
| 67 |
- font-weight:bold; |
|
| 68 |
- } |
|
| 69 |
- .header .hpanel {
|
|
| 70 |
- width:900px; |
|
| 71 |
- margin:auto; |
|
| 72 |
- overflow:hidden; |
|
| 73 |
- padding:10px; |
|
| 74 |
- } |
|
| 75 |
- .header h1 {
|
|
| 76 |
- font-size:140%; |
|
| 77 |
- float:left; |
|
| 78 |
- padding-top:12px; |
|
| 79 |
- } |
|
| 80 |
- .header h1 a {
|
|
| 81 |
- color:#555; |
|
| 82 |
- } |
|
| 83 |
- .header h1 a:hover {
|
|
| 84 |
- color:#4183C4; |
|
| 85 |
- } |
|
| 86 |
- .header .hsignin {
|
|
| 87 |
- float:right; |
|
| 88 |
- background-color:#EEE; |
|
| 89 |
- border:1px solid #d8dee2; |
|
| 90 |
- margin-top:5px; |
|
| 91 |
- padding:10px; |
|
| 92 |
- display:block; |
|
| 93 |
- border-radius:3px; |
|
| 94 |
- } |
|
| 95 |
- .header a.hsignin {
|
|
| 96 |
- color:#333; |
|
| 97 |
- } |
|
| 98 |
- .header a.hsignin:hover {
|
|
| 99 |
- color:white; |
|
| 100 |
- background-color:#4183C4; |
|
| 101 |
- } |
|
| 102 |
- % end |
|
| 103 |
- |
|
| 104 |
- <div class="header"> |
|
| 105 |
- <div class="hpanel"> |
|
| 106 |
- <h1><a href="<%= url_for('/') %>">GitPrep</a></h1>
|
|
| 107 |
- <a class="hsignin" href="<%= url_for('/_login') %>">Sing in</a>
|
|
| 24 |
+ <div class="container"> |
|
| 25 |
+ <div class="masthead"> |
|
| 26 |
+ <ul class="nav nav-pills pull-right"> |
|
| 27 |
+ <li class="active"> |
|
| 28 |
+ <a href="<%= url_for('/_login') %>">Sing in</a>
|
|
| 29 |
+ </li> |
|
| 30 |
+ </ul> |
|
| 31 |
+ <h3 class="muted"><a href="<%= url_for('/') %>">GitPrep</a></h3>
|
|
| 108 | 32 |
</div> |
| 109 | 33 |
</div> |
| 110 | 34 |
% } |
| 111 | 35 |
|
| 36 |
+<hr style="margin:0 0"> |
| ... | ... |
@@ -7,8 +7,8 @@ |
| 7 | 7 |
%= stylesheet '/css/bootstrap.css', rel => 'stylesheet', media => 'screen'; |
| 8 | 8 |
%= javascript '/js/jquery-1.9.0.min.js'; |
| 9 | 9 |
%= javascript '/js/bootstrap.js'; |
| 10 |
- |
|
| 11 | 10 |
<link rel="shortcut icon" href="<%= url_for('/git-favicon.png') %>" type="image/png" >
|
| 11 |
+ |
|
| 12 | 12 |
</head> |
| 13 | 13 |
<body> |
| 14 | 14 |
%= content; |
| ... | ... |
@@ -6,7 +6,6 @@ |
| 6 | 6 |
%> |
| 7 | 7 |
|
| 8 | 8 |
% layout 'common'; |
| 9 |
- %= include '/css/common'; |
|
| 10 | 9 |
|
| 11 | 10 |
%= stylesheet begin |
| 12 | 11 |
.users {
|
| ... | ... |
@@ -39,16 +38,16 @@ |
| 39 | 38 |
% end |
| 40 | 39 |
|
| 41 | 40 |
%= include '/include/header', title => 'Gitprep'; |
| 42 |
- <div class="main_panel"> |
|
| 43 |
- <div class="users"> |
|
| 44 |
- <div class="uheader">Users</div> |
|
| 41 |
+ <div class="container" style="min-heigth:500px"> |
|
| 42 |
+ <h3>Users</h3> |
|
| 43 |
+ <ul class="nav nav-tabs nav-stacked"> |
|
| 45 | 44 |
% for my $user (@$users) {
|
| 46 |
- <div class="uname"> |
|
| 47 |
- <a class="ubar" href="<%= url_for("/$user->{id}") %>">
|
|
| 45 |
+ <li> |
|
| 46 |
+ <a href="<%= url_for("/$user->{id}") %>">
|
|
| 48 | 47 |
<%= $user->{id} %>
|
| 49 | 48 |
</a> |
| 50 |
- </div> |
|
| 49 |
+ </li> |
|
| 51 | 50 |
% } |
| 52 |
- </table> |
|
| 51 |
+ </ul> |
|
| 53 | 52 |
</div> |
| 54 | 53 |
%= include '/include/footer'; |