Add missing less files

13 files changed, 1917 insertions, 39 deletions

diff --git a/.gitignore b/.gitignore
index ac88d5ca1a..c24f364baa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,7 +32,7 @@ _testmain.go
 
 *.exe
 *.exe~
-gogs
+/gogs
 __pycache__
 *.pem
 output*
diff --git a/public/ng/css/gogs.css b/public/ng/css/gogs.css
index 34b9b4717b..8a0029ace7 100644
--- a/public/ng/css/gogs.css
+++ b/public/ng/css/gogs.css
@@ -30,6 +30,16 @@ img.avatar-30 {
   height: 30px;
   vertical-align: middle;
 }
+img.avatar-40 {
+  width: 40px;
+  height: 40px;
+  vertical-align: middle;
+}
+img.avatar-48 {
+  width: 48px;
+  height: 48px;
+  vertical-align: middle;
+}
 #wrapper {
   padding: 0;
   margin: 0 0 -55px 0;
@@ -197,6 +207,40 @@ img.avatar-30 {
   padding-left: 24px;
   padding-right: 16px;
 }
+.markdown h5,
+.markdown h6 {
+  font-size: 1em;
+}
+.markdown ul {
+  padding: 10px 0 0 15px;
+}
+.markdown ul li {
+  list-style: inside;
+}
+.markdown ol li {
+  list-style: decimal inside;
+}
+.markdown li {
+  line-height: 1.6;
+  margin-top: 6px;
+}
+.markdown li:first-child {
+  margin-top: 0;
+}
+.markdown > pre {
+  font-size: 14px;
+  line-height: 1.6;
+  overflow: auto;
+  border: 1px solid #ddd;
+  border-radius: .25em;
+  margin: 5px 0;
+  padding: 10px;
+  background-color: #f8f8f8;
+}
+.markdown img {
+  padding: 10px 0;
+  max-width: 100%;
+}
 .markdown a {
   color: #428BCA;
 }
