Resolves #31

public/css/gitote.css

@@ -9,7 +9,7 @@
 }
 body:not(.full-width) {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   overflow-y: scroll;
   overflow-x: auto;
   min-width: 1020px;
@@ -76,8 +76,8 @@ code.w••rap {
   width: 100%;
 }
 .following.bar.light {
-  background-color: #24292E;
-  border-bottom: 1px solid #24292E;
+  background-color: #24292e;
+  border-bottom: 1px solid #24292e;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
 }
 .following.bar .column .menu {
@@ -104,7 +104,7 @@ code.w••rap {
 }
 .following.bar .head.link.item {
   padding-right: 0 !important;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 .following.bar .head.link.item:hover {
   color: #dddddd;
@@ -121,7 +121,7 @@ code.w••rap {
   border: none;
 }
 .following.bar .searchbox:focus {
-  background-color: #FFFFFF !important;
+  background-color: #ffffff !important;
 }
 .following.bar .search.icon {
   color: #bcbcbc !important;
@@ -480,12 +480,12 @@ footer .ui.language .menu {
   padding-left: 16px;
 }
 .navbar.signedinas {
-  color: #24292E;
+  color: #24292e;
 }
 .navbar.bold {
   font-weight: bold !important;
   font-size: 13px;
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 .navbar.bold:hover {
   color: #dddddd !important;
@@ -493,7 +493,7 @@ footer .ui.language .menu {
 .navbar.beta {
   padding: 0px !important;
   font-size: 15px;
-  color: #FFFFFF !important;
+  color: #ffffff !important;
   font-weight: bold !important;
 }
 .navbar.caret {
@@ -903,7 +903,7 @@ footer .ui.language .menu {
   border: 1px solid #ddd !important;
 }
 .markdown:not(code) table tr {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   border-top: 1px solid #ccc;
 }
 .markdown:not(code) table tr:nth-child(2n) {
@@ -1071,7 +1071,7 @@ footer .ui.language .menu {
   border: solid 1px #ccc;
   border-bottom-color: #bbb;
   border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #bbb;
+  box-shadow: inset 0 -1px 0 #bbbbbb;
 }
 .markdown:not(code) input[type="checkbox"] {
   vertical-align: middle !important;
@@ -1088,7 +1088,7 @@ footer .ui.language .menu {
 .markdown:not(code) .csv-data .blob-num {
   padding: 10px 8px 9px;
   text-align: right;
-  background: #FFFFFF;
+  background: #ffffff;
   border: 0;
 }
 .markdown:not(code) .csv-data tr {
@@ -1176,16 +1176,16 @@ footer .ui.language .menu {
   padding-bottom: 4em;
 }
 .home-main.getstarted {
-  background: #24292E !important;
+  background: #24292e !important;
 }
 .home-main.getstarted h1 {
-  color: #FFFFFF;
+  color: #ffffff;
   font-weight: 400;
   padding-top: 1em;
   padding-bottom: 1em;
 }
 .home-main.auth {
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff), linear-gradient(70deg, #eaf5ff 32%, #f6fff8);
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffffff), linear-gradient(70deg, #eaf5ff 32%, #f6fff8);
 }
 .home-head {
   padding-top: 6.9em !important;
@@ -1206,7 +1206,7 @@ footer .ui.language .menu {
 }
 .install form label {
   text-align: right;
-  width: 320px !important;
+  width: 320px;
 }
 .install form input {
   width: 300px !important;
@@ -1215,13 +1215,13 @@ footer .ui.language .menu {
   text-align: left;
 }
 .install form .field .help {
-  margin-left: 335px !important;
+  margin-left: 335px;
 }
 .install form .field.optional .title {
-  margin-left: 320px !important;
+  margin-left: 320px;
 }
 .install .ui.checkbox {
-  margin-left: 335px !important;
+  margin-left: 335px;
 }
 .install .ui.checkbox label {
   width: auto !important;
@@ -1255,18 +1255,18 @@ footer .ui.language .menu {
   text-align: center;
 }
 #create-page-form form .header {
-  padding-left: 280px !important;
+  padding-left: 280px;
 }
 #create-page-form form .inline.field > label {
   text-align: right;
-  width: 250px !important;
+  width: 250px;
   word-wrap: break-word;
 }
 #create-page-form form .help {
-  margin-left: 265px !important;
+  margin-left: 265px;
 }
 #create-page-form form .optional .title {
-  margin-left: 250px !important;
+  margin-left: 250px;
 }
 #create-page-form form input,
 #create-page-form form textarea {
@@ -1292,7 +1292,7 @@ footer .ui.language .menu {
 .user.reset.password form .header,
 .user.signin form .header,
 .user.signup form .header {
-  padding-left: 280px !important;
+  padding-left: 280px;
 }
 .user.activate form .inline.field > label,
 .user.forgot.password form .inline.field > label,
@@ -1300,7 +1300,7 @@ footer .ui.language .menu {
 .user.signin form .inline.field > label,
 .user.signup form .inline.field > label {
   text-align: right;
-  width: 250px !important;
+  width: 250px;
   word-wrap: break-word;
 }
 .user.activate form .help,
@@ -1308,14 +1308,14 @@ footer .ui.language .menu {
 .user.reset.password form .help,
 .user.signin form .help,
 .user.signup form .help {
-  margin-left: 265px !important;
+  margin-left: 265px;
 }
 .user.activate form .optional .title,
 .user.forgot.password form .optional .title,
 .user.reset.password form .optional .title,
 .user.signin form .optional .title,
 .user.signup form .optional .title {
-  margin-left: 250px !important;
+  margin-left: 250px;
 }
 .user.activate form input,
 .user.forgot.password form input,
@@ -1341,14 +1341,14 @@ footer .ui.language .menu {
 .user.reset.password form .header,
 .user.signin form .header,
 .user.signup form .header {
-  padding-left: 230px !important;
+  padding-left: 230px;
 }
 .user.activate form .inline.field > label,
 .user.forgot.password form .inline.field > label,
 .user.reset.password form .inline.field > label,
 .user.signin form .inline.field > label,
 .user.signup form .inline.field > label {
-  width: 200px !important;
+  width: 200px;
 }
 .user.signin.two-factor form {
   width: 300px !important;
@@ -1370,24 +1370,24 @@ footer .ui.language .menu {
 .repository.new.repo form .header,
 .repository.new.migrate form .header,
 .repository.new.fork form .header {
-  padding-left: 280px !important;
+  padding-left: 280px;
 }
 .repository.new.repo form .inline.field > label,
 .repository.new.migrate form .inline.field > label,
 .repository.new.fork form .inline.field > label {
   text-align: right;
-  width: 250px !important;
+  width: 250px;
   word-wrap: break-word;
 }
 .repository.new.repo form .help,
 .repository.new.migrate form .help,
 .repository.new.fork form .help {
-  margin-left: 265px !important;
+  margin-left: 265px;
 }
 .repository.new.repo form .optional .title,
 .repository.new.migrate form .optional .title,
 .repository.new.fork form .optional .title {
-  margin-left: 250px !important;
+  margin-left: 250px;
 }
 .repository.new.repo form input,
 .repository.new.migrate form input,
@@ -1416,7 +1416,7 @@ footer .ui.language .menu {
   width: 50%!important;
 }
 .repository.new.repo .ui.form #auto-init {
-  margin-left: 265px !important;
+  margin-left: 265px;
 }
 .new.webhook form .help {
   margin-left: 25px;
@@ -1904,7 +1904,7 @@ footer .ui.language .menu {
   margin-top: -8px;
 }
 .repository.file.editor .commit-form-wrapper .commit-form:after {
-  border-right-color: #FFFFFF;
+  border-right-color: #ffffff;
 }
 .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name {
   display: inline-block;
@@ -1966,7 +1966,7 @@ footer .ui.language .menu {
   margin-top: -8px;
 }
 .repository.new.issue .comment.form .content:after {
-  border-right-color: #FFFFFF;
+  border-right-color: #ffffff;
 }
 .repository.new.issue .comment.form .content .markdown {
   font-size: 14px;
@@ -2127,7 +2127,7 @@ footer .ui.language .menu {
   border: solid 1px #eee;
   border-radius: 3px;
   max-width: 150px;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 .repository.view.issue .comment-list .comment .content > .bottom.segment a:before {
   content: ' ';
@@ -2177,7 +2177,7 @@ footer .ui.language .menu {
   margin-top: 5px;
   margin-left: -34.5px;
   font-size: 20px;
-  background: #FFFFFF;
+  background: #ffffff;
   color: #bd2c00;
 }
 .repository.view.issue .comment-list .event .octicon.octicon-primitive-dot {
@@ -2237,7 +2237,7 @@ footer .ui.language .menu {
   margin-top: -8px;
 }
 .repository .comment.form .content .form:after {
-  border-right-color: #FFFFFF;
+  border-right-color: #ffffff;
 }
 .repository .comment.form .content .tab.segment {
   border: none;
@@ -2354,7 +2354,7 @@ footer .ui.language .menu {
   margin-top: -8px;
 }
 .repository.compare.pull .comment.form .content:after {
-  border-right-color: #FFFFFF;
+  border-right-color: #ffffff;
 }
 .repository .filter.dropdown .menu {
   margin-top: 1px!important;
@@ -3091,7 +3091,7 @@ footer .ui.language .menu {
   color: #2185d0;
 }
 .code-icon:hover {
-  color: #FFFFFF;
+  color: #ffffff;
 }
 @media (max-width: 1020px) {
   [class*="vertically padded"].ui.grid,
@@ -3223,18 +3223,18 @@ footer .ui.language .menu {
   text-align: center;
 }
 .organization.new.org form .header {
-  padding-left: 280px !important;
+  padding-left: 280px;
 }
 .organization.new.org form .inline.field > label {
   text-align: right;
-  width: 250px !important;
+  width: 250px;
   word-wrap: break-word;
 }
 .organization.new.org form .help {
-  margin-left: 265px !important;
+  margin-left: 265px;
 }
 .organization.new.org form .optional .title {
-  margin-left: 250px !important;
+  margin-left: 250px;
 }
 .organization.new.org form input,
 .organization.new.org form textarea {
@@ -3273,7 +3273,6 @@ footer .ui.language .menu {
 .organization.profile .members .ui.avatar {
   width: 48px;
   height: 48px;
-  margin-right: 5px;
 }
 .organization.invite #invite-box {
   margin: auto;
@@ -3485,7 +3484,7 @@ footer .ui.language .menu {
   padding: 3px 4px;
   font-size: 12px;
   font-family: sans-serif;
-  color: #FFFFFF;
+  color: #ffffff;
   text-transform: uppercase;
   border-radius: 2px;
   box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);
@@ -3602,7 +3601,7 @@ footer .ui.language .menu {
   margin-top: 25px !important;
 }
 .dashboard.prompt {
-  background-image: linear-gradient(226deg, rgba(255, 255, 255, 0) 0%, #fff), linear-gradient(70deg, #eaf5ff 0%, #f6fff8);
+  background-image: linear-gradient(226deg, rgba(255, 255, 255, 0) 0%, #ffffff), linear-gradient(70deg, #eaf5ff 0%, #f6fff8);
 }
 .bootcamp .alg {
   margin-bottom: 2em !important;
@@ -3874,7 +3873,7 @@ footer .ui.language .menu {
   font-size: 13px !important;
 }
 .adminbar.embed {
-  background: #24292E;
+  background: #24292e;
   padding: 3px 5px;
   border-radius: 4px;
   margin: 5px 3px;
@@ -4066,7 +4065,7 @@ footer .ui.language .menu {
   }
 }
 .pages.bg {
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #252a30;
 }
 .pages .body {
@@ -4082,7 +4081,7 @@ footer .ui.language .menu {
   height: 150px;
   align-items: center;
   background-color: #2f363d;
-  color: #FFFFFF;
+  color: #ffffff;
   display: flex;
   flex-direction: column;
   font-weight: 600;
@@ -4110,19 +4109,19 @@ footer .ui.language .menu {
 .pages .code {
   background: #e7445a;
   padding: 4px;
-  color: #FFFFFF;
+  color: #ffffff;
   border-radius: 3px;
 }
 .pages .heading {
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 20px !important;
 }
 .pages .about.heading {
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 30px !important;
 }
 .pages .about.text {
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 17px !important;
 }
 .pages .about.text.top {
@@ -4145,7 +4144,7 @@ footer .ui.language .menu {
 }
 .pages-small a {
   border-bottom: 3px solid #e6375a;
-  color: #FFFFFF;
+  color: #ffffff;
   font-weight: 600;
   position: relative;
   transition: background-color 120ms;
@@ -4163,10 +4162,10 @@ footer .ui.language .menu {
   padding-right: 5%;
 }
 .contact label {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 .contact .color {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
   background: #343b42 !important;
 }
 .contact .desc {

public/less/_organization.less

@@ -75,7 +75,6 @@
 			.ui.avatar {
 				width: 48px;
 				height: 48px;
-				margin-right: @5;
 			}
 		}
 	}

templates/org/home.tmpl

@@ -60,7 +60,7 @@
 					{{$isMember := .IsOrganizationMember}}
 					{{range .Members}}
 						{{if or $isMember (.IsPublicMember $.Org.ID)}}
-							<a href="{{.HomeLink}}" title="{{.Name}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a>
+							<a class="ui image" href="{{.HomeLink}}" title="{{.Name}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a>
 						{{end}}
 					{{end}}
 				</div>