ui for repo/create page

public/css/gogs.css

@@ -85,8 +85,7 @@ body {
 }
 
 /* gogits login card */
-#gogs-login-card {
+.gogs-card{
-    width: 600px;
     margin: auto;
     padding: 30px;
     background: #fff;
@@ -95,13 +94,17 @@ body {
     box-sizing: border-box;
 }
 
-#gogs-login-card h3 {
+.gogs-card h3 {
     margin-top: 0;
     margin-bottom: 30px;
     padding-bottom: 20px;
     border-bottom: 1px solid #ccc;
 }
 
+#gogs-login-card{
+    width: 600px;
+}
+
 #gogs-login-card .form-control {
     padding: 6px 12px;
     box-sizing: content-box;
@@ -112,7 +115,7 @@ body {
     line-height: 30px;
 }
 
-#gogs-login-card .btn{
+.gogs-card .btn{
     cursor: pointer;
     margin-right: 1.2em;
 }
@@ -171,3 +174,13 @@ body {
 #gogs-user-act-tabs li.active a{
     border-bottom-color: #ddd;
 }
+
+/* gogits repo create */
+
+#gogs-repo-create{
+    width: 800px;
+}
+
+#gogs-repo-create textarea[name=desc]{
+    height: 8em;
+}

templates/repo/create.tmpl

@@ -1,22 +1,55 @@
 {{template "base/head" .}}
 {{template "base/navbar" .}}
-<div class="container">
+<div class="container" id="gogs-body">
-	<form action="/repo/create" method="post" class="form-horizontal">
+    <form action="/repo/create" method="post" class="form-horizontal gogs-card" id="gogs-repo-create">
+        <h3>Create New Repository</h3>
         <div class="form-group">
-<div class="col-md-offset-4 col-md-3">
+            <label class="col-md-2 control-label">Owner<strong class="text-danger">*</strong></label>
-				Owner: <input name="userId" type="hidden" value="1"/>lunny
+            <div class="col-md-8">
+                <p class="form-control-static">Owner-name</p>
+                <input type="hidden" value="1" name="user-id"/>
             </div>
-			<div class="col-md-offset-4 col-md-3">
-		    	repo name: <input name="name" type="text"/>
         </div>
-		    <div class="col-md-offset-4 col-md-3">
+        <div class="form-group">
-		    	description(optional): <input name="desc" type="text"/>
+            <label class="col-md-2 control-label">Repository<strong class="text-danger">*</strong></label>
+            <div class="col-md-8">
+                <input name="repo" type="text" class="form-control" placeholder="Type your repository name">
+                <span class="help-block">Great repository names are short and memorable. </span>
             </div>
-		    	<div class="col-md-offset-4 col-md-3">
-			
         </div>
-		    	<div class="col-md-offset-4 col-md-3">
+        <div class="form-group">
-		    	<button type="submit" class="btn btn-info">Create repository</button>
+            <label class="col-md-2 control-label">Description</label>
+            <div class="col-md-8">
+                <textarea name="desc" class="form-control" placeholder="Type your repository name"></textarea>
+            </div>
+        </div>
+        <div class="form-group">
+            <label class="col-md-2 control-label">Language</label>
+            <div class="col-md-8">
+                <select class="form-control" name="language">
+                    <option value="">Select a language</option>
+                    <option value="ActionScript">ActionScript</option>
+                    <option value="C#">C#</option>
+                    <option value="Google Go">Google Go</option>
+                    <option value="Java">Java</option>
+                    <option value="PHP">PHP</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="col-md-8 col-md-offset-2">
+                <div class="checkbox">
+                    <label>
+                        <input type="checkbox" value="true" name="init-md">
+                        <strong>Initialize this repository with a README</strong>
+                    </label>
+                </div>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="col-md-offset-2 col-md-8">
+                <button type="submit" class="btn btn-lg btn-primary">Create repository</button>
+                <a href="/" class="text-danger">Cancel</a>
             </div>
         </div>
     </form>

templates/user/signin.tmpl

@@ -1,7 +1,7 @@
 {{template "base/head" .}}
 {{template "base/navbar" .}}
 <div class="container" id="gogs-body">
-    <form action="/user/signin" method="post" class="form-horizontal" id="gogs-login-card">
+    <form action="/user/signin" method="post" class="form-horizontal gogs-card" id="gogs-login-card">
         <h3>Log in</h3>
         <div class="form-group">
             <label class="col-md-4 control-label">Username or Email: </label>

templates/user/signup.tmpl

@@ -1,7 +1,7 @@
 {{template "base/head" .}}
 {{template "base/navbar" .}}
 <div class="container" id="gogs-body">
-	<form action="/user/signup" method="post" class="form-horizontal" id="gogs-login-card">
+	<form action="/user/signup" method="post" class="form-horizontal gogs-card" id="gogs-login-card">
         <h3>Sign Up</h3>
 		<div class="form-group">
 			<label class="col-md-4 control-label">Username: </label>