@@ -233,12 +277,6 @@ img.avatar-30 {
 .markdown h4 {
   font-size: 18px;
 }
-.markdown h5 {
-  font-size: 1em;
-}
-.markdown h6 {
-  font-size: 1em;
-}
 .markdown table {
   border-collapse: collapse;
   border-spacing: 0;
@@ -262,22 +300,6 @@ img.avatar-30 {
 .markdown table tr:nth-child(2n) {
   background-color: #f8f8f8;
 }
-.markdown ul {
-  padding: 10px 0 0 15px;
-}
-.markdown ul li {
-  list-style: inside;
-}
-.markdown ol li {
-  list-style: decimal inside;
-}
-.markdown li {
-  line-height: 1.6;
-  margin-top: 6px;
-}
-.markdown li:first-child {
-  margin-top: 0;
-}
 .markdown dl dt {
   font-style: italic;
   margin-top: 9px;
@@ -291,16 +313,6 @@ img.avatar-30 {
   font-size: 14px;
   background-color: #f5f5f5;
 }
-.markdown > pre {
-  font-size: 14px;
-  line-height: 1.6;
-  overflow: auto;
-  border: 1px solid #ddd;
-  border-radius: .25em;
-  margin: 5px 0;
-  padding: 10px;
-  background-color: #f8f8f8;
-}
 .markdown > pre.linenums {
   padding: 0;
 }
@@ -349,10 +361,6 @@ img.avatar-30 {
 .markdown p:last-child {
   margin-bottom: 0;
 }
-.markdown img {
-  padding: 10px 0;
-  max-width: 100%;
-}
 .markdown .btn {
   color: #fff;
 }
@@ -1373,6 +1381,7 @@ The register and sign-in page style
 .pr-nav {
   border-bottom: 1px solid #DDD;
   margin-top: 16px;
+  margin-bottom: 16px;
 }
 .pr-nav .octicon {
   margin-right: 4px;
@@ -1389,7 +1398,7 @@ The register and sign-in page style
   font-size: 12px;
   margin-left: 4px;
 }
-.pr-nav li.current > a {
+.pr-nav li.js-tab-nav-show > a {
   background-color: #FFF;
   border-color: #E6E6E6;
 }
@@ -1415,3 +1424,122 @@ The register and sign-in page style
   border-top-left-radius: .2em;
   border-bottom-left-radius: .2em;
 }
+#pr-commit,
+#pr-file-diff,
+#issue-add-comment-preview {
+  display: none;
+}
+#pr-conversation-list {
+  padding-right: 30px;
+  box-sizing: border-box;
+}
+.issue-comment,
+.issue-commit,
+.issue-line,
+.issue-merge,
+.issue-add-comment {
+  margin-bottom: 16px;
+}
+.issue-comment .author-avatar img {
+  margin-right: 12px;
+}
+.issue-comment .panel {
+  margin-left: 60px;
+  margin-top: -40px;
+}
+.issue-comment .panel-header {
+  font-size: 13px;
+}
+.issue-comment .author-name {
+  font-weight: bold;
+}
+.issue-comment .date {
+  margin-left: 4px;
+  font-style: italic;
+  color: #888;
+}
+.issue-comment .action > * {
+  margin-left: 4px;
+  font-size: 12px;
+}
+.issue-comment .action i {
+  font-size: 13px;
+}
+.issue-commit {
+  line-height: 32px;
+}
+.issue-commit i,
+.issue-commit .author-avatar img {
+  margin-right: 16px;
+}
+.issue-commit .sha {
+  margin-left: 24px;
+}
+.issue-commit .message {
+  display: block;
+  margin-left: 88px;
+  padding-top: 4px;
+  line-height: 24px;
+}
+.issue-merge .ico {
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  color: #FFF;
+  margin-right: 12px;
+}
+.issue-merge .ico i {
+  margin-top: 8px;
+  font-size: 24px;
+}
+.issue-merge .panel {
+  margin-left: 60px;
+  margin-top: -40px;
+}
+.issue-merge .panel-header {
+  font-size: 13px;
+}
+.issue-merge-ok .ico {
+  background-color: #65AD4E;
+}
+.issue-merge-ok .panel,
+.issue-merge-ok .panel-content,
+.issue-merge-ok .panel-header {
+  border-color: #65AD4E;
+  background-color: #FFF;
+}
+.issue-merge-ok .panel-header {
+  color: #508a3e;
+}
+.issue-line {
+  height: 4px;
+  background-color: #E6E6E6;
+}
+.issue-add-comment .panel {
+  margin-left: 60px;
+  margin-top: -40px;
+}
+.issue-add-comment .panel-header {
+  font-size: 13px;
+  padding-bottom: 0;
+}
+.issue-add-comment .add-nav > li > a {
+  padding: 4px 12px;
+  color: #444;
+  border: 1px solid #CCC;
+  margin-bottom: -1px;
+  font-size: 14px;
+  border-top-left-radius: .3em;
+  border-top-right-radius: .3em;
+}
+.issue-add-comment .add-nav > li > a:hover {
+  background-color: #FFF;
+}
+.issue-add-comment .add-nav > li.js-tab-nav-show > a {
+  background-color: #FFF;
+}
+textarea#issue-add-content {
+  width: 100%;
+  box-sizing: border-box;
+  height: 120px;
+}
diff --git a/public/ng/css/ui.css b/public/ng/css/ui.css
index 5a5f7dc90a..908f4e70fb 100644
--- a/public/ng/css/ui.css
+++ b/public/ng/css/ui.css
@@ -681,6 +681,10 @@ ul.menu-radius > li:last-child > a {
   border-bottom-left-radius: .3em;
   border-bottom-right-radius: .3em;
 }
+.panel.panel-radius .panel-content {
+  border-bottom-left-radius: .3em;
+  border-bottom-right-radius: .3em;
+}
 .panel.panel-warning {
   border-color: #F0C36D;
 }
diff --git a/public/ng/less/gogs/base.less b/public/ng/less/gogs/base.less
new file mode 100644
index 0000000000..f9405499ad
--- /dev/null
+++ b/public/ng/less/gogs/base.less
@@ -0,0 +1,217 @@
+@import "../ui/var";
+@headerBgColor: #428BCA;
+@headerLinkFontColor: #FFF;
+@headerLinkHoverColor: #fff65f;
+@headerLinkCurrentColor: #fff65f;
+@headerSignOutColor: #ff908b;
+@footerBorderColor: #D6D6D6;
+@footerFontColor: #888;
+@langNum: 2px;
+// means 2 items
+html,
+body {
+    height: 100%;
+}
+.octicon,
+.fa {
+    width: 16px;
+    text-align: center;
+}
+.fa {
+    font-size: 14px;
+}
+.container {
+    max-width: 1170px;
+    padding: 0 1.5em;
+    margin: auto;
+}
+img.avatar-16 {
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+}
+img.avatar-24 {
+    width: 24px;
+    height: 24px;
+    vertical-align: middle;
+}
+img.avatar-30 {
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+}
+img.avatar-40 {
+  width: 40px;
+  height: 40px;
+  vertical-align: middle;
+}
+img.avatar-48{
+  width: 48px;
+  height: 48px;
+  vertical-align: middle;
+}
+#wrapper {
+    padding: 0;
+    margin: 0 0 -55px 0;
+    min-height: 100%;
+}
+#footer {
+    background-color: white;
+    border-top: 1px solid@footerBorderColor;
+
+clear: both;
+    width: 100%;
+    .container {
+        padding: 15px;
+    }
+    color:@footerFontColor;
+.official,
+    .version {
+        color: @footerFontColor;
+    }
+}
+#footer-links {
+    > * {
+        border-left: 1px solid@footerBorderColor;
+        padding-left: 8px;
+        margin-left: 5px;
+        &:first-child {
+            border-left: none;
+        }
+    }
+}
+#footer-lang {
+    position: relative;
+    .drop-down {
+        top: -2-31*@langNum;
+        left: -2px;
+        position: absolute;
+        height: -3+31*@langNum;
+        z-index: 100;
+        font-size: 12px;
+        width: 120%;
+        li > a {
+            padding: 3px 9px;
+        }
+    }
+}
+#header {
+    background-color: @headerBgColor;
+    height: 44px;
+    > .menu-line {
+        > li > a {
+            display: inline-block;
+            color:@headerLinkFontColor;
+            &:hover {
+                background-color: transparent;
+                color: @headerLinkHoverColor;
+            }
+        }
+        > li.head {
+            color: @headerLinkFontColor;
+        }
+        > li.hover a:after {
+            bottom: -9px;
+            color: @headerLinkFontColor;
+        }
+        > li.current > a {
+            color: @headerLinkCurrentColor;
+            font-weight: bold;
+        }
+    }
+}
+#header-nav-user {
+    height: 44px;
+    img {
+        margin: -4px 10px 0 0;
+        border-radius: 3px;
+    }
+}
+#header-nav-sign-out > a:hover {
+    color: @headerSignOutColor !important;
+}
+#header-nav-logo {
+    padding: 6px 1.2em;
+}
+#header-nav-explore,
+#header-nav-help {
+    font-size: 14px;
+}
+#header-new-repo-menu {
+    width: 180px;
+    background-color: #FFF;
+    top: 44px;
+    border-top: none;
+    .octicon {
+        margin-right: 6px;
+        font-size: 1.1em;
+    }
+    left:-66px;
+}
+.switching-list {
+    width: 100%;
+    list-style: none;
+    > li {
+        border-bottom: 1px solid #eaeaea;
+        &:last-child {
+            border-bottom: none;
+        }
+        > a {
+            padding: .4em 1.2em;
+            display: block;
+            color: #444;
+            &:hover {
+                background-color: #428bca !important;
+                color: #fff !important;
+            }
+        }
+    }
+}
+.social-buttons {
+    .btn {
+        border: none;
+        font-size: 16px;
+        border-radius: 4px;
+        margin-right: 12px;
+        font-family: 'PT Sans Narrow', sans-serif;
+        padding: 5px 12px;
+        color: #FFF;
+        .fa {
+            margin-right: 6px;
+            font-size: 16px;
+        }
+    }
+    .twitter {
+        background-color: #1c6399;
+        &:hover {
+            background-color: #1c5487;
+        }
+    }
+    .github {
+        background-color: #444;
+        &:hover {
+            background-color: #333;
+        }
+    }
+    .google {
+        background-color: #C03D20;
+        &:hover {
+            background-color: #D56060;
+        }
+    }
+    .weibo {
+        background-color: #bf1324;
+        &:hover {
+            background-color: #b94c4a;
+        }
+    }
+    .qq {
+        background-color: #03a2ef;
+        &:hover {
+            background-color: #3cb3ff;
+        }
+    }
+}
+.main-wrapper {
+    padding: 20px 0 40px;
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/dashboard.less b/public/ng/less/gogs/dashboard.less
new file mode 100644
index 0000000000..3929f2d00d
--- /dev/null
+++ b/public/ng/less/gogs/dashboard.less
@@ -0,0 +1,244 @@
+@import "../ui/var";
+
+/*
+The dashboard page style
+*/
+
+@dashboardHeaderBorderColor: #D6D6D6;
+@dashboardHeaderLinkColor: #444;
+@dashboardHeaderLinkHoverColor: #D9453D;
+@dashboardSwitchMenuHoverBgColor: @linkColor;
+@dashboardSwitchMenuHoverFontColor: #FFF;
+
+// dashboard header, contains dashboard selection menu and nav of Feed/PR/Issues.
+#dashboard-header {
+  border-bottom: 1px solid @dashboardHeaderBorderColor;
+  height: 69px;
+  > .menu-line {
+    > li {
+      padding: 12px 0;
+    }
+    > li.right {
+      > a {
+        font-size: 1.2em;
+        color: @dashboardHeaderLinkColor;
+        &:hover {
+          background-color: transparent;
+          color: @dashboardHeaderLinkHoverColor;
+        }
+        .octicon {
+          margin-right: 6px;
+        }
+      }
+      .current {
+        border-bottom: 2px solid #D26911;
+      }
+    }
+  }
+}
+
+// dashboard context switch selection
+#dashboard-selection-menu {
+  a img {
+    margin: -4px 10px 0 0;
+  }
+}
+
+#dashboard {
+  padding: 24px 0;
+}
+
+// dashboard sidebar contains contributed repositories panel,
+// and my repositories panel
+#dashboard-sidebar {
+  .panel-header h4 {
+    margin: 0;
+  }
+  > .panel {
+    margin-bottom: 24px;
+    border-bottom-left-radius: .3em;
+    border-bottom-right-radius: .3em;
+  }
+}
+
+#dashboard-sidebar-menu {
+  border-top-left-radius: .3em;
+  border-top-right-radius: .3em;
+  > li {
+    border: 1px solid #d6d6d6;
+    float: left;
+    margin-right: -1px;
+    border-bottom: none;
+    > a {
+      padding-top: .4em;
+      padding-bottom: .4em;
+    }
+  }
+  > li.first {
+    border-top-left-radius: .3em;
+    > a {
+      border-top-left-radius: .3em;
+    }
+  }
+  > li.drop {
+    border: none;
+    float: right;
+  }
+  width: 100%;
+  height: 35px;
+  > li.js-tab-nav-show {
+    background-color: #EEEEEE;
+  }
+  > li.last {
+    border-top-right-radius: .3em;
+    > a {
+      border-top-right-radius: .3em;
+    }
+  }
+}
+
+#dashboard-my-mirror,
+#dashboard-my-org,
+#dashboard-my-repo {
+  li {
+    &.private {
+      background-color: #fcf8e9;
+    }
+    border-bottom: 1px solid #EAEAEA;
+    &:last-child {
+      border-bottom: none;
+    }
+    a {
+      padding: 6px 1.2em;
+      display: block;
+      .octicon {
+        margin-right: 6px;
+        color: #888;
+      }
+      &:hover {
+        .repo-name {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+  .repo-name {
+    font-size: 1.1em;
+  }
+  .repo-star {
+    color: #888;
+  }
+  .repo-contrib-header {
+    border-top: 1px solid #d6d6d6;
+  }
+}
+
+#dashboard-my-repo {
+  .panel-header {
+    .octicon {
+      margin-right: 6px;
+      font-size: 12px;
+    }
+  }
+  .repo-count {
+    margin-left: 4px;
+  }
+}
+
+#dashboard-my-org,
+#dashboard-my-mirror {
+  display: none;
+}
+
+// the button of new repository in my repositories panel
+#dashboard-new-repo {
+  width: 50px;
+  height: 35px;
+  padding-top: 6px;
+  margin-right: 1px;
+  .octicon {
+    font-size: 2em;
+  }
+  border-top-left-radius: .3em;
+  border-top-right-radius: .3em;
+}
+
+// the drop-down menu of #dashboard-new-repo
+#dashboard-new-repo-menu {
+  top: 35px;
+  width: 180px;
+  background-color: #FFF;
+  left: -132px;
+  .octicon {
+    margin-right: 6px;
+    font-size: 1.1em;
+  }
+}
+
+#dashboard-selection-menu {
+  > .drop-down {
+    top: 56px;
+  }
+}
+
+// the drop-down menu of #dashboard-selection-menu
+#dashboard-switch-menu {
+  > li {
+    > a {
+      img {
+        margin-top: 0;
+      }
+      .octicon {
+        margin-right: 12px;
+      }
+    }
+    &:last-child {
+      > a {
+        border-bottom-left-radius: .3em;
+        border-bottom-right-radius: .3em;
+      }
+    }
+  }
+  > li.org > a {
+    .octicon {
+      opacity: 0;
+    }
+  }
+  > li.checked > a {
+    .octicon {
+      opacity: 1;
+    }
+    font-weight: bold;
+  }
+  border-bottom-left-radius: .3em;
+  border-bottom-right-radius: .3em;
+}
+
+#dashboard-news {
+  .news {
+    margin-right: 2.4em;
+    .mega-octicon {
+      color: #CCC;
+    }
+    .avatar {
+      margin: 0 1.2em;
+    }
+    .news-content,
+    .news-time {
+      color: #888;
+    }
+    padding-bottom: 1em;
+    margin-bottom: 1em;
+    border-bottom: 1px solid #E6E6E6;
+    min-height: 30px;
+  }
+  .push-news {
+    .news-content li {
+      margin-left: 1em;
+      img {
+        margin-bottom: -2px;
+      }
+    }
+  }
+}
+
diff --git a/public/ng/less/gogs/external.less b/public/ng/less/gogs/external.less
new file mode 100644
index 0000000000..b8d2e55156
--- /dev/null
+++ b/public/ng/less/gogs/external.less
@@ -0,0 +1,97 @@
+@import "base";
+@import "../ui/var";
+#promo-wrapper {
+  padding-top: 50px;
+  background-color: @headerBgColor;
+}
+
+#promo-logo {
+  img {
+    max-width: 250px;
+  }
+  margin-right: 50px;
+  padding-bottom: 50px;
+}
+
+#promo-content {
+  color: #FFF;
+  margin-left: 300px;
+  h1,
+  h2 {
+    font-family: 'PT Sans Narrow', sans-serif;
+    line-height: 60px;
+    margin-bottom: 0;
+    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
+  }
+  h1 {
+    font-size: 96px;
+    line-height: 96px;
+    margin-bottom: 30px;
+  }
+  h2 {
+    font-size: 52px;
+    line-height: 70px;
+    font-weight: normal;
+  }
+}
+
+#promo-form {
+  padding: 40px 0;
+  .ipt-large {
+    border: none;
+    border-radius: 4px;
+    font-size: 18px;
+    &:focus {
+      box-shadow: 0 0 3px #FFF;
+    }
+    margin-right: 12px;
+  }
+  .btn-large {
+    border-radius: 4px;
+    font-size: 18px;
+    margin-right: 12px;
+  }
+}
+
+#promo-social {
+  padding-bottom: 60px;
+  .qq{
+    box-shadow: 0 0 1px #1c6399;
+  }
+}
+
+#feature-wrapper {
+  font-family: Lato, sans-serif;
+  font-size: 18px;
+  padding: 50px 0 100px 0;
+  .octicon {
+    color: @btnRedColor;
+    font-size: 60px;
+    height: 60px;
+    width: 60px;
+    line-height: 60px;
+    margin-right: 12px;
+    vertical-align: middle;
+    display: inline-block;
+  }
+  b {
+    color: #000;
+    font-size: 24px;
+    display: inline-block;
+    line-height: 60px;
+  }
+  p {
+    margin: 1em 0;
+    line-height: 40px;
+    padding-right: 30px;
+  }
+  a {
+    color: @btnRedColor;
+    &:hover {
+      color: @btnHoverRedColor;
+    }
+  }
+  .grid-1-2 {
+    margin-bottom: 30px;
+  }
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/issue.less b/public/ng/less/gogs/issue.less
new file mode 100644
index 0000000000..ae481f0e20
--- /dev/null
+++ b/public/ng/less/gogs/issue.less
@@ -0,0 +1,262 @@
+@import "../ui/var";
+
+.repo-issue-wrapper {
+  padding: 18px 0;
+}
+
+.pr-main {
+  padding-right: 40px;
+  box-sizing: border-box;
+}
+
+.pr-sidebar {
+  border-left: 1px solid #DDD;
+  box-sizing: border-box;
+}
+
+#pr-sidebar-nav {
+  margin-top: 6px;
+  li {
+    margin-bottom: 4px;
+  }
+  li > a {
+    border: 1px solid transparent;
+    border-left: none;
+    &:hover {
+      background-color: #FFF;
+      border-color: #DDD;
+    }
+  }
+  .label {
+    font-size: 12px;
+    line-height: 1.4em;
+    margin-top: 1px;
+  }
+  li.current {
+    a {
+      background-color: #FFF;
+      border-color: #DDD;
+    }
+  }
+}
+
+.pr-title {
+  .pr-num {
+    font-weight: normal;
+    color: #888;
+  }
+}
+
+.pr-meta {
+  color: #888;
+  .pr-author {
+    margin: 0 8px;
+    color: #444;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  .pr-branch {
+    margin: 0 4px;
+    font-size: 12px;
+    padding: 4px 6px;
+  }
+}
+
+.pr-nav {
+  border-bottom: 1px solid #DDD;
+  margin-top: 16px;
+  margin-bottom: 16px;
+  .octicon {
+    margin-right: 4px;
+  }
+  li > a {
+    padding: 3px 9px !important;
+    border: 1px solid transparent;
+    border-bottom: none;
+    .label {
+      padding: 1px 5px;
+      font-size: 12px;
+      margin-left: 4px;
+    }
+    border-top-left-radius: .2em;
+    border-top-right-radius: .2em;
+  }
+  li.js-tab-nav-show {
+    > a {
+      background-color: #FFF;
+      border-color: #E6E6E6;
+    }
+  }
+}
+
+.diff-bar {
+  .diff-add {
+    color: @btnGreenColor;
+  }
+  .diff-delete {
+    color: @btnRedColor;
+  }
+  .diff-status {
+    width: 50px;
+    background-color: @btnRedColor;
+    height: 10px;
+    margin-top: 7px;
+    margin-left: 4px;
+    margin-right: 4px;
+    border-radius: .2em;
+  }
+  .diff-status-inner {
+    width: 45%;
+    background-color: @btnGreenColor;
+    height: 10px;
+    border-top-left-radius: .2em;
+    border-bottom-left-radius: .2em;
+  }
+}
+
+#pr-commit,
+#pr-file-diff,
+#issue-add-comment-preview {
+  display: none;
+}
+
+#pr-conversation-list {
+  padding-right: 30px;
+  box-sizing: border-box;
+}
+
+.issue-comment,
+.issue-commit,
+.issue-line,
+.issue-merge,
+.issue-add-comment {
+  margin-bottom: 16px;
+}
+
+.issue-comment {
+  .author-avatar {
+    img {
+      margin-right: 12px;
+    }
+  }
+  .panel {
+    margin-left: 60px;
+    margin-top: -40px;
+  }
+  .panel-header {
+    font-size: 13px;
+  }
+  .author-name {
+    font-weight: bold;
+  }
+  .date {
+    margin-left: 4px;
+    font-style: italic;
+    color: #888;
+  }
+  .action {
+    > * {
+      margin-left: 4px;
+      font-size: 12px;
+    }
+    i {
+      font-size: 13px;
+    }
+  }
+}
+
+.issue-commit {
+  line-height: 32px;
+  i, .author-avatar img {
+    margin-right: 16px;
+  }
+  .sha {
+    margin-left: 24px;
+  }
+  .message {
+    display: block;
+    margin-left: 88px;
+    padding-top: 4px;
+    line-height: 24px;
+  }
+}
+
+.issue-merge {
+  .ico {
+    width: 40px;
+    height: 40px;
+    text-align: center;
+    color: #FFF;
+    i {
+      margin-top: 8px;
+      font-size: 24px;
+    }
+    margin-right: 12px;
+  }
+  .panel {
+    margin-left: 60px;
+    margin-top: -40px;
+  }
+  .panel-header {
+    font-size: 13px;
+  }
+}
+
+.issue-merge-ok {
+  .ico {
+    background-color: #65AD4E;
+  }
+  .panel,
+  .panel-content,
+  .panel-header {
+    border-color: #65AD4E;
+    background-color: #FFF;
+  }
+  .panel-header {
+    color: darken(#65AD4E, 10%);
+  }
+}
+
+.issue-line {
+  height: 4px;
+  background-color: #E6E6E6;
+}
+
+.issue-add-comment {
+  .panel {
+    margin-left: 60px;
+    margin-top: -40px;
+  }
+  .panel-header {
+    font-size: 13px;
+    padding-bottom: 0;
+  }
+  .add-nav {
+    > li {
+      > a {
+        padding: 4px 12px;
+        color: #444;
+        border: 1px solid #CCC;
+        margin-bottom: -1px;
+        font-size: 14px;
+        border-top-left-radius: .3em;
+        border-top-right-radius: .3em;
+        &:hover {
+          background-color: #FFF;
+        }
+      }
+      &.js-tab-nav-show {
+        > a {
+          background-color: #FFF;
+        }
+      }
+    }
+  }
+}
+
+textarea#issue-add-content {
+  width: 100%;
+  box-sizing: border-box;
+  height: 120px;
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/markdown.less b/public/ng/less/gogs/markdown.less
new file mode 100644
index 0000000000..898f8e774d
--- /dev/null
+++ b/public/ng/less/gogs/markdown.less
@@ -0,0 +1,322 @@
+.markdown {
+    background-color: white;
+    font-size: 16px;
+    line-height: 24px;
+    .markdown-body {
+        padding-left: 24px;
+        padding-right: 16px;
+    }
+    h5,
+    h6 {
+        font-size: 1em;
+    }
+    ul {
+        padding: 10px 0 0 15px;
+        li {
+            list-style: inside;
+        }
+    }
+    ol li {
+        list-style: decimal inside;
+    }
+    li {
+        line-height: 1.6;
+        margin-top: 6px;
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+    > pre {
+        font-size: 14px;
+        line-height: 1.6;
+        overflow: auto;
+        border: 1px solid #ddd;
+        border-radius: .25em;
+        margin: 5px 0;
+        padding: 10px;
+        background-color: #f8f8f8;
+    }
+    img {
+        padding: 10px 0;
+        max-width: 100%;
+    }
+}
+.markdown a {
+    color: #428BCA;
+}
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+    line-height: 1.7;
+    padding: 15px 0 0;
+    margin: 0 0 15px;
+    color: #444;
+    font-weight: bold;
+}
+.markdown h1,
+.markdown h2 {
+    border-bottom: 1px solid #E0E0E0;
+}
+.markdown h2 {
+    border-bottom: 1px solid #E0E0E0;
+}
+.markdown h1 {
+    color: #000;
+    font-size: 33px
+}
+.markdown h2 {
+    color: #333;
+    font-size: 28px
+}
+.markdown h3 {
+    font-size: 22px
+}
+.markdown h4 {
+    font-size: 18px
+}
+.markdown table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    display: block;
+    overflow: auto;
+    width: 100%;
+    margin: 0 0 9px;
+}
+.markdown table th {
+    font-weight: 700
+}
+.markdown table th,
+.markdown table td {
+    border: 1px solid #DDD;
+    padding: 6px 13px;
+}
+.markdown table tr {
+    background-color: #FFF;
+    border-top: 1px solid #CCC;
+}
+.markdown table tr:nth-child(2n) {
+    background-color: #F8F8F8
+}
+.markdown dl dt {
+    font-style: italic;
+    margin-top: 9px;
+}
+.markdown dl dd {
+    margin: 0 0 9px;
+    padding: 0 9px;
+}
+.markdown blockquote,
+.markdown blockquote p {
+    font-size: 14px;
+    background-color: #f5f5f5;
+}
+.markdown > pre.linenums {
+    padding: 0;
+}
+.markdown > pre > ol.linenums {
+    list-style: none;
+    padding: 0;
+}
+.markdown > pre > ol.linenums > li {
+    margin-top: 2px;
+}
+.markdown > pre.nums-style > ol.linenums {
+    list-style-type: decimal;
+    padding: 0 0 0 40px;
+    -webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
+    box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
+}
+.markdown > pre > code {
+    white-space: pre;
+    word-wrap: normal;
+}
+.markdown > pre > ol.linenums > li {
+    padding: 0 10px;
+}
+.markdown > pre > ol.linenums > li:first-child {
+    padding-top: 12px;
+}
+.markdown > pre > ol.linenums > li:last-child {
+    padding-bottom: 12px;
+}
+.markdown > pre.nums-style > ol.linenums > li {
+    border-left: 1px solid #ddd;
+}
+.markdown hr {
+    border: none;
+    color: #ccc;
+    height: 4px;
+    padding: 0;
+    margin: 15px 0;
+    border-bottom: 2px solid #EEE;
+}
+.markdown blockquote:last-child,
+.markdown ul:last-child,
+.markdown ol:last-child,
+.markdown > pre:last-child,
+.markdown > pre:last-child,
+.markdown p:last-child {
+    margin-bottom: 0;
+}
+.markdown .btn {
+    color: #fff;
+}
+.markdown h1 a,
+.markdown h2 a,
+.markdown h3 a {
+    text-decoration: none;
+}
+.markdown h1 a.anchor,
+.markdown h2 a.anchor,
+.markdown h3 a.anchor,
+.markdown h4 a.anchor,
+.markdown h5 a.anchor,
+.markdown h6 a.anchor {
+    text-decoration: none;
+    line-height: 1;
+    padding-left: 0;
+    margin-left: -24px;
+    top: 15%;
+}
+.markdown a span.octicon {
+    font-size: 16px;
+    line-height: 1;
+    display: inline-block;
+    text-decoration: none;
+    -webkit-font-smoothing: antialiased;
+    margin-left: 30px;
+}
+.markdown a span.octicon-link {
+    opacity: 0;
+    color: #444;
+}
+.markdown h1:hover .octicon-link,
+.markdown h2:hover .octicon-link,
+.markdown h3:hover .octicon-link,
+.markdown h4:hover .octicon-link,
+.markdown h5:hover .octicon-link,
+.markdown h6:hover .octicon-link {
+    display: inline-block;
+    opacity: 1;
+}
+/* Author: jmblog */
+
+/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
+
+/* GitHub Theme */
+
+/* Pretty printing styles. Used with prettify.js. */
+
+/* SPAN elements with the classes below are added by prettyprint. */
+
+/* plain text */
+
+.pln {
+    color: #333333;
+}
+@media screen {
+    /* string content */
+    .str {
+        color: #dd1144;
+    }
+    /* a keyword */
+    .kwd {
+        color: #333333;
+    }
+    /* a comment */
+    .com {
+        color: #999988;
+        font-style: italic;
+    }
+    /* a type name */
+    .typ {
+        color: #445588;
+    }
+    /* a literal value */
+    .lit {
+        color: #445588;
+    }
+    /* punctuation */
+    .pun {
+        color: #333333;
+    }
+    /* lisp open bracket */
+    .opn {
+        color: #333333;
+    }
+    /* lisp close bracket */
+    .clo {
+        color: #333333;
+    }
+    /* a markup tag name */
+    .tag {
+        color: navy;
+    }
+    /* a markup attribute name */
+    .atn {
+        color: teal;
+    }
+    /* a markup attribute value */
+    .atv {
+        color: #dd1144;
+    }
+    /* a declaration */
+    .dec {
+        color: #333333;
+    }
+    /* a variable name */
+    .var {
+        color: teal;
+    }
+    /* a function name */
+    .fun {
+        color: #990000;
+    }
+}
+/* Use higher contrast and text-weight for printable form. */
+
+@media print,
+projection {
+    .str {
+        color: #006600;
+    }
+    .kwd {
+        color: #006;
+        font-weight: bold;
+    }
+    .com {
+        color: #600;
+        font-style: italic;
+    }
+    .typ {
+        color: #404;
+        font-weight: bold;
+    }
+    .lit {
+        color: #004444;
+    }
+    .pun,
+    .opn,
+    .clo {
+        color: #444400;
+    }
+    .tag {
+        color: #006;
+        font-weight: bold;
+    }
+    .atn {
+        color: #440044;
+    }
+    .atv {
+        color: #006600;
+    }
+}
+/* Specify class=linenums on a pre to get line numbering */
+
+ol.linenums {
+    margin-top: 0;
+    margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/repository.less b/public/ng/less/gogs/repository.less
new file mode 100644
index 0000000000..88d12a7e4e
--- /dev/null
+++ b/public/ng/less/gogs/repository.less
@@ -0,0 +1,434 @@
+@import "../ui/var";
+
+@repoHeaderBorderColor: #D6D6D6;
+@repoHeaderBgColor: #FFF;
+@repoHeaderNameColor: #888;
+
+/* repository main */
+#repo-wrapper {
+    padding-bottom: 100px;
+}
+#repo-header {
+  height: 69px;
+  border-bottom: 1px solid @repoHeaderBorderColor;
+  background-color: @repoHeaderBgColor;
+}
+#repo-header-name {
+  line-height: 66px;
+  color: @repoHeaderNameColor;
+  font-size: 1.6em;
+  font-weight: normal;
+  margin-bottom: 0;
+  i {
+    margin-right: 12px;
+    vertical-align: middle;
+  }
+  .divider {
+    margin: 0 4px;
+  }
+}
+
+#repo-header-meta {
+  line-height: 66px;
+  li {
+    > a {
+      padding: 0;
+      &:hover {
+        background-color: transparent;
+      }
+    }
+  }
+  a > .btn {
+    font-size: 1.05em;
+    margin-left: 16px;
+    i {
+      margin-right: 6px;
+    }
+    line-height: 16px;
+    .num {
+      margin-left: 6px;
+    }
+  }
+}
+
+#repo-header-download-btn {
+  > .btn > i {
+    margin-right: 0 !important;
+  }
+  &:hover {
+    &:after,
+    .btn {
+      background-color: @btnHoverBlackColor;
+      color: #FFF;
+    }
+  }
+  &:after {
+    background-color: @btnBlackColor;
+    padding: 9px 16px 8px 0;
+    margin-left: -8px !important;
+    color: #FFF;
+    border-top: 1px solid @btnBlackColor;
+    border-bottom: 1px solid @btnBlackColor;
+    border-top-right-radius: .25em;
+    border-bottom-right-radius: .25em;
+  }
+}
+
+#repo-header-download-drop {
+  line-height: 24px;
+  width: 440px;
+  top: 50px;
+  left: -354px;
+  padding: 20px;
+  box-sizing: border-box;
+  .btn > i {
+    margin-right: 6px;
+  }
+}
+
+#repo-content {
+  padding: 18px 0;
+}
+
+#repo-clone-url {
+  border-right: none;
+  width: 196px;
+  border-left: none;
+}
+
+#repo-clone-help {
+  line-height: 48px;
+}
+
+#repo-clone-zip {
+  line-height: 48px;
+  a {
+    cursor: pointer;
+    color: white;
+    overflow: visible;
+    padding: .6em 1.2em;
+  }
+  .btn {
+    margin: 0 6px;
+  }
+}
+
+#repo-desc {
+  font-size: 1.2em;
+}
+
+#repo-sidebar-nav {
+  .label {
+    font-size: 12px;
+    line-height: 1.4em;
+    margin-top: 2px;
+  }
+  i {
+    margin-right: 6px;
+  }
+}
+
+#repo-file-nav {
+  padding: .6em 0 1em 0;
+  > li > a {
+    padding-left: 0;
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  li.repo-jump > a {
+    padding-right: 0;
+    .btn {
+      margin-left: -1px;
+    }
+  }
+}
+
+#repo-branch-switch {
+  > a {
+    .btn {
+      padding-right: 30px;
+    }
+    &:after {
+      position: absolute;
+      top: 12px;
+      right: 30px;
+      margin-left: 0;
+      color: @baseFontColor;
+    }
+  }
+  > .drop-down {
+    top: 40px;
+    left: 0;
+  }
+}
+
+#repo-branch-filter-ipt {
+  width: 100%;
+  border-left: none;
+  border-right: none;
+  box-sizing: border-box;
+}
+
+#repo-branch-tag {
+  .tab-nav {
+    border-bottom: 1px solid #EAEAEA;
+    a {
+      padding: .3em .8em;
+    }
+    .js-tab-nav-show {
+      background-color: #EEE;
+      font-weight: bold;
+    }
+  }
+}
+
+#repo-branch-list,
+#repo-tag-list {
+  li {
+    i {
+      margin-right: 12px;
+      opacity: 0;
+    }
+  }
+  li.checked {
+    i {
+      opacity: 1;
+    }
+  }
+}
+
+#repo-tag-list {
+  display: none;
+}
+
+#repo-bread {
+  .bread {
+    padding-right: 0;
+    font-size: 16px;
+    font-weight: bold;
+  }
+}
+
+#repo-main {
+  padding-right: 40px;
+  box-sizing: border-box;
+}
+
+#repo-files-table {
+  margin-bottom: 20px;
+  th,
+  td {
+    text-align: left;
+    line-height: 32px;
+  }
+  td.icon {
+    width: 16px;
+    padding-right: .1em;
+    padding-left: 1em;
+  }
+  td.name {
+    max-width: 120px;
+    .text-truncate {
+      max-width: 100%;
+    }
+  }
+  td.age {
+    max-width: 120px;
+    text-align: right;
+  }
+  td.msg {
+    max-width: 440px;
+    .text-truncate {
+      max-width: 100%;
+    }
+  }
+  td.age,
+  td.size,
+  td.msg a {
+    color: #888;
+  }
+  td.msg a:hover {
+    color: #428BCA;
+    text-decoration: underline;
+  }
+  tbody {
+    background-color: #FFF;
+    tr:hover {
+      background-color: #ffffEE;
+    }
+  }
+  thead {
+    background-color: #F0F0F0;
+    .author {
+      a {
+        margin: 0 .4em;
+      }
+    }
+    .last-commit {
+      strong {
+        color: #444;
+      }
+      .text-truncate {
+        margin-left: .4em;
+      }
+    }
+    .last-commit .text-truncate,
+    .age {
+      font-weight: normal;
+      color: #888;
+    }
+  }
+}
+
+#repo-readme {
+  margin-bottom: 80px;
+}
+
+#repo-bare-start {
+  margin-bottom: 100px;
+  .panel-content {
+    background-color: #FFF;
+  }
+  pre {
+    margin: 0 40px;
+    padding: 6px 10px;
+    border: 1px solid #ddd;
+    background: #f8f8f8;
+  }
+}
+
+.repo-bare {
+  #repo-bare-start {
+    h2 {
+      margin-top: 30px;
+      margin-bottom: 24px;
+    }
+  }
+  #repo-header-meta {
+    display: none;
+  }
+  #repo-clone-ssh {
+    margin-left: 200px;
+  }
+  #repo-clone-copy {
+    margin-right: 200px;
+  }
+  #repo-clone-help {
+    clear: both;
+    width: 100%;
+  }
+  #repo-clone-url {
+    width: 520px;
+  }
+}
+
+/* repository create */
+
+#repo-migrate-form,
+#repo-create-form {
+  width: 800px;
+  margin: 60px auto auto auto;
+  background: white;
+  h2 {
+    margin: .5em 1em;
+  }
+  .field {
+    margin: 1.2em 0 2em 0;
+  }
+  .ipt {
+    width: 540px;
+  }
+  textarea {
+    height: 120px;
+  }
+  .avatar {
+    vertical-align: middle;
+    margin-right: .6em;
+    width: 28px;
+    height: 28px;
+  }
+  &:hover {
+    box-shadow: 0px 0px 6px #CCC;
+  }
+}
+
+#repo-create-cancel {
+  margin-left: 4em;
+}
+
+#repo-create-owner-list {
+  .octicon {
+    margin-right: 12px;
+    opacity: 0;
+  }
+  top: 30px;
+  left: 0;
+  .avatar {
+    width: 20px;
+    height: 20px;
+  }
+  li.checked {
+    .octicon {
+      opacity: 1;
+    }
+  }
+}
+.file-name {
+  margin-left: 1em;
+}
+.file-size {
+  font-size: 13px;
+  color: #888;
+  margin-left: 1em;
+}
+.code-view {
+  overflow: auto;
+  overflow-x: auto;
+  overflow-y: hidden;
+    background: white;
+  .view-raw {
+    min-height: 40px;
+    text-align: center;
+    padding-top: 20px;
+    .btn {
+      font-size: 1.05em;
+      line-height: 16px;
+      padding: 6px 8px;
+    }
+  }
+  table {
+    width: 100%;
+    td {
+      padding: 0;
+    }
+  }
+  .lines-num {
+    text-align: right;
+    color: #999;
+    background: #f5f5f5;
+    width: 1%;
+    span {
+      font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+      line-height: 18px;
+       padding: 0 8px 0 10px; 
+       cursor: pointer; 
+      display: block;
+      margin-top: 2px;
+      font-size: 12px;
+    }
+  }
+  .lines-code > pre {
+    border: none;
+    border-left: 1px solid #ddd;
+    > ol.linenums > li {
+      padding: 0 10px;
+      &.active {
+        background: #ffffdd;
+      }
+    }
+  }
+}
+.repo-setting-zone {
+    padding: 30px;
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/settings.less b/public/ng/less/gogs/settings.less
new file mode 100644
index 0000000000..076c30bb6b
--- /dev/null
+++ b/public/ng/less/gogs/settings.less
@@ -0,0 +1,103 @@
+@import "../ui/var";
+
+#setting-wrapper {
+    padding-bottom: 100px;
+}
+
+#setting-menu {
+  box-sizing: border-box;
+  li > a {
+    border-left: 2px solid #FFF;
+    background-color: #FFF;
+  }
+  li:hover {
+    a {
+      border-left: 2px solid #EFEFEF;
+      background-color: #EFEFEF !important;
+      color: #000 !important;
+    }
+    border-color: #EAEAEA;
+  }
+  li.current {
+    a {
+      color: #000 !important;
+      font-weight: bold;
+      border-left: 2px solid #d26911;
+    }
+  }
+}
+
+.setting-content {
+  margin-left: 32px;
+}
+
+#repo-setting-form,
+#user-profile-form {
+    background-color: #FFF;
+    padding: 30px 0;
+    textarea {
+        margin-left: 4px;
+        height: 100px;
+    }
+    label,
+    .form-label {
+        width: 240px;
+    }
+    .ipt {
+        width: 360px;
+    }
+    .field {
+        margin-bottom: 24px;
+    }
+}
+
+#user-ssh-panel {
+  margin-bottom: 20px;
+  .switching-list {
+    background-color: #FFF;
+    li {
+      padding: 8px 20px;
+      &.ssh:hover {
+        background-color: #ffffEE;
+      }
+    }
+  }
+  .active-icon {
+    width: 10px;
+    height: 10px;
+    border-radius: 6px;
+    padding: 0;
+    margin-right: 20px;
+    margin-top: 10px;
+  }
+  .ssh-content {
+    margin-left: 24px;
+    .octicon {
+      margin-right: 4px;
+    }
+    .print,
+    .activity {
+      color: #888;
+    }
+  }
+  .ssh-delete-btn {
+    margin-top: 6px;
+  }
+}
+
+#user-ssh-add-form {
+  .panel-body {
+    background-color: #FFF;
+    padding: 30px 0;
+  }
+  .ipt {
+    width: 500px;
+  }
+  textarea {
+    height: 120px;
+    margin-left: 3px;
+  }
+  .field {
+    margin-bottom: 24px;
+  }
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/sign.less b/public/ng/less/gogs/sign.less
new file mode 100644
index 0000000000..55a9ffbbd9
--- /dev/null
+++ b/public/ng/less/gogs/sign.less
@@ -0,0 +1,63 @@
+@import "../ui/var";
+
+/*
+The register and sign-in page style
+*/
+
+@signPanelBgColor: #FFF;
+
+#sign-wrapper {
+  padding: 60px 0;
+}
+
+.sign-panel {
+  background-color: @signPanelBgColor;
+}
+
+.sign-form.form-align {
+  .field {
+    margin: 1.2em 0 2em 0;
+  }
+  .ipt-large {
+    width: 300px;
+  }
+  label,
+  .form-label {
+    width: 160px;
+  }
+  .alert{
+    margin:0 30px 24px 30px;
+  }
+  &:hover{
+    box-shadow: 0 0 6px #CCC;
+  }
+}
+
+.sign-form.container{
+  padding: 0;
+  width: 600px;
+  margin-bottom: 80px;
+}
+
+// register form element
+#sign-up-form {
+  .panel-content{
+    margin-top: 1.2em;
+  }
+  h2 {
+    margin: .5em 1em;
+  }
+}
+
+#sign-social{
+  position: relative;
+  margin: 40px 0;
+  .or{
+    position: absolute;
+    width: 30px;
+    top: -52px;
+    left: 50%;
+    background-color: #FFF;
+    margin-left: -15px;
+  }
+}
\ No newline at end of file
diff --git a/public/ng/less/ui/panel.less b/public/ng/less/ui/panel.less
index b3e2dec95f..f05f0c16ac 100644
--- a/public/ng/less/ui/panel.less
+++ b/public/ng/less/ui/panel.less
@@ -31,6 +31,10 @@
             border-bottom-left-radius: .3em;
             border-bottom-right-radius: .3em;
         }
+        .panel-content{
+          border-bottom-left-radius: .3em;
+          border-bottom-right-radius: .3em;
+        }
     }
     &.panel-warning {
         border-color: #F0C36D;
diff --git a/routers/dev/debug.go b/routers/dev/debug.go
index 6ef40a6226..7d737d885e 100644
--- a/routers/dev/debug.go
+++ b/routers/dev/debug.go
@@ -14,5 +14,5 @@ func RegisterDebugRoutes(r *macaron.Macaron) {
 	r.Any("/debug/pprof/cmdline", pprof.Cmdline)

 	r.Any("/debug/pprof/profile", pprof.Profile)

 	r.Any("/debug/pprof/symbol", pprof.Symbol)

-	r.Any("/debug/pprof/**", pprof.Index)

+	r.Any("/debug/pprof/*", pprof.Index)

 }