UI: issues - finish basic frame

3 files changed, 112 insertions, 11 deletions

diff --git a/public/less/_base.less b/public/less/_base.less
index 5da58660b9..da031f9b86 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -2,7 +2,10 @@
  
 body {
 	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
-	background-color: #FFFFFF;
+	background-color: #FAFAFA;
+}
+img {
+	border-radius: 3px;
 }
 .full.height {
 	padding: 0;
@@ -15,10 +18,13 @@ body {
 	width: 100%;
 	padding: 0.7em 0;
 	&.light {
-		background-color: #FFFFFF;
+		background-color: white;
 		border-bottom: 1px solid #DDDDDD;
 		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
 	}
+	.ui.secondary.menu {
+		height: 30px;
+	}
 	.column .menu {
 		margin-top: 0;
 	}
@@ -26,12 +32,36 @@ body {
 		float: left;
 		margin-right: 5px;
 	}
+	.head.link.item {
+		padding-right: 0!important;
+		.dropdown.icon,
+		.menu .octicon {
+			margin-right: 5px;
+		}
+	}
+	.user.avatar {
+		padding: 0;
+		margin-top: 1px;
+	}
 	.searchbox {
   	background-color: rgb(244, 244, 244)!important;
   	&:focus {
   		background-color: rgb(233, 233, 233)!important;
   	}
 	}
+	.octicon {
+    width: 16px;
+    opacity: 1!important;
+    text-align: center;
+  }
+}
+.ui {
+	&.left {
+		float: left;
+	}
+	&.right {
+		float: right;
+	}
 }
 footer {
 	margin-top: @footer-margin!important;
@@ -40,14 +70,6 @@ footer {
 	clear: both;
 	width: 100%;
 	color: #888888;
-	.ui {
-		&.left {
-			float: left;
-		}
-		&.right {
-			float: right;
-		}
-	}
 	.fa {
 		width: 16px;
   	text-align: center;
diff --git a/public/less/_repository.less b/public/less/_repository.less
new file mode 100644
index 0000000000..25eac3e37b
--- /dev/null
+++ b/public/less/_repository.less
@@ -0,0 +1,78 @@
+.repository {
+	@mega-octicon-width: 30px;
+
+	padding-top: 15px;
+	padding-bottom: @footer-margin * 3;
+	.head {
+		height: 75px;
+		padding-top: 20px;
+		background-color: #FCFCFC;
+		.mega-octicon {
+			width: @mega-octicon-width;
+		}
+		a,
+		.fork-flag {
+			font-weight: 300;
+		}
+		.ui.label {
+			margin-top: 5px;
+			vertical-align: top;
+		}
+		.fork-flag {
+			margin-left: @mega-octicon-width + 8px;
+			display: block;
+			font-size: 11px;
+			line-height: 10px;
+			white-space: nowrap;
+		}
+		.button {
+			margin-left: 10px;
+			i {
+				margin-right: 5px;
+			}
+		}
+		.num {
+			font-weight: bold;
+		}
+		.octicon {
+			height: 5px;
+		}
+	}
+	.navbar {
+		height: 60px;
+		padding-top: 20px;
+	}
+	.filter.menu .label.color {
+		padding: 0 8px;
+	}
+	.type.item .menu {
+		  right: 0!important;
+  		left: auto!important;
+	}
+	.issue.list {
+		list-style: none;
+		font-size: 13px;
+		padding-top: 60px;
+		.item {
+			padding-bottom: 10px;
+			border-bottom: 1px dashed #AAA;
+			.title {
+				color: #444;
+				font-size: 15px;
+				font-weight: bold;
+				margin: 0 6px;
+				&:hover {
+					color: #000;
+				}
+			}
+			.comment {
+				padding-right: 10px;
+				color: #666;
+			}
+			.desc {
+				padding-top: 5px;
+				color: #999;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/less/gogs.less b/public/less/gogs.less
index 8b0fe1d538..28ad7c63a8 100644
--- a/public/less/gogs.less
+++ b/public/less/gogs.less
@@ -2,4 +2,5 @@
 @import "_base";
 @import "_home";
 @import "_install";
-@import "_form";
\ No newline at end of file
+@import "_form";
+@import "_repository";
\ No newline at end of file