Finish new home page of organization

7 files changed, 221 insertions, 5 deletions

diff --git a/public/ng/css/gogs.css b/public/ng/css/gogs.css
index 9633ed2791..e69e4b663e 100644
--- a/public/ng/css/gogs.css
+++ b/public/ng/css/gogs.css
@@ -40,6 +40,11 @@ img.avatar-48 {
   height: 48px;
   vertical-align: middle;
 }
+img.avatar-100 {
+  width: 100px;
+  height: 100px;
+  vertical-align: middle;
+}
 #wrapper {
   padding: 0;
   margin: 0 0 -55px 0;
@@ -226,6 +231,9 @@ img.avatar-48 {
 .text-grey {
   color: #999999;
 }
+.text-black {
+  color: #444444;
+}
 .markdown {
   background-color: white;
   font-size: 16px;
@@ -974,6 +982,7 @@ The register and sign-in page style
   border-left: none;
 }
 #repo-clone-help {
+  clear: both;
   line-height: 48px;
 }
 #repo-clone-zip {
@@ -1665,3 +1674,99 @@ textarea#issue-add-content {
   box-sizing: border-box;
   height: 120px;
 }
+.org-header {
+  padding: 16px 0;
+  background-color: #FFF;
+  border-bottom: 1px solid #DDD;
+}
+.org-header img {
+  padding-right: 10px;
+}
+#org-home-header {
+  min-height: 100px;
+}
+#org-home-header-info {
+  padding-top: 10px;
+}
+#org-home-header-info h2 {
+  font-size: 30px;
+}
+#org-home-header-info ul {
+  list-style: none;
+}
+#org-home-header-info ul li {
+  float: left;
+  padding-right: 5px;
+}
+#org-home-repo-list {
+  padding: 10px 0;
+}
+#org-repo-list {
+  padding: 10px 0;
+}
+#org-repo-list .org-repo-item {
+  border-top: 1px solid #eee;
+  padding: 30px 20px;
+}
+#org-repo-list .org-repo-item .org-repo-status {
+  list-style: none;
+  color: #888;
+}
+#org-repo-list .org-repo-item .org-repo-status li {
+  float: left;
+  margin-right: 6px;
+}
+#org-repo-list .org-repo-item h2 {
+  margin-bottom: 5px;
+}
+#org-repo-list .org-repo-item .org-repo-description {
+  margin: 0;
+  font-size: 14px;
+  color: #666;
+}
+#org-repo-list .org-repo-item .org-repo-updated {
+  font-size: 12px;
+  display: block;
+  margin: 5px 0 0;
+  color: #808080;
+}
+.org-sidebar {
+  margin: -80px 0 0 20px;
+}
+.org-sidebar .panel-footer {
+  padding: .8em 1.2em;
+}
+#org-member-avatar-group {
+  padding: 15px;
+}
+#org-member-avatar-group img {
+  width: 59px;
+  height: 59px;
+  border-radius: 3px;
+}
+#org-home-team-list {
+  padding: 0 15px;
+}
+#org-home-team-list ul {
+  list-style: none;
+  padding-top: 10px;
+}
+#org-home-team-list ul li {
+  padding: 10px 0;
+  border-bottom: 1px solid #eee;
+}
+#org-home-team-list ul li:last-child {
+  border-bottom: 0;
+}
+.team-name {
+  display: block;
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.team-meta {
+  margin-top: 0;
+  margin-bottom: 0;
+  color: #777;
+}
diff --git a/public/ng/css/ui.css b/public/ng/css/ui.css
index e9e3d3ff86..a60e2c8410 100644
--- a/public/ng/css/ui.css
+++ b/public/ng/css/ui.css
@@ -372,6 +372,10 @@ dt {
   font-size: 10.8px;
   padding: .4em .9em;
 }
+.btn-medium {
+  font-size: 12px;
+  padding: .4em .9em;
+}
 .btn-large {
   font-size: 14.4px;
 }
diff --git a/public/ng/less/gogs.less b/public/ng/less/gogs.less
index dd458af62a..7a94840822 100644
--- a/public/ng/less/gogs.less
+++ b/public/ng/less/gogs.less
@@ -5,4 +5,5 @@
 @import "gogs/sign";
 @import "gogs/repository";
 @import "gogs/settings";
-@import "gogs/issue";
\ No newline at end of file
+@import "gogs/issue";
+@import "gogs/organization";
\ No newline at end of file
diff --git a/public/ng/less/gogs/base.less b/public/ng/less/gogs/base.less
index 96842f478d..1174e8e7a7 100644
--- a/public/ng/less/gogs/base.less
+++ b/public/ng/less/gogs/base.less
@@ -50,6 +50,11 @@ img.avatar-48{
   height: 48px;
   vertical-align: middle;
 }
+img.avatar-100{
+  width: 100px;
+  height: 100px;
+  vertical-align: middle;
+}
 #wrapper {
     padding: 0;
     margin: 0 0 -55px 0;
@@ -242,4 +247,7 @@ clear: both;
 }
 .text-grey {
     color: #999999;
+}
+.text-black {
+    color: #444444;
 }
\ No newline at end of file
diff --git a/public/ng/less/gogs/organization.less b/public/ng/less/gogs/organization.less
new file mode 100644
index 0000000000..ed8c05397a
--- /dev/null
+++ b/public/ng/less/gogs/organization.less
@@ -0,0 +1,96 @@
+.org-header {
+	padding: 16px 0;
+	background-color: #FFF;
+	border-bottom: 1px solid #DDD;
+	img {
+		padding-right: 10px;
+	}
+}
+#org-home-header {
+	min-height: 100px;
+}
+#org-home-header-info {
+	padding-top: 10px;
+	h2 {
+		font-size: 30px;
+	}
+	ul {
+		list-style: none;
+		li {
+		    float: left;
+			padding-right: 5px;
+		}
+	}
+}
+#org-home-repo-list {
+	padding: 10px 0;
+}
+#org-repo-list {
+	padding: 10px 0;
+	.org-repo-item {
+		border-top: 1px solid #eee;
+		padding: 30px 20px;
+		.org-repo-status {
+			list-style: none;
+			color: #888;
+			li {
+				float: left;
+				margin-right: 6px;
+			}
+		}
+		h2 {
+			margin-bottom: 5px;
+		}
+		.org-repo-description {
+			margin: 0;
+			font-size: 14px;
+			color: #666;
+		}
+		.org-repo-updated {
+			font-size: 12px;
+			display: block;
+			margin: 5px 0 0;
+			color: #808080;
+		}
+	}
+}
+.org-sidebar {
+	margin: -80px 0 0 20px;
+	.panel-footer {
+		padding: .8em 1.2em;
+	}
+}
+#org-member-avatar-group {
+	padding: 15px;
+	img {
+		width: 59px;
+		height: 59px;
+		border-radius: 3px;
+	}
+}
+#org-home-team-list {
+	padding: 0 15px;
+	ul {
+		list-style: none;
+		padding-top: 10px;
+		li {
+			padding: 10px 0;
+			border-bottom: 1px solid #eee;
+			&:last-child {
+				border-bottom: 0;
+			}
+		}
+	}
+}
+.team-name {
+	display: block;
+	font-size: 14px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.team-meta {
+	margin-top: 0;
+	margin-bottom: 0;
+	color: #777;
+}
\ No newline at end of file
diff --git a/public/ng/less/gogs/repository.less b/public/ng/less/gogs/repository.less
index 2843fac2d9..0aa19a04a9 100644
--- a/public/ng/less/gogs/repository.less
+++ b/public/ng/less/gogs/repository.less
@@ -97,6 +97,7 @@ border-top-right-radius: .25em;
 	border-left: none;
 }
 #repo-clone-help {
+	clear: both;
 	line-height: 48px;
 }
 #repo-clone-zip {
diff --git a/public/ng/less/ui/form.less b/public/ng/less/ui/form.less
index 3f530dc390..80d948662c 100644
--- a/public/ng/less/ui/form.less
+++ b/public/ng/less/ui/form.less
@@ -5,14 +5,16 @@
   &:hover {
   }
 }
-
 .btn-small {
   font-size: 0.9*@baseFontSize;
   padding: .4em .9em;
 }
-
+.btn-medium {
+    font-size: @baseFontSize;
+    padding: .4em .9em;
+}
 .btn-large {
-  font-size: 1.2*@baseFontSize;
+    font-size: 1.2*@baseFontSize;
 }
 
 .btn-green {
@@ -23,7 +25,6 @@
     color: #FFF;
   }
 }
-
 .btn-blue {
   background-color: @btnBlueColor;
   border: 1px solid @btnBlueColor;