Clean less files (#6921)

15 files changed, 1383 insertions, 997 deletions

diff --git a/public/less/_admin.less b/public/less/_admin.less
index 7eb7be0d9e..24d5af159c 100644
--- a/public/less/_admin.less
+++ b/public/less/_admin.less
@@ -28,9 +28,10 @@
             }
         }
     }
+
     .ui.header,
     .ui.segment {
-        box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
+        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
     }
 
     &.user {
@@ -46,6 +47,7 @@
         dd {
             margin-left: 275px;
         }
+
         dt {
             font-weight: bolder;
             float: left;
diff --git a/public/less/_base.less b/public/less/_base.less
index 998a95c404..1dd17541bb 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -1,4 +1,3 @@
-
 @font-face {
     font-family: 'Lato';
     src: url('../vendor/assets/lato-fonts/lato-regular.eot');
@@ -80,15 +79,14 @@
     .ui.search > .results .result .title,
     .ui.search > .results > .message .header,
     body,
-    .ui.input>input, .ui.input input,
+    .ui.input > input, .ui.input input,
     .ui.statistics .statistic > .value,
     .ui.statistic > .value,
     .ui.statistics .statistic > .label,
     .ui.statistic > .label,
     .ui.steps .step .title,
     .ui.text.container,
-    .ui.language > .menu > .item&
-    {
+    .ui.language > .menu > .item& {
         font-family: Lato, @fonts, sans-serif;
     }
 }
@@ -131,17 +129,22 @@ body {
 img {
     border-radius: 3px;
 }
+
 table {
     border-collapse: collapse;
 }
+
 a {
     cursor: pointer;
 }
+
 .rounded {
     border-radius: .28571429rem !important;
 }
+
 pre, code {
     font: 12px @monospaced-fonts, monospace;
+
     &.raw {
         padding: 7px 12px;
         margin: 10px 0;
@@ -152,6 +155,7 @@ pre, code {
         line-height: 1.5;
         overflow: auto;
     }
+
     &.wrap {
         white-space: pre-wrap;
         word-break: break-all;
@@ -159,69 +163,87 @@ pre, code {
         word-wrap: break-word;
     }
 }
+
 .dont-break-out {
     overflow-wrap: break-word;
     word-wrap: break-word;
     word-break: break-all;
     hyphens: auto;
 }
+
 .full.height {
     flex-grow: 1;
     padding-bottom: 80px;
 }
+
 .following.bar {
     z-index: 900;
     left: 0;
     margin: 0 !important;
+
     &.light {
         background-color: white;
         border-bottom: 1px solid #DDDDDD;
         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
     }
+
     .column .menu {
         margin-top: 0;
     }
+
     .top.menu a.item.brand {
         padding-left: 0;
     }
+
     .brand .ui.mini.image {
         width: 30px;
     }
+
     .top.menu a.item:hover,
     .top.menu .dropdown.item:hover,
     .top.menu .dropdown.item.active {
         background-color: transparent;
     }
+
     .top.menu a.item:hover {
-        color: rgba(0,0,0,.45);
+        color: rgba(0, 0, 0, .45);
     }
+
     .top.menu .menu {
         z-index: 900;
     }
+
     .octicon {
         &.fitted {
             margin-right: 0;
         }
+
         margin-right: .75em;
     }
+
     .searchbox {
         background-color: rgb(244, 244, 244) !important;
+
         &:focus {
             background-color: rgb(233, 233, 233) !important;
         }
     }
+
     .text .octicon {
         width: 16px;
         text-align: center;
     }
+
     #navbar {
         width: 100vw;
         min-height: 52px;
         padding: 0 .5rem;
     }
+
     #navbar .brand {
         margin: 0;
     }
+
     @media only screen and (max-width: 767px) {
         #navbar:not(.shown) > *:not(:first-child) {
             display: none;
@@ -243,6 +265,7 @@ pre, code {
     &.left {
         float: left;
     }
+
     &.right {
         float: right;
     }
@@ -281,9 +304,11 @@ pre, code {
 
     /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */
     /* This fixes the commit graph button on the commits page */
+
     .menu:not(.vertical) .item > .button.compact {
         padding: .58928571em 1.125em;
     }
+
     .menu:not(.vertical) .item > .button.small {
         font-size: .92857143rem;
     }
@@ -292,60 +317,75 @@ pre, code {
         margin-right: auto;
     }
 
-    &.dropdown .menu>.item>.floating.label {
+    &.dropdown .menu > .item > .floating.label {
         z-index: 11;
     }
 
-    &.dropdown .menu .menu>.item>.floating.label {
+    &.dropdown .menu .menu > .item > .floating.label {
         z-index: 21;
     }
 
     .text {
         &.red {
             color: #d95c5c !important;
+
             a {
                 color: #d95c5c !important;
+
                 &:hover {
                     color: #E67777 !important;
                 }
             }
         }
+
         &.blue {
             color: #428bca !important;
+
             a {
                 color: #15c !important;
+
                 &:hover {
                     color: #428bca !important;
                 }
             }
         }
+
         &.black {
             color: #444;
+
             &:hover {
                 color: #000;
             }
         }
+
         &.grey {
             color: #767676 !important;
+
             a {
                 color: #444 !important;
+
                 &:hover {
                     color: #000 !important;
                 }
             }
         }
+
         &.light.grey {
             color: #888 !important;
         }
+
         &.green {
             color: #6cc644 !important;
         }
+
         &.purple {
             color: #6e5494 !important;
         }
+
         &.yellow {
             color: #FBBD08 !important;
         }
+
         &.gold {
             color: #a1882b !important;
         }
@@ -353,18 +393,23 @@ pre, code {
         &.left {
             text-align: left !important;
         }
+
         &.right {
             text-align: right !important;
         }
+
         &.small {
             font-size: 0.75em;
         }
+
         &.normal {
             font-weight: normal;
         }
+
         &.bold {
             font-weight: bold;
         }
+
         &.italic {
             font-style: italic;
         }
@@ -393,11 +438,13 @@ pre, code {
         font-weight: bold;
         text-align: left;
         color: black;
+
         .pull-right {
             color: black;
         }
-        &>span, .pull-right>span{
-            color:#21ba45;
+
+        & > span, .pull-right > span {
+            color: #21ba45;
         }
     }
 
@@ -405,26 +452,33 @@ pre, code {
         padding-left: 0.75rem;
         vertical-align: middle;
     }
+
     .warning {
         &.header {
             background-color: #F9EDBE !important;
             border-color: #F0C36D;
         }
+
         &.segment {
             border-color: #F0C36D;
         }
     }
+
     .info {
         &.segment {
             border: 1px solid #c5d5dd;
+
             &.top {
                 background-color: #e6f1f6 !important;
+
                 h3, h4 {
                     margin-top: 0;
                 }
+
                 h3:last-child {
                     margin-top: 4px;
                 }
+
                 > :last-child {
                     margin-bottom: 0;
                 }
@@ -473,27 +527,35 @@ pre, code {
         &.red {
             background-color: #d95c5c !important;
         }
+
         &.blue {
             background-color: #428bca !important;
         }
+
         &.black {
             background-color: #444;
         }
+
         &.grey {
             background-color: #767676 !important;
         }
+
         &.light.grey {
             background-color: #888 !important;
         }
+
         &.green {
             background-color: #6cc644 !important;
         }
+
         &.purple {
             background-color: #6e5494 !important;
         }
+
         &.yellow {
             background-color: #FBBD08 !important;
         }
+
         &.gold {
             background-color: #a1882b !important;
         }
@@ -504,9 +566,9 @@ pre, code {
     }
 
     &.pagination.menu {
-        @media only screen and (max-width:767px) {
+        @media only screen and (max-width: 767px) {
             .item:not(.active):not(.navigation),
-            .item.navigation span.navigation_label{
+            .item.navigation span.navigation_label {
                 display: none;
             }
         }
@@ -515,14 +577,14 @@ pre, code {
 
 .file-comment {
     font: 12px @monospaced-fonts, monospace;
-    color: rgba(0,0,0,.87);
+    color: rgba(0, 0, 0, .87);
 
 }
 
 .ui.floating.dropdown {
     .overflow.menu {
         .scrolling.menu.items {
-            border-radius: 0px !important;
+            border-radius: 0 !important;
             box-shadow: none !important;
             border-bottom: 1px solid rgba(34, 36, 38, 0.15);
         }
@@ -546,18 +608,22 @@ footer {
     width: 100%;
     flex-basis: 40px;
     color: #888888;
+
     .container {
         width: 100vw !important;
         padding: 0 .5rem;
+
         .fa {
             width: 16px;
             text-align: center;
             color: #428bca;
         }
-        .links >* {
+
+        .links > * {
             border-left: 1px solid #d6d6d6;
             padding-left: 8px;
             margin-left: 5px;
+
             &:first-child {
                 border-left: none;
             }
@@ -579,13 +645,16 @@ footer {
 
 .hide {
     display: none;
+
     &.show-outdated {
         display: none !important;
     }
+
     &.hide-outdated {
         display: none !important;
     }
 }
+
 .center {
     text-align: center;
 }
@@ -602,14 +671,16 @@ footer {
 // Conditional display
 @media only screen and (min-width: 768px) {
     .mobile-only, .ui.button.mobile-only {
-      display: none;
+        display: none;
     }
+
     // has the same behaviour of sr-only, hiding the content for
     // non-screenreaders, but is shown on mobile devices.
     .sr-mobile-only {
         .sr-only();
     }
 }
+
 @media only screen and (max-width: 767px) {
     .not-mobile {
         display: none;
@@ -627,6 +698,7 @@ footer {
     clip: rect(0, 0, 0, 0);
     border: 0;
 }
+
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
@@ -664,19 +736,24 @@ footer {
         justify-content: left !important;
         padding-bottom: 5px;
     }
+
     .ui.menu.new-menu::-webkit-scrollbar {
         height: 8px;
         display: none;
     }
+
     .ui.menu.new-menu:hover::-webkit-scrollbar {
         display: block;
     }
+
     .ui.menu.new-menu::-webkit-scrollbar-track {
-        background: rgba(0,0,0,0.01);
+        background: rgba(0, 0, 0, 0.01);
     }
+
     .ui.menu.new-menu::-webkit-scrollbar-thumb {
-        background:rgba(0,0,0,0.2);
+        background: rgba(0, 0, 0, 0.2);
     }
+
     .ui.menu.new-menu:after {
         position: absolute;
         margin-top: -15px;
@@ -690,6 +767,7 @@ footer {
         clear: none;
         visibility: visible;
     }
+
     .ui.menu.new-menu a.item:last-child {
         padding-right: 30px !important;
     }
@@ -749,11 +827,7 @@ footer {
     background-color: #2f6b1b;
 }
 
-.archived-icon{
-    color: lighten(#000, 70%) !important;
-}
-
-.archived-icon{
+.archived-icon {
     color: lighten(#000, 70%) !important;
 }
 
@@ -763,11 +837,13 @@ footer {
 
 /* Tab color tweaks */
 .ui.tabular.menu .item {
-  color: rgba(0,0,0,.5);
+    color: rgba(0, 0, 0, .5);
 }
+
 .ui.tabular.menu .item:hover {
-  color: rgba(0,0,0,.8);
+    color: rgba(0, 0, 0, .8);
 }
+
 .ui.tabular.menu .item.active {
-  color: rgba(0,0,0,.9);
+    color: rgba(0, 0, 0, .9);
 }
diff --git a/public/less/_dashboard.less b/public/less/_dashboard.less
index 227771f305..f59daf49d2 100644
--- a/public/less/_dashboard.less
+++ b/public/less/_dashboard.less
@@ -6,21 +6,26 @@
         .context.user.menu {
             z-index: 101;
             min-width: 200px;
+
             .ui.header {
                 font-size: 1rem;
                 text-transform: none;
             }
         }
+
         .filter.menu {
             .item {
                 text-align: left;
+
                 .text {
                     height: 16px;
                     vertical-align: middle;
+
                     &.truncate {
                         width: 85%;
                     }
                 }
+
                 .floating.label {
                     top: 7px;
                     left: 90%;
@@ -35,28 +40,31 @@
                 }
             }
 
-			// Sort
-			.jump.item {
-				margin: 1px;
-				padding-right: 0;
-			}
-			.menu {
-				max-height: 300px;
-				overflow-x: auto;
-				right: 0!important;
-				left: auto!important;
-			}
-
-			@media only screen and (max-width: 768px) {
-				width: 100%;
-			}
-		}
-		.right.stackable.menu > .item.active {
-			color: #d9453d;
-		}
+            // Sort
+            .jump.item {
+                margin: 1px;
+                padding-right: 0;
+            }
+
+            .menu {
+                max-height: 300px;
+                overflow-x: auto;
+                right: 0 !important;
+                left: auto !important;
+            }
+
+            @media only screen and (max-width: 768px) {
+                width: 100%;
+            }
+        }
+
+        .right.stackable.menu > .item.active {
+            color: #d9453d;
+        }
     }
 
     /* Accomodate for Semantic's 1px hacks on .attached elements */
+
     .dashboard-repos {
         margin: 0 1px;
     }
@@ -73,15 +81,19 @@
             margin-left: auto;
             margin-right: auto;
         }
+
         .ui.avatar {
             margin-top: 13px;
         }
+
         .time-since {
             font-size: 13px;
         }
+
         .issue.title {
             width: 80%;
         }
+
         .push.news .content ul {
             font-size: 13px;
             list-style: none;
@@ -90,14 +102,17 @@
             img {
                 margin-bottom: -2px;
             }
+
             .text.truncate {
                 width: 80%;
                 margin-bottom: -5px;
             }
         }
+
         .commit-id {
             font-family: @monospaced-fonts, monospace;
         }
+
         code {
             padding: 1px;
             font-size: 85%;
@@ -119,6 +134,7 @@
                 margin-top: 5px;
             }
         }
+
         ul {
             list-style: none;
             margin: 0;
@@ -141,9 +157,10 @@
                         color: #888;
 
                         &.rear {
-                        font-size: 15px;
+                            font-size: 15px;
                         }
                     }
+
                     .star-num {
                         font-size: 12px;
                     }
@@ -154,18 +171,19 @@
         .repo-owner-name-list {
             .item-name {
                 max-width: 70%;
-            margin-bottom: -4px;
+                margin-bottom: -4px;
             }
         }
 
         #collaborative-repo-list {
             .owner-and-repo {
                 max-width: 80%;
-            margin-bottom: -5px;
+                margin-bottom: -5px;
             }
+
             .owner-name {
                 max-width: 120px;
-            margin-bottom: -5px;
+                margin-bottom: -5px;
             }
         }
     }
diff --git a/public/less/_editor.less b/public/less/_editor.less
index 0457cf1483..ee671d8b4b 100644
--- a/public/less/_editor.less
+++ b/public/less/_editor.less
@@ -1,19 +1,24 @@
 .CodeMirror {
     font: 14px @monospaced-fonts, monospace;
+
     &.cm-s-default {
-          border-radius: 3px;
-          padding: 0 !important;
+        border-radius: 3px;
+        padding: 0 !important;
     }
+
     .cm-comment {
         background: inherit !important;
     }
 }
+
 .repository.file.editor .tab[data-tab="write"] {
     padding: 0 !important;
 }
+
 .repository.file.editor .tab[data-tab="write"] .editor-toolbar {
     border: none !important;
 }
+
 .repository.file.editor .tab[data-tab="write"] .CodeMirror {
     border-left: none;
     border-right: none;
diff --git a/public/less/_explore.less b/public/less/_explore.less
index a7a939850b..1d635c8b45 100644
--- a/public/less/_explore.less
+++ b/public/less/_explore.less
@@ -9,12 +9,12 @@
         background-color: #FAFAFA !important;
         border-width: 1px !important;
 
-		.octicon {
-			width: 16px;
-			text-align: center;
-			margin-right: 5px;
-		}
-	}
+        .octicon {
+            width: 16px;
+            text-align: center;
+            margin-right: 5px;
+        }
+    }
 }
 
 .ui.repository.list {
@@ -38,23 +38,26 @@
                 color: #888;
                 font-size: 14px;
                 font-weight: normal;
+
                 span:not(:last-child) {
                     margin-right: 5px;
                 }
             }
         }
+
         .time {
             font-size: 12px;
             color: #808080;
         }
+
         .ui.tags {
             margin-bottom: 1em;
         }
     }
 }
 
-.ui.repository.branches  {
-    .time{
+.ui.repository.branches {
+    .time {
         font-size: 12px;
         color: #808080;
     }
@@ -83,6 +86,7 @@
 
             a {
                 color: #333;
+
                 &:hover {
                     text-decoration: underline;
                 }
diff --git a/public/less/_form.less b/public/less/_form.less
index ee5b0aa4e1..641df7caaf 100644
--- a/public/less/_form.less
+++ b/public/less/_form.less
@@ -6,10 +6,13 @@
         display: inline-block;
     }
 }
+
 .ui.attached.header {
     background: #f0f0f0;
+
     .right {
         margin-top: -5px;
+
         .button {
             padding: 8px 10px;
             font-weight: normal;
@@ -19,64 +22,76 @@
 
 @create-page-form-input-padding: 250px !important;
 #create-page-form {
-	form {
-		margin: auto;
-		.ui.message {
-			text-align: center;
-		}
-		@media only screen and (min-width: 768px) {
-			width: 800px!important;
-			.header {
-				padding-left: @create-page-form-input-padding+30px;
-			}
-			.inline.field > label {
-				text-align: right;
-				width: @create-page-form-input-padding;
-				word-wrap: break-word;
-			}
-			.help {
-				margin-left: @create-page-form-input-padding+15px;
-			}
-			.optional .title {
-				margin-left: @create-page-form-input-padding;
-			}
-			input,
-			textarea {
-				width: 50%!important;
-			}
-		}
-		@media only screen and (max-width: 767px) {
-			.optional .title {
-				margin-left: 15px;
-			}
-			.inline.field > label {
-				display: block;
-			}
-		}
-	}
+    form {
+        margin: auto;
+
+        .ui.message {
+            text-align: center;
+        }
+
+        @media only screen and (min-width: 768px) {
+            width: 800px !important;
+            .header {
+                padding-left: @create-page-form-input-padding+30px;
+            }
+
+            .inline.field > label {
+                text-align: right;
+                width: @create-page-form-input-padding;
+                word-wrap: break-word;
+            }
+
+            .help {
+                margin-left: @create-page-form-input-padding+15px;
+            }
+
+            .optional .title {
+                margin-left: @create-page-form-input-padding;
+            }
+
+            input,
+            textarea {
+                width: 50% !important;
+            }
+        }
+        @media only screen and (max-width: 767px) {
+            .optional .title {
+                margin-left: 15px;
+            }
+
+            .inline.field > label {
+                display: block;
+            }
+        }
+    }
 }
 
 .signin {
-    .oauth2{
+    .oauth2 {
         div {
-          display: inline-block;
+            display: inline-block;
+
             p {
-              margin: 10px 5px 0 0;
-              float: left;
+                margin: 10px 5px 0 0;
+                float: left;
             }
         }
+
         a {
-          margin-right: 3px;
+            margin-right: 3px;
+
             &:last-child {
-              margin-right: 0px;
+                margin-right: 0;
             }
         }
+
         img {
-          width: 32px;
-          height: 32px;
-          &.openidConnect {
-            width: auto;
-          }
+            width: 32px;
+            height: 32px;
+
+            &.openidConnect {
+                width: auto;
+            }
         }
     }
 }
@@ -88,10 +103,11 @@
         padding-left: 30px;
     }
 }
-@media screen and (max-height: 575px){
+
+@media screen and (max-height: 575px) {
     #rc-imageselect, .g-recaptcha {
-        transform:scale(0.77);
-        transform-origin:0 0;
+        transform: scale(0.77);
+        transform-origin: 0 0;
     }
 }
 
@@ -102,12 +118,15 @@
 .user.signup {
     @input-padding: 200px;
     #create-page-form;
+
     form {
-        width: 700px!important;
+        width: 700px !important;
+
         .header {
             padding-left: 0 !important;
             text-align: center;
         }
+
         .inline.field > label {
             width: @input-padding;
         }
@@ -125,19 +144,23 @@
     &.new.migrate,
     &.new.fork {
         #create-page-form;
+
         form {
             .dropdown {
                 .dropdown.icon {
-                    margin-top: -7px!important;
+                    margin-top: -7px !important;
                     padding-bottom: 5px;
                 }
+
                 .text {
-                    margin-right: 0!important;
+                    margin-right: 0 !important;
+
                     i {
-                        margin-right: 0!important;
+                        margin-right: 0 !important;
                     }
                 }
             }
+
             .header {
                 padding-left: 0 !important;
                 text-align: center;
@@ -156,23 +179,23 @@
         }
     }
 
-	&.new.repo {
-		.ui.form {
-			@media only screen and (min-width: 768px) {
-				#auto-init {
-					margin-left: @create-page-form-input-padding+15px;
-				}
-			}
-
-			.selection.dropdown:not(.owner) {
-				width: 50%!important;
-
-				@media only screen and (max-width: 768px) {
-					width: 100% !important;
-				}
-			}
-		}
-	}
+    &.new.repo {
+        .ui.form {
+            @media only screen and (min-width: 768px) {
+                #auto-init {
+                    margin-left: @create-page-form-input-padding+15px;
+                }
+            }
+
+            .selection.dropdown:not(.owner) {
+                width: 50% !important;
+
+                @media only screen and (max-width: 768px) {
+                    width: 100% !important;
+                }
+            }
+        }
+    }
 }
 
 .new.webhook {
@@ -198,14 +221,14 @@
 }
 
 .new.org .ui.form {
-	@media only screen and (max-width: 768px) {
-		.field button, .field a{
-			margin-bottom: 1em;
-			width: 100%;
-		}
-
-		.field input {
-			width: 100% !important;
-		}
-	}
+    @media only screen and (max-width: 768px) {
+        .field button, .field a {
+            margin-bottom: 1em;
+            width: 100%;
+        }
+
+        .field input {
+            width: 100% !important;
+        }
+    }
 }
diff --git a/public/less/_home.less b/public/less/_home.less
index 93c7dd82ea..7ea8a9a6f3 100644
--- a/public/less/_home.less
+++ b/public/less/_home.less
@@ -1,42 +1,50 @@
 .home {
-	.logo {
-		max-width: 220px;
-	}
-	.hero {
-		@media only screen and (max-width: 767px) {
-			h1 {
-				font-size: 3.5em;
-			}
-			h2 {
-				font-size: 2em;
-			}
-		}
-		@media only screen and (min-width: 768px) {
-			h1 {
-				font-size: 5.5em;
-			}
-			h2 {
-				font-size: 3em;
-			}
-		}
-		.octicon {
-			color: #5aa509;
-			font-size: 40px;
-			width: 50px;
-		}
-		&.header {
-			font-size: 20px;
-		}
-	}
-	p.large {
-		font-size: 16px
-	}
-	.stackable {
-		padding-top: 30px;
-	}
-	a {
-		color: #5aa509;
-	}
+    .logo {
+        max-width: 220px;
+    }
+
+    .hero {
+        @media only screen and (max-width: 767px) {
+            h1 {
+                font-size: 3.5em;
+            }
+
+            h2 {
+                font-size: 2em;
+            }
+        }
+        @media only screen and (min-width: 768px) {
+            h1 {
+                font-size: 5.5em;
+            }
+
+            h2 {
+                font-size: 3em;
+            }
+        }
+
+        .octicon {
+            color: #5aa509;
+            font-size: 40px;
+            width: 50px;
+        }
+
+        &.header {
+            font-size: 20px;
+        }
+    }
+
+    p.large {
+        font-size: 16px
+    }
+
+    .stackable {
+        padding-top: 30px;
+    }
+
+    a {
+        color: #5aa509;
+    }
 }
 
 .signup {
@@ -44,11 +52,11 @@
 }
 
 footer {
-	.ui.container .left, .ui.container .right {
-		@media only screen and (max-width: 880px) {
-			display: block;
-			text-align: center;
-			float: none;
-		}
-	}
+    .ui.container .left, .ui.container .right {
+        @media only screen and (max-width: 880px) {
+            display: block;
+            text-align: center;
+            float: none;
+        }
+    }
 }
diff --git a/public/less/_install.less b/public/less/_install.less
index 3463370446..b38ec87b76 100644
--- a/public/less/_install.less
+++ b/public/less/_install.less
@@ -1,27 +1,35 @@
 .install {
     padding-top: 45px;
+
     form {
         @input-padding: 320px !important;
+
         label {
             text-align: right;
             width: @input-padding;
         }
+
         input {
             width: 35% !important;
         }
+
         .field {
             text-align: left;
+
             .help {
                 margin-left: @input-padding+15px;
             }
+
             &.optional .title {
                 margin-left: 38%;
             }
         }
     }
+
     .ui {
         .checkbox {
             margin-left: 40% !important;
+
             label {
                 width: auto !important;
             }
diff --git a/public/less/_markdown.less b/public/less/_markdown.less
index 445bf75b62..d8a616919d 100644
--- a/public/less/_markdown.less
+++ b/public/less/_markdown.less
@@ -12,11 +12,11 @@
         padding: 2em 2em 2em !important;
     }
 
-    >*:first-child {
+    > *:first-child {
         margin-top: 0 !important;
     }
 
-    >*:last-child {
+    > *:last-child {
         margin-bottom: 0 !important;
     }
 
@@ -66,9 +66,9 @@
     h4 .octicon-link,
     h5 .octicon-link,
     h6 .octicon-link {
-        display:none;
-        color:#000;
-        vertical-align:middle;
+        display: none;
+        color: #000;
+        vertical-align: middle;
     }
 
     h1:hover .anchor,
@@ -77,9 +77,9 @@
     h4:hover .anchor,
     h5:hover .anchor,
     h6:hover .anchor {
-        padding-left:8px;
-        margin-left:-30px;
-        text-decoration:none;
+        padding-left: 8px;
+        margin-left: -30px;
+        text-decoration: none;
     }
 
     h1:hover .anchor .octicon-link,
@@ -88,7 +88,7 @@
     h4:hover .anchor .octicon-link,
     h5:hover .anchor .octicon-link,
     h6:hover .anchor .octicon-link {
-        display:inline-block;
+        display: inline-block;
     }
 
     h1 tt,
@@ -103,62 +103,63 @@
     h5 code,
     h6 tt,
     h6 code {
-        font-size:inherit;
+        font-size: inherit;
     }
 
     h1 {
-        padding-bottom:0.3em;
-        font-size:2.25em;
-        line-height:1.2;
-        border-bottom:1px solid #eee;
+        padding-bottom: 0.3em;
+        font-size: 2.25em;
+        line-height: 1.2;
+        border-bottom: 1px solid #eee;
     }
 
     h1 .anchor {
-        line-height:1;
+        line-height: 1;
     }
 
     h2 {
-        padding-bottom:0.3em;
-        font-size:1.75em;
-        line-height:1.225;
-        border-bottom:1px solid #eee;
+        padding-bottom: 0.3em;
+        font-size: 1.75em;
+        line-height: 1.225;
+        border-bottom: 1px solid #eee;
     }
 
     h2 .anchor {
-        line-height:1;
+        line-height: 1;
     }
 
     h3 {
-        font-size:1.5em;
-        line-height:1.43;
+        font-size: 1.5em;
+        line-height: 1.43;
     }
 
     h3 .anchor {
-        line-height:1.2;
+        line-height: 1.2;
     }
 
     h4 {
-        font-size:1.25em;
+        font-size: 1.25em;
     }
 
     h4 .anchor {
-        line-height:1.2;
+        line-height: 1.2;
     }
 
     h5 {
-        font-size:1em;
+        font-size: 1em;
     }
 
     h5 .anchor {
-        line-height:1.1;
+        line-height: 1.1;
     }
 
     h6 {
-        font-size:1em;color:#777;
+        font-size: 1em;
+        color: #777;
     }
 
     h6 .anchor {
-        line-height:1.1;
+        line-height: 1.1;
     }
 
     p,
@@ -171,35 +172,36 @@
         margin-top: 0;
         margin-bottom: 16px;
     }
+
     blockquote {
         margin-left: 0;
     }
 
     hr {
-        height:4px;
-        padding:0;
-        margin:16px 0;
-        background-color:#e7e7e7;
-        border:0 none;
+        height: 4px;
+        padding: 0;
+        margin: 16px 0;
+        background-color: #e7e7e7;
+        border: 0 none;
     }
 
     ul,
     ol {
-        padding-left:2em;
+        padding-left: 2em;
     }
 
     ul.no-list,
     ol.no-list {
-        padding:0;
-        list-style-type:none;
+        padding: 0;
+        list-style-type: none;
     }
 
     ul ul,
     ul ol,
     ol ol,
     ol ul {
-        margin-top:0;
-        margin-bottom:0;
+        margin-top: 0;
+        margin-bottom: 0;
     }
 
     ol ol,
@@ -207,51 +209,51 @@
         list-style-type: lower-roman;
     }
 
-    li>p {
-        margin-top:0;
+    li > p {
+        margin-top: 0;
     }
 
     dl {
-        padding:0;
+        padding: 0;
     }
 
     dl dt {
-        padding:0;
-        margin-top:16px;
-        font-size:1em;
-        font-style:italic;
-        font-weight:bold;
+        padding: 0;
+        margin-top: 16px;
+        font-size: 1em;
+        font-style: italic;
+        font-weight: bold;
     }
 
     dl dd {
-        padding:0 16px;
-        margin-bottom:16px;
+        padding: 0 16px;
+        margin-bottom: 16px;
     }
 
     blockquote {
-        padding:0 15px;
-        color:#777;
-        border-left:4px solid #ddd;
+        padding: 0 15px;
+        color: #777;
+        border-left: 4px solid #ddd;
     }
 
-    blockquote>:first-child {
-        margin-top:0;
+    blockquote > :first-child {
+        margin-top: 0;
     }
 
-    blockquote>:last-child {
-        margin-bottom:0;
+    blockquote > :last-child {
+        margin-bottom: 0;
     }
 
     table {
-        width:auto;
-        overflow:auto;
-        word-break:normal;
-        word-break:keep-all;
-        display:block;
+        width: auto;
+        overflow: auto;
+        word-break: normal;
+        word-break: keep-all;
+        display: block;
     }
 
     table th {
-        font-weight:bold;
+        font-weight: bold;
     }
 
     table th,
@@ -261,204 +263,202 @@
     }
 
     table tr {
-        background-color:#fff;
-        border-top:1px solid #ccc;
+        background-color: #fff;
+        border-top: 1px solid #ccc;
     }
 
     table tr:nth-child(2n) {
-        background-color:#f8f8f8;
+        background-color: #f8f8f8;
     }
 
     img {
-        max-width:100%;
-        box-sizing:border-box;
+        max-width: 100%;
+        box-sizing: border-box;
     }
 
     .emoji {
-        max-width:none;
+        max-width: none;
     }
 
     span.frame {
-        display:block;
-        overflow:hidden;
+        display: block;
+        overflow: hidden;
     }
 
-    span.frame>span {
-        display:block;
-        float:left;
-        width:auto;
-        padding:7px;
-        margin:13px 0 0;
-        overflow:hidden;
-        border:1px solid #ddd;
+    span.frame > span {
+        display: block;
+        float: left;
+        width: auto;
+        padding: 7px;
+        margin: 13px 0 0;
+        overflow: hidden;
+        border: 1px solid #ddd;
     }
 
     span.frame span img {
-        display:block;
-        float:left;
+        display: block;
+        float: left;
     }
 
     span.frame span span {
-        display:block;
-        padding:5px 0 0;
-        clear:both;
-        color:#333;
+        display: block;
+        padding: 5px 0 0;
+        clear: both;
+        color: #333;
     }
 
     span.align-center {
-        display:block;
-        overflow:hidden;
-        clear:both;
+        display: block;
+        overflow: hidden;
+        clear: both;
     }
 
-    span.align-center>span {
-        display:block;
-        margin:13px auto 0;
-        overflow:hidden;
-        text-align:center;
+    span.align-center > span {
+        display: block;
+        margin: 13px auto 0;
+        overflow: hidden;
+        text-align: center;
     }
 
     span.align-center span img {
-        margin:0 auto;
-        text-align:center;
+        margin: 0 auto;
+        text-align: center;
     }
 
     span.align-right {
-        display:block;
-        overflow:hidden;
-        clear:both;
+        display: block;
+        overflow: hidden;
+        clear: both;
     }
 
-    span.align-right>span {
-        display:block;
-        margin:13px 0 0;
-        overflow:hidden;
-        text-align:right;
+    span.align-right > span {
+        display: block;
+        margin: 13px 0 0;
+        overflow: hidden;
+        text-align: right;
     }
 
     span.align-right span img {
-        margin:0;
-        text-align:right;
+        margin: 0;
+        text-align: right;
     }
 
     span.float-left {
-        display:block;
-        float:left;
-        margin-right:13px;
-        overflow:hidden;
+        display: block;
+        float: left;
+        margin-right: 13px;
+        overflow: hidden;
     }
 
     span.float-left span {
-        margin:13px 0 0;
+        margin: 13px 0 0;
     }
 
     span.float-right {
-        display:block;
-        float:right;
-        margin-left:13px;
-        overflow:hidden;
+        display: block;
+        float: right;
+        margin-left: 13px;
+        overflow: hidden;
     }
 
-    span.float-right>span {
-        display:block;
-        margin:13px auto 0;
-        overflow:hidden;
-        text-align:right;
+    span.float-right > span {
+        display: block;
+        margin: 13px auto 0;
+        overflow: hidden;
+        text-align: right;
     }
 
     code,
     tt {
-        padding:0;
-        padding-top:0.2em;
-        padding-bottom:0.2em;
-        margin:0;
-        font-size:85%;
-        background-color:rgba(0,0,0,0.04);
-        border-radius:3px;
+        padding: 0.2em 0;
+        margin: 0;
+        font-size: 85%;
+        background-color: rgba(0, 0, 0, 0.04);
+        border-radius: 3px;
     }
 
     code:before,
     code:after,
     tt:before,
     tt:after {
-        letter-spacing:-0.2em;
-        content:"\00a0";
+        letter-spacing: -0.2em;
+        content: "\00a0";
     }
 
     code br,
     tt br {
-        display:none;
+        display: none;
     }
 
     del code {
-        text-decoration:inherit;
+        text-decoration: inherit;
     }
 
-    pre>code {
-        padding:0;
-        margin:0;
-        font-size:100%;
-        word-break:normal;
-        white-space:pre;
-        background:transparent;
-        border:0;
+    pre > code {
+        padding: 0;
+        margin: 0;
+        font-size: 100%;
+        word-break: normal;
+        white-space: pre;
+        background: transparent;
+        border: 0;
     }
 
     .highlight {
-        margin-bottom:16px;
+        margin-bottom: 16px;
     }
 
     .highlight pre,
     pre {
-        padding:16px;
-        overflow:auto;
-        font-size:85%;
-        line-height:1.45;
-        background-color:#f7f7f7;
-        border-radius:3px;
+        padding: 16px;
+        overflow: auto;
+        font-size: 85%;
+        line-height: 1.45;
+        background-color: #f7f7f7;
+        border-radius: 3px;
     }
 
     .highlight pre {
-        margin-bottom:0;
-        word-break:normal;
+        margin-bottom: 0;
+        word-break: normal;
     }
 
     pre {
-        word-wrap:normal;
+        word-wrap: normal;
     }
 
     pre code,
     pre tt {
-        display:inline;
-        max-width:initial;
-        padding:0;
-        margin:0;
-        overflow:initial;
-        line-height:inherit;
-        word-wrap:normal;
-        background-color:transparent;
-        border:0;
+        display: inline;
+        max-width: initial;
+        padding: 0;
+        margin: 0;
+        overflow: initial;
+        line-height: inherit;
+        word-wrap: normal;
+        background-color: transparent;
+        border: 0;
     }
 
     pre code:before,
     pre code:after,
     pre tt:before,
     pre tt:after {
-        content:normal;
+        content: normal;
     }
 
     kbd {
-        display:inline-block;
-        padding:3px 5px;
-        font-size:11px;
-        line-height:10px;
-        color:#555;
-        vertical-align:middle;
-        background-color:#fcfcfc;
-        border:solid 1px #ccc;
-        border-bottom-color:#bbb;
-        border-radius:3px;
-        box-shadow:inset 0 -1px 0 #bbb;
+        display: inline-block;
+        padding: 3px 5px;
+        font-size: 11px;
+        line-height: 10px;
+        color: #555;
+        vertical-align: middle;
+        background-color: #fcfcfc;
+        border: solid 1px #ccc;
+        border-bottom-color: #bbb;
+        border-radius: 3px;
+        box-shadow: inset 0 -1px 0 #bbb;
     }
 
     input[type="checkbox"] {
@@ -467,27 +467,29 @@
 
     .csv-data td,
     .csv-data th {
-        padding:5px;
-        overflow:hidden;
-        font-size:12px;
-        line-height:1;
-        text-align:left;
-        white-space:nowrap;
+        padding: 5px;
+        overflow: hidden;
+        font-size: 12px;
+        line-height: 1;
+        text-align: left;
+        white-space: nowrap;
     }
 
     .csv-data .blob-num {
-        padding:10px 8px 9px;
-        text-align:right;
-        background:#fff;border:0;
+        padding: 10px 8px 9px;
+        text-align: right;
+        background: #fff;
+        border: 0;
     }
 
     .csv-data tr {
-        border-top:0;
+        border-top: 0;
     }
 
     .csv-data th {
-        font-weight:bold;
-        background:#f8f8f8;border-top:0;
+        font-weight: bold;
+        background: #f8f8f8;
+        border-top: 0;
     }
 
     .ui.list .list, ol.ui.list ol, ul.ui.list ul {
diff --git a/public/less/_organization.less b/public/less/_organization.less
index 02c5f1f2ee..f7e855edec 100644
--- a/public/less/_organization.less
+++ b/public/less/_organization.less
@@ -8,6 +8,7 @@
                 font-size: 1.6rem;
                 margin-left: 15px;
             }
+
             .ui.right {
                 margin-top: 5px;
             }
@@ -16,6 +17,7 @@
 
     &.new.org {
         #create-page-form;
+
         form {
             .header {
                 padding-left: 0 !important;
@@ -42,10 +44,12 @@
                 font-size: 36px;
                 margin-bottom: 0;
             }
+
             .desc {
                 font-size: 16px;
                 margin-bottom: 10px;
             }
+
             .meta {
                 .item {
                     display: inline-block;
@@ -84,8 +88,7 @@
 
     &.invite {
         #invite-box {
-            margin: auto;
-            margin-top: 50px;
+            margin: 50px auto auto;
             width: 500px !important;
 
             #search-user-box {
@@ -94,6 +97,7 @@
                     width: 300px;
                 }
             }
+
             .ui.button {
                 margin-left: 5px;
                 margin-top: -3px;
@@ -112,6 +116,7 @@
                     width: 48px;
                     height: 48px;
                 }
+
                 .meta {
                     line-height: 24px;
                 }
diff --git a/public/less/_repository.less b/public/less/_repository.less
index c746f5bbcf..e31bc89642 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -89,7 +89,7 @@
             }
 
             .item {
-                padding: 0px;
+                padding: 0;
             }
 
             .label.color {
@@ -181,7 +181,7 @@
     .ui.tabs {
         &.container {
             margin-top: 14px;
-            margin-bottom: 0px;
+            margin-bottom: 0;
 
             .ui.menu {
                 border-bottom: none;
@@ -524,7 +524,7 @@
 
             input {
                 vertical-align: middle;
-                box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset;
+                box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset;
                 width: inherit;
                 padding: 7px 8px;
                 margin-right: 5px;
@@ -696,8 +696,7 @@
 
             &.tab.segment {
                 border: none;
-                padding: 0;
-                padding-top: 10px;
+                padding: 10px 0 0;
                 box-shadow: none;
                 background-color: inherit;
             }
@@ -791,7 +790,7 @@
                 .content {
                     margin-left: 4em;
 
-                    >.header {
+                    > .header {
                         #avatar-arrow;
                         font-weight: normal;
                         padding: auto 15px;
@@ -818,7 +817,7 @@
                         font-style: italic;
                     }
 
-                    >.bottom.segment {
+                    > .bottom.segment {
                         background: #f3f4f5;
 
                         .ui.images::after {
@@ -871,8 +870,7 @@
 
                     .tab.segment {
                         border: none;
-                        padding: 0;
-                        padding-top: 10px;
+                        padding: 10px 0 0;
                     }
 
                     textarea {
@@ -926,7 +924,7 @@
                     &.octicon-eye {
                         margin-top: 3px;
                         margin-left: -35px;
-                        margin-right: 0px;
+                        margin-right: 0;
                         font-size: 22px;
                     }
 
@@ -991,8 +989,7 @@
 
             .tab.segment {
                 border: none;
-                padding: 0;
-                padding-top: 10px;
+                padding: 10px 0 0;
             }
 
             textarea {
@@ -1036,12 +1033,12 @@
         list-style: none;
         padding-top: 15px;
 
-        >.item {
+        > .item {
             padding-top: 10px;
             padding-bottom: 10px;
             border-bottom: 1px dashed #AAA;
 
-            >a {
+            > a {
                 padding-top: 5px;
                 padding-right: 10px;
                 color: #000;
@@ -1078,7 +1075,7 @@
             .operate {
                 margin-top: -15px;
 
-                >a {
+                > a {
                     font-size: 15px;
                     padding-top: 5px;
                     padding-right: 10px;
@@ -1234,7 +1231,7 @@
         background: #fff;
         line-height: 30px;
 
-        >div:after {
+        > div:after {
             clear: both;
             content: "";
             display: block;
@@ -1281,7 +1278,7 @@
 
         .detail-files {
             background: #fff;
-            margin: 0px;
+            margin: 0;
         }
     }
 
@@ -1351,8 +1348,7 @@
             font-size: 12px;
 
             td {
-                padding: 0;
-                padding-left: 10px;
+                padding: 0 0 0 10px;
                 border-top: none;
             }
 
@@ -1509,7 +1505,7 @@
             margin-top: 20px;
             padding-top: 15px;
 
-            >li {
+            > li {
                 list-style: none;
 
                 .meta,
@@ -1545,7 +1541,7 @@
                     .download {
                         margin-top: 20px;
 
-                        >a {
+                        > a {
                             .octicon {
                                 margin-left: 5px;
                                 margin-right: 5px;
@@ -1686,7 +1682,7 @@
                 text-transform: none;
             }
 
-            >.markdown {
+            > .markdown {
                 padding: 15px 30px;
 
                 h1,
@@ -1715,7 +1711,7 @@
             .collaborator.list {
                 padding: 0;
 
-                >.item {
+                > .item {
                     margin: 0;
                     line-height: 2em;
 
@@ -1839,11 +1835,11 @@
             right: 0 !important;
             left: auto !important;
 
-            >.header {
+            > .header {
                 margin: 0.75rem 0 .5rem;
             }
 
-            >.item {
+            > .item {
                 float: left;
                 padding: .5rem .5rem !important;
 
@@ -1864,7 +1860,7 @@
                 cursor: default;
             }
 
-            >img {
+            > img {
                 height: 1.5em !important;
             }
         }
@@ -1954,7 +1950,7 @@
 .issue.list {
     list-style: none;
 
-    >.item {
+    > .item {
         padding-top: 15px;
         padding-bottom: 10px;
         border-bottom: 1px dashed #AAA;
@@ -2042,14 +2038,14 @@
     .content {
         margin-top: 2px;
 
-        >.header,
+        > .header,
         .segment {
             box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
         }
     }
 
     .list {
-        >.item {
+        > .item {
             .green {
                 color: #21BA45;
             }
@@ -2060,11 +2056,11 @@
                 margin: 15px -1rem -1rem -1rem;
             }
 
-            >.mega-octicon {
+            > .mega-octicon {
                 display: table-cell;
             }
 
-            >.mega-octicon+.content {
+            > .mega-octicon + .content {
                 display: table-cell;
                 padding: 0 0 0 .5em;
                 vertical-align: top;
@@ -2088,13 +2084,13 @@
         }
 
         &.email {
-            >.item:not(:first-child) {
+            > .item:not(:first-child) {
                 min-height: 60px;
             }
         }
 
         &.collaborator {
-            >.item {
+            > .item {
                 padding: 0;
             }
         }
@@ -2191,7 +2187,7 @@
 
 .generate-tab-size(@n, @i: 1) when (@i =< @n) {
     .tab-size-@{i} {
-        tab-size: @i  !important;
+        tab-size: @i !important;
     }
 
     .generate-tab-size(@n, (@i + 1));
@@ -2220,7 +2216,7 @@ tbody.commit-list {
 
 @media only screen and (max-width: 767px) {
     .ui.stackable.menu {
-        &.mobile--margin-between-items>.item {
+        &.mobile--margin-between-items > .item {
             margin-top: 5px;
             margin-bottom: 5px;
         }
@@ -2247,7 +2243,7 @@ tbody.commit-list {
 #new-dependency-drop-list {
     &.ui.selection.dropdown {
         min-width: 0;
-        width:  100%;
+        width: 100%;
         border-radius: 4px 0 0 4px;
         border-right: 0;
         white-space: nowrap;
@@ -2263,7 +2259,7 @@ tbody.commit-list {
     font-size: 12px;
 }
 
-.label+#manage_topic {
+.label + #manage_topic {
     margin-left: 5px;
 }
 
@@ -2294,7 +2290,7 @@ tbody.commit-list {
     box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset !important;
 }
 
-.repo-buttons .ui.labeled.button>.label {
+.repo-buttons .ui.labeled.button > .label {
     border-left: none !important;
     margin: 0 !important;
 }
diff --git a/public/less/_review.less b/public/less/_review.less
index bb2e85b155..a4a813cfd8 100644
--- a/public/less/_review.less
+++ b/public/less/_review.less
@@ -12,7 +12,7 @@
     transform: scale(1, 1);
 
     &:hover {
-      transform: scale(1.2, 1.2);
+        transform: scale(1.2, 1.2);
     }
 }
 
@@ -23,12 +23,9 @@
 
 .comment-code-cloud {
     padding: 4px;
-    margin: 0 auto;
     position: relative;
     border: 1px solid #f1f1f1;
-    margin-top: 13px;
-    margin-right: 10px;
-    margin-bottom: 5px;
+    margin: 13px 10px 5px auto;
 
     &:before {
         content: " ";
@@ -42,8 +39,7 @@
         top: -13px;
     }
 
-    .attached
-    {
+    .attached {
         &.tab {
             border: none;
             padding: 0;
@@ -66,7 +62,7 @@
     }
 
     .ui.form textarea {
-        border: 0px;
+        border: 0;
     }
 
     .ui.attached.tabular.menu {
@@ -74,7 +70,7 @@
         border: 1px solid #d4d4d5;
         padding-top: 5px;
         padding-left: 5px;
-        margin-top: 0px;
+        margin-top: 0;
     }
 
     .footer {
@@ -85,14 +81,14 @@
             display: inline-block;
             margin: 5px 0;
             font-size: 12px;
-            color: rgba(0,0,0,.6)
+            color: rgba(0, 0, 0, .6)
         }
 
         .ui.right.floated {
             padding-top: 6px;
         }
 
-        &:after{
+        &:after {
             clear: both;
             content: "";
             display: block;
@@ -110,5 +106,5 @@
 
 .file-comment {
     font: 12px @monospaced-fonts, monospace;
-    color: rgba(0,0,0,.87);
+    color: rgba(0, 0, 0, .87);
 }
diff --git a/public/less/_tribute.less b/public/less/_tribute.less
index 06e57d238d..4db85a2cb6 100644
--- a/public/less/_tribute.less
+++ b/public/less/_tribute.less
@@ -1,26 +1,31 @@
 .tribute-container {
-	box-shadow: 0px 1px 3px 1px #c7c7c7;
-	ul {
-		background: #ffffff;
-	}
-	li {
-		padding: 8px 12px;
-		border-bottom: 1px solid #dcdcdc;
-		img {
-			display: inline-block;
-			vertical-align: middle;
-			width: 28px;
-			height: 28px;
-			margin-right: 5px;
-		}
-		span.fullname {
-			font-weight: normal;
-			font-size: 0.8rem;
-			margin-left: 3px;
-		}
-	}
-	li.highlight, li:hover {
-		background: #2185D0;
-		color: #ffffff;
-	}
+    box-shadow: 0 1px 3px 1px #c7c7c7;
+
+    ul {
+        background: #ffffff;
+    }
+
+    li {
+        padding: 8px 12px;
+        border-bottom: 1px solid #dcdcdc;
+
+        img {
+            display: inline-block;
+            vertical-align: middle;
+            width: 28px;
+            height: 28px;
+            margin-right: 5px;
+        }
+
+        span.fullname {
+            font-weight: normal;
+            font-size: 0.8rem;
+            margin-left: 3px;
+        }
+    }
+
+    li.highlight, li:hover {
+        background: #2185D0;
+        color: #ffffff;
+    }
 }
diff --git a/public/less/_user.less b/public/less/_user.less
index fe8fbe2e8d..4b9be47269 100644
--- a/public/less/_user.less
+++ b/public/less/_user.less
@@ -8,6 +8,7 @@
             .username {
                 display: block;
             }
+
             .extra.content {
                 padding: 0;
 
@@ -58,7 +59,7 @@
             margin-top: 25px;
         }
 
-        #loading-heatmap{
+        #loading-heatmap {
             margin-bottom: 1em;
         }
     }
@@ -82,6 +83,7 @@
             float: left;
             font-size: 2em;
         }
+
         .content {
             float: left;
             margin-left: 7px;
@@ -105,21 +107,26 @@
             &.green {
                 color: #21ba45;
             }
+
             &.red {
                 color: #d01919;
             }
+
             &.purple {
                 color: #a333c8;
             }
+
             &.blue {
                 color: #2185d0;
             }
         }
     }
+
     &.link-account:not(.icon) {
         padding-top: 15px;
         padding-bottom: 5px;
     }
+
     &.settings {
         .iconFloat {
             float: left;
diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less
index c753e775f4..7a6fb64150 100644
--- a/public/less/themes/arc-green.less
+++ b/public/less/themes/arc-green.less
@@ -1,796 +1,1024 @@
 @import "_base";
 
 .hljs {
-     display: block;
-     overflow-x: auto;
-     padding: 0.5em;
-     color: #bababa;
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    color: #bababa;
 }
- .repository.file.list .non-diff-file-content .code-view .lines-num, .repository.file.list .non-diff-file-content .code-view .lines-code ol {
+
+.repository.file.list .non-diff-file-content .code-view .lines-num, .repository.file.list .non-diff-file-content .code-view .lines-code ol {
     background-color: #2b2b2b !important;
 }
- .hljs-strong, .hljs-emphasis {
-     color: #a8a8a2;
+
+.hljs-strong, .hljs-emphasis {
+    color: #a8a8a2;
 }
- .hljs-bullet, .hljs-quote, .hljs-link, .hljs-number, .hljs-regexp, .hljs-literal {
-     color: #6896ba;
+
+.hljs-bullet, .hljs-quote, .hljs-link, .hljs-number, .hljs-regexp, .hljs-literal {
+    color: #6896ba;
 }
- .hljs-code, .hljs-selector-class {
-     color: #a6e22e;
+
+.hljs-code, .hljs-selector-class {
+    color: #a6e22e;
 }
- .hljs-emphasis {
-     font-style: italic;
+
+.hljs-emphasis {
+    font-style: italic;
 }
- .hljs-keyword, .hljs-selector-tag, .hljs-section, .hljs-attribute, .hljs-name, .hljs-variable {
-     color: #cb7832;
+
+.hljs-keyword, .hljs-selector-tag, .hljs-section, .hljs-attribute, .hljs-name, .hljs-variable {
+    color: #cb7832;
 }
- .hljs-params {
-     color: #b9b9b9;
+
+.hljs-params {
+    color: #b9b9b9;
 }
- .hljs-string {
-     color: #6a8759;
+
+.hljs-string {
+    color: #6a8759;
 }
- .hljs-subst, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-symbol, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-template-tag, .hljs-template-variable, .hljs-addition {
-     color: #e0c46c;
+
+.hljs-subst, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-symbol, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-template-tag, .hljs-template-variable, .hljs-addition {
+    color: #e0c46c;
 }
- .hljs-comment, .hljs-deletion, .hljs-meta {
-     color: #7f7f7f;
+
+.hljs-comment, .hljs-deletion, .hljs-meta {
+    color: #7f7f7f;
 }
- .repository .ui.segment.sub-menu .list .item a {
-     color:#dbdbdb;
+
+.repository .ui.segment.sub-menu .list .item a {
+    color: #dbdbdb;
 }
- .ui.horizontal.segments > .segment {
-     background-color: #383c4a;
+
+.ui.horizontal.segments > .segment {
+    background-color: #383c4a;
 }
- body {
-     background: #383c4a;
-     color: #9e9e9e;
+
+body {
+    background: #383c4a;
+    color: #9e9e9e;
 }
- a {
-     color: #87ab63;
+
+a {
+    color: #87ab63;
 }
- a:hover {
-     color: #a0cc75;
+
+a:hover {
+    color: #a0cc75;
 }
- .ui.card>.extra a:not(.ui):hover, .ui.cards>.card>.extra a:not(.ui):hover {
-     color: #a0cc75;
+
+.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {
+    color: #a0cc75;
 }
- .ui.breadcrumb a:hover {
-     color: #a0cc75;
+
+.ui.breadcrumb a:hover {
+    color: #a0cc75;
 }
- .ui.breadcrumb a {
-     color: #87ab63;
+
+.ui.breadcrumb a {
+    color: #87ab63;
 }
- .repository .metas .ui.list a .text {
-     color: #87ab63;
+
+.repository .metas .ui.list a .text {
+    color: #87ab63;
 }
- .repository .metas .ui.list a .text:hover {
-     color: #a0cc75;
+
+.repository .metas .ui.list a .text:hover {
+    color: #a0cc75;
 }
- .repository .label.list .item a {
-     color: #87ab63;
+
+.repository .label.list .item a {
+    color: #87ab63;
 }
- .repository .label.list .item a:hover {
-     color: #a0cc75;
+
+.repository .label.list .item a:hover {
+    color: #a0cc75;
 }
- .repository .milestone.list > .item > a {
-     color: #87ab63;
+
+.repository .milestone.list > .item > a {
+    color: #87ab63;
 }
- .repository .milestone.list > .item > a:hover {
-     color: #a0cc75;
+
+.repository .milestone.list > .item > a:hover {
+    color: #a0cc75;
 }
- .repository.release #release-list {
-     border-top: 1px solid #4c505c;
+
+.repository.release #release-list {
+    border-top: 1px solid #4c505c;
 }
- .repository .milestone.list > .item .operate > a {
-     color: #87ab63;
+
+.repository .milestone.list > .item .operate > a {
+    color: #87ab63;
 }
- .repository .milestone.list > .item .operate > a:hover {
-     color: #a0cc75;
+
+.repository .milestone.list > .item .operate > a:hover {
+    color: #a0cc75;
 }
- .ui.green.progress .bar {
-     background-color: #668844;
+
+.ui.green.progress .bar {
+    background-color: #668844;
 }
- .ui.progress.success .bar {
-     background-color: #7b9e57!important;
+
+.ui.progress.success .bar {
+    background-color: #7b9e57 !important;
 }
- .following.bar.light {
-     background: #2e323e;
+
+.following.bar.light {
+    background: #2e323e;
 }
- .ui.secondary.menu .active.item {
-     color: #dbdbdb;
+
+.ui.secondary.menu .active.item {
+    color: #dbdbdb;
 }
- .ui.secondary.menu .item {
-     color: #9e9e9e;
+
+.ui.secondary.menu .item {
+    color: #9e9e9e;
 }
- .following.bar .top.menu a.item:hover {
-     color: #fff;
+
+.following.bar .top.menu a.item:hover {
+    color: #fff;
 }
- .repository.view.issue .comment-list .comment .content > .bottom.segment a {
-     border: solid 1px #353945;
-     background-color: #353945;
+
+.repository.view.issue .comment-list .comment .content > .bottom.segment a {
+    border: solid 1px #353945;
+    background-color: #353945;
 }
- .following.bar.light {
-     border-bottom: 1px solid #313131;
+
+.following.bar.light {
+    border-bottom: 1px solid #313131;
 }
- .ui.attached.header {
-     background: #404552;
-     border: 1px solid #404552;
-     color: #dbdbdb;
+
+.ui.attached.header {
+    background: #404552;
+    border: 1px solid #404552;
+    color: #dbdbdb;
 }
- .ui.attached.table {
-     border: 1px solid #304251;
-     background: #304251;
+
+.ui.attached.table {
+    border: 1px solid #304251;
+    background: #304251;
 }
- .feeds .list ul li:not(:last-child) {
-     border-bottom: 1px solid #333640;
+
+.feeds .list ul li:not(:last-child) {
+    border-bottom: 1px solid #333640;
 }
- .feeds .list ul li.private {
-     background: #353945;
-     border: 1px solid #333640;
+
+.feeds .list ul li.private {
+    background: #353945;
+    border: 1px solid #333640;
 }
- .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
-     color: #fff;
+
+.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
+    color: #fff;
 }
- .ui.menu .ui.dropdown .menu>.item {
-     background: #2c303a !important;
-     color: #9e9e9e !important;
+
+.ui.menu .ui.dropdown .menu > .item {
+    background: #2c303a !important;
+    color: #9e9e9e !important;
 }
- .ui.secondary.menu .dropdown.item>.menu, .ui.text.menu .dropdown.item>.menu {
-     border: 1px solid #434444;
+
+.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {
+    border: 1px solid #434444;
 }
- footer {
-     background: #2e323e;
-     border-top: 1px solid #313131;
+
+footer {
+    background: #2e323e;
+    border-top: 1px solid #313131;
 }
- .ui.menu .dropdown.item .menu {
-     background: #2c303a;
+
+.ui.menu .dropdown.item .menu {
+    background: #2c303a;
 }
- .ui.menu .ui.dropdown .menu>.item:hover, .ui.menu .ui.dropdown .menu>.selected.item {
-     color: #fff!important;
+
+.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item {
+    color: #fff !important;
 }
- .ui.dropdown .menu>.header {
-     color: #dbdbdb;
+
+.ui.dropdown .menu > .header {
+    color: #dbdbdb;
 }
- .ui.red.label, .ui.red.labels .label {
-     background-color: #7d3434!important;
-     border-color: #8a2121!important;
+
+.ui.red.label, .ui.red.labels .label {
+    background-color: #7d3434 !important;
+    border-color: #8a2121 !important;
 }
- .ui.menu {
-     background: #404552;
-     border: 1px solid #353945;
+
+.ui.menu {
+    background: #404552;
+    border: 1px solid #353945;
 }
- .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
-     color: #dbdbdb;
-     background: #4B5162;
+
+.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
+    color: #dbdbdb;
+    background: #4B5162;
 }
- .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
-     color: #dbdbdb;
-     background: #454b5a;
+
+.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
+    color: #dbdbdb;
+    background: #454b5a;
 }
- .ui.menu .active.item {
-     background: #4B5162;
-     color: #dbdbdb;
+
+.ui.menu .active.item {
+    background: #4B5162;
+    color: #dbdbdb;
 }
- .ui.input input {
-     background: #404552;
-     border: 2px solid #353945;
-     color: #dbdbdb;
+
+.ui.input input {
+    background: #404552;
+    border: 2px solid #353945;
+    color: #dbdbdb;
 }
- .ui.input input:focus, .ui.input.focus input {
-     background: #404552;
-     border: 2px solid #353945;
-     color: #dbdbdb;
+
+.ui.input input:focus, .ui.input.focus input {
+    background: #404552;
+    border: 2px solid #353945;
+    color: #dbdbdb;
 }
- .ui.accordion .title:not(.ui) {
-     color: #dbdbdb;
+
+.ui.accordion .title:not(.ui) {
+    color: #dbdbdb;
 }
- .ui.label {
-     color: #dbdbdb;
-     background-color: #404552;
+
+.ui.label {
+    color: #dbdbdb;
+    background-color: #404552;
 }
- .issue.list > .item .title {
-     color: #87ab63;
+
+.issue.list > .item .title {
+    color: #87ab63;
 }
- .issue.list > .item .title:hover {
-     color: #a0cc75;
+
+.issue.list > .item .title:hover {
+    color: #a0cc75;
 }
- .issue.list > .item {
-     border-bottom: 1px dashed #475767;
+
+.issue.list > .item {
+    border-bottom: 1px dashed #475767;
 }
- .ui.green.label, .ui.green.labels .label, .ui.basic.green.label {
-     background-color: #2d693b!important;
-     border-color: #2d693b!important;
+
+.ui.green.label, .ui.green.labels .label, .ui.basic.green.label {
+    background-color: #2d693b !important;
+    border-color: #2d693b !important;
 }
- .ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {
-     background-color: #16ab39 !important;
-     border-color: #16ab39 !important;
-     color: #fff !important;
+
+.ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {
+    background-color: #16ab39 !important;
+    border-color: #16ab39 !important;
+    color: #fff !important;
 }
- .issue.list > .item .comment {
-     color: #129c92;
+
+.issue.list > .item .comment {
+    color: #129c92;
 }
- .ui.basic.button, .ui.basic.buttons .button {
-     color: #797979!important;
+
+.ui.basic.button, .ui.basic.buttons .button {
+    color: #797979 !important;
 }
- .ui.basic.red.active.button, .ui.basic.red.buttons .active.button {
-     box-shadow: 0 0 0 1px #c75252 inset!important;
-     color: #c75252!important;
+
+.ui.basic.red.active.button, .ui.basic.red.buttons .active.button {
+    box-shadow: 0 0 0 1px #c75252 inset !important;
+    color: #c75252 !important;
 }
- .ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover {
-     background: transparent!important;
-     color: #dbdbdb!important;
+
+.ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover {
+    background: transparent !important;
+    color: #dbdbdb !important;
 }
- .ui.menu .item {
-     background: #404552;
-     color: #9e9e9e;
+
+.ui.menu .item {
+    background: #404552;
+    color: #9e9e9e;
 }
- .ui.menu .item.disabled, .ui.menu .item.disabled:hover {
-     color: #626773;
+
+.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
+    color: #626773;
 }
- .ui.pagination.menu .active.item {
-     color: #dbdbdb;
-     background-color: #87ab63;
+
+.ui.pagination.menu .active.item {
+    color: #dbdbdb;
+    background-color: #87ab63;
 }
- .repository .header-wrapper {
-     background-color: #2a2e3a;
+
+.repository .header-wrapper {
+    background-color: #2a2e3a;
 }
- .ui.tabular.menu .active.item {
-     background: #383c4a;
-     color: #dbdbdb;
-     border-left: 1px solid transparent;
-     border-right: 1px solid transparent;
-     border-top: none;
+
+.ui.tabular.menu .active.item {
+    background: #383c4a;
+    color: #dbdbdb;
+    border-left: 1px solid transparent;
+    border-right: 1px solid transparent;
+    border-top: none;
 }
- .ui.tabular.menu .item {
-     color: #9e9e9e;
+
+.ui.tabular.menu .item {
+    color: #9e9e9e;
 }
- .ui.tabular.menu .item:hover {
-     color: #dbdbdb;
+
+.ui.tabular.menu .item:hover {
+    color: #dbdbdb;
 }
- .ui.header, .ui.breadcrumb .divider {
-     color: #9e9e9e;
+
+.ui.header, .ui.breadcrumb .divider {
+    color: #9e9e9e;
 }
- .ui.blue.label, .ui.blue.labels .label {
-     background-color: #26577b!important;
-     border-color: #26577b!important;
+
+.ui.blue.label, .ui.blue.labels .label {
+    background-color: #26577b !important;
+    border-color: #26577b !important;
 }
- .ui.menu .item>.label {
-     background: #565454;
+
+.ui.menu .item > .label {
+    background: #565454;
 }
- .ui.blue.button, .ui.blue.buttons .button {
-     background-color: #87ab63;
+
+.ui.blue.button, .ui.blue.buttons .button {
+    background-color: #87ab63;
 }
- .ui.blue.button:hover, .ui.blue.buttons .button:hover {
-     background-color: #a0cc75;
+
+.ui.blue.button:hover, .ui.blue.buttons .button:hover {
+    background-color: #a0cc75;
 }
- .ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
-     background: #404552;
-     border: 2px solid #353945;
+
+.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
+    background: #404552;
+    border: 2px solid #353945;
 }
- .ui.form input:not([type]):focus, .ui.form input[type=text]:focus, .ui.form input[type=email]:focus, .ui.form input[type=search]:focus, .ui.form input[type=password]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=number]:focus {
-     background: #404552;
-     border: 2px solid #4b505f;
-     color: #dbdbdb;
+
+.ui.form input:not([type]):focus, .ui.form input[type=text]:focus, .ui.form input[type=email]:focus, .ui.form input[type=search]:focus, .ui.form input[type=password]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=number]:focus {
+    background: #404552;
+    border: 2px solid #4b505f;
+    color: #dbdbdb;
 }
- .ui.action.input:not([class*="left action"]) input:focus {
-     border-right-color: #4b505f!important;
+
+.ui.action.input:not([class*="left action"]) input:focus {
+    border-right-color: #4b505f !important;
 }
- .ui.green.button, .ui.green.buttons .button {
-     background-color: #87ab63;
+
+.ui.green.button, .ui.green.buttons .button {
+    background-color: #87ab63;
 }
- .ui.green.button:hover, .ui.green.buttons .button:hover {
-     background-color: #a0cc75;
+
+.ui.green.button:hover, .ui.green.buttons .button:hover {
+    background-color: #a0cc75;
 }
- .ui.button {
-     background: #383c4a;
-     border: 1px solid #4c505c;
-     color: #dbdbdb;
+
+.ui.button {
+    background: #383c4a;
+    border: 1px solid #4c505c;
+    color: #dbdbdb;
 }
- .ui.labeled.button:not([class*="left labeled"])>.label, .ui[class*="left labeled"].button>.button {
-     background: #404552;
-     border: 1px solid #4c505c;
-     color: #87ab63;
+
+.ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button {
+    background: #404552;
+    border: 1px solid #4c505c;
+    color: #87ab63;
 }
- .ui.button:hover {
-     background-color: #404552;
-     color: #dbdbdb;
+
+.ui.button:hover {
+    background-color: #404552;
+    color: #dbdbdb;
 }
- .ui.table thead th {
-     background: #404552;
-     color: #dbdbdb;
+
+.ui.table thead th {
+    background: #404552;
+    color: #dbdbdb;
 }
- .repository.file.list #repo-files-table tr:hover {
-     background-color: #393d4a;
+
+.repository.file.list #repo-files-table tr:hover {
+    background-color: #393d4a;
 }
- .ui.table {
-     color: #a5a5a5!important;
-     border: 1px solid #4c505c;
-     background: #353945;
+
+.ui.table {
+    color: #a5a5a5 !important;
+    border: 1px solid #4c505c;
+    background: #353945;
 }
- .ui.table tbody tr {
-     border-bottom: 1px solid #333640;
-     background: #2a2e3a;
+
+.ui.table tbody tr {
+    border-bottom: 1px solid #333640;
+    background: #2a2e3a;
 }
- .ui .text.grey {
-     color: #808084 !important;
+
+.ui .text.grey {
+    color: #808084 !important;
 }
- .ui.attached.table.segment {
-     background: #353945;
-     color: #dbdbdb!important;
+
+.ui.attached.table.segment {
+    background: #353945;
+    color: #dbdbdb !important;
 }
- .markdown:not(code) h2 {
-     border-bottom: 1px solid #304251;
+
+.markdown:not(code) h2 {
+    border-bottom: 1px solid #304251;
 }
- .hljs, .hljs-keyword, .hljs-selector-tag, .hljs-subst {
-     color: #9daccc;
+
+.hljs, .hljs-keyword, .hljs-selector-tag, .hljs-subst {
+    color: #9daccc;
 }
- .markdown:not(code) .highlight pre, .markdown:not(code) pre {
-     background-color: #2a2e3a;
-     border: 1px solid #404552;
+
+.markdown:not(code) .highlight pre, .markdown:not(code) pre {
+    background-color: #2a2e3a;
+    border: 1px solid #404552;
 }
- .markdown:not(code) table tr:nth-child(2n) {
-     background-color: #474d61;
+
+.markdown:not(code) table tr:nth-child(2n) {
+    background-color: #474d61;
 }
- .ui.dropdown .menu {
-     background: #2c303a;
+
+.ui.dropdown .menu {
+    background: #2c303a;
 }
- .ui.dropdown .menu>.message:not(.ui) {
-     color: rgb(99, 99, 99);
+
+.ui.dropdown .menu > .message:not(.ui) {
+    color: rgb(99, 99, 99);
 }
- .ui.input {
-     color: #dbdbdb;
+
+.ui.input {
+    color: #dbdbdb;
 }
- .overflow.menu .items .item {
-     color: #9d9d9d;
+
+.overflow.menu .items .item {
+    color: #9d9d9d;
 }
- .overflow.menu .items .item:hover {
-     color: #dbdbdb;
+
+.overflow.menu .items .item:hover {
+    color: #dbdbdb;
 }
- .ui.segment {
-     background: #353945;
-     color: #9e9e9e!important;
-     border: 1px solid #404552;
+
+.ui.segment {
+    background: #353945;
+    color: #9e9e9e !important;
+    border: 1px solid #404552;
 }
- .ui.active.button:active, .ui.button:active, .ui.button:focus {
-     background-color: #2e3e4e;
-     color: #dbdbdb;
+
+.ui.active.button:active, .ui.button:active, .ui.button:focus {
+    background-color: #2e3e4e;
+    color: #dbdbdb;
 }
- .ui.dropdown .menu .selected.item, .ui.dropdown.selected {
-     color: #dbdbdb;
+
+.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
+    color: #dbdbdb;
 }
- .ui.dropdown .menu>.item:hover {
-     color: #dbdbdb;
+
+.ui.dropdown .menu > .item:hover {
+    color: #dbdbdb;
 }
- .ui.dropdown .menu>.item {
-     color: #9e9e9e;
+
+.ui.dropdown .menu > .item {
+    color: #9e9e9e;
 }
- .ui.attached.segment {
-     border: 1px solid #404552;
+
+.ui.attached.segment {
+    border: 1px solid #404552;
 }
- .repository.view.issue .comment-list .comment .content > .bottom.segment {
-     background: #353945;
+
+.repository.view.issue .comment-list .comment .content > .bottom.segment {
+    background: #353945;
 }
- .repository.view.issue .comment-list .comment .content .header {
-     color: #dbdbdb;
-     background-color: #404552;
-     border-bottom: 1px solid #353944;
+
+.repository.view.issue .comment-list .comment .content .header {
+    color: #dbdbdb;
+    background-color: #404552;
+    border-bottom: 1px solid #353944;
 }
- .ui .text.grey a {
-     color: #b3b3b3 !important;
+
+.ui .text.grey a {
+    color: #b3b3b3 !important;
 }
- .ui.comments .comment .actions a {
-     color: #dbdbdb;
+
+.ui.comments .comment .actions a {
+    color: #dbdbdb;
 }
- .repository.view.issue .comment-list .comment .content .header:after {
-     border-right-color: #404552;
+
+.repository.view.issue .comment-list .comment .content .header:after {
+    border-right-color: #404552;
 }
- .repository.new.issue .comment.form .content:after {
-     border-right-color: #353945;
+
+.repository.new.issue .comment.form .content:after {
+    border-right-color: #353945;
 }
- .repository.view.issue .comment-list .comment .content .header:before {
-     border-right-color: #404552;
+
+.repository.view.issue .comment-list .comment .content .header:before {
+    border-right-color: #404552;
 }
- .repository.new.issue .comment.form .content:before {
-     border-right-color: #353945;
+
+.repository.new.issue .comment.form .content:before {
+    border-right-color: #353945;
 }
- .repository.view.issue .comment-list:before {
-     background-color: #313c47;
+
+.repository.view.issue .comment-list:before {
+    background-color: #313c47;
 }
- .repository .comment.form .content .form:after {
-     border-right-color: #313c47;
+
+.repository .comment.form .content .form:after {
+    border-right-color: #313c47;
 }
- .repository .comment.form .content .form:before {
-     border-right-color: #313c47;
+
+.repository .comment.form .content .form:before {
+    border-right-color: #313c47;
 }
- .ui .text.grey a {
-     color: #dbdbdb !important;
+
+.ui .text.grey a {
+    color: #dbdbdb !important;
 }
- .ui .text.grey a:hover {
-     color: #dbdbdb !important;
+
+.ui .text.grey a:hover {
+    color: #dbdbdb !important;
 }
- .ui.basic.green.active.button, .ui.basic.green.buttons .active.button {
-     color: #13ae38!important;
+
+.ui.basic.green.active.button, .ui.basic.green.buttons .active.button {
+    color: #13ae38 !important;
 }
- .ui.form textarea, .ui.form textarea:focus {
-     background: #1a2632;
-     border: 1px solid #313c47;
-     color: #dbdbdb;
+
+.ui.form textarea, .ui.form textarea:focus {
+    background: #1a2632;
+    border: 1px solid #313c47;
+    color: #dbdbdb;
 }
- .ui.form textarea:focus {
-     border: 1px solid #456580;
+
+.ui.form textarea:focus {
+    border: 1px solid #456580;
 }
- .ui .info.segment.top {
-     background-color: #404552 !important;
+
+.ui .info.segment.top {
+    background-color: #404552 !important;
 }
- .repository .diff-file-box .code-diff-unified tbody tr.del-code td {
-     background-color: #3c2626 !important;
-     border-color: #634343 !important;
+
+.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
+    background-color: #3c2626 !important;
+    border-color: #634343 !important;
 }
- .repository .diff-file-box .code-diff-unified tbody tr.add-code td {
-     background-color: rgb(40, 62, 45) !important;
-     border-color: #314a37 !important;
+
+.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
+    background-color: rgb(40, 62, 45) !important;
+    border-color: #314a37 !important;
 }
- .repository .diff-file-box .code-diff tbody tr .added-code {
-     background-color: #3a523a;
+
+.repository .diff-file-box .code-diff tbody tr .added-code {
+    background-color: #3a523a;
 }
- .repository .diff-file-box .code-diff .lines-num {
-     border-right: 1px solid #2d2d2d;
+
+.repository .diff-file-box .code-diff .lines-num {
+    border-right: 1px solid #2d2d2d;
 }
- .repository .diff-file-box .file-body.file-code .lines-num {
-     color: #9e9e9e;
-     background: #2e323e;
+
+.repository .diff-file-box .file-body.file-code .lines-num {
+    color: #9e9e9e;
+    background: #2e323e;
 }
- .repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
-     border-color: #2d2d2d !important;
+
+.repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
+    border-color: #2d2d2d !important;
 }
- .repository .diff-file-box .file-body.file-code .lines-num-old {
-     border-right: 1px solid #2d2d2d;
+
+.repository .diff-file-box .file-body.file-code .lines-num-old {
+    border-right: 1px solid #2d2d2d;
 }
- .hljs-title, .hljs-section, .hljs-selector-id {
-     color: #986c88;
+
+.hljs-title, .hljs-section, .hljs-selector-id {
+    color: #986c88;
 }
- .hljs-string, .hljs-doctag {
-     color: #949494;
+
+.hljs-string, .hljs-doctag {
+    color: #949494;
 }
- .repository .diff-file-box .code-diff tbody tr .removed-code {
-     background-color: #5f3737;
+
+.repository .diff-file-box .code-diff tbody tr .removed-code {
+    background-color: #5f3737;
 }
- .repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
-     background-color: #292727 !important;
+
+.repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
+    background-color: #292727 !important;
 }
- .ui.vertical.menu .active.item {
-     background: #4B5162;
+
+.ui.vertical.menu .active.item {
+    background: #4B5162;
 }
- .ui.vertical.menu .item {
-     background: #353945;
+
+.ui.vertical.menu .item {
+    background: #353945;
 }
- .ui.vertical.menu .header.item {
-     background: #404552;
+
+.ui.vertical.menu .header.item {
+    background: #404552;
 }
- .ui.vertical.menu {
-     background: #353945;
-     border: 1px solid #333640;
+
+.ui.vertical.menu {
+    background: #353945;
+    border: 1px solid #333640;
 }
- .ui.repository.list .item:not(:first-child) {
-     border-top: 1px solid #4c505c;
+
+.ui.repository.list .item:not(:first-child) {
+    border-top: 1px solid #4c505c;
 }
- .ui .text.blue {
-     color: #87ab63 !important;
+
+.ui .text.blue {
+    color: #87ab63 !important;
 }
- .ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
-     border-color: #4e5361;
-     box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
+
+.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
+    border-color: #4e5361;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
 }
- .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
-     border-color: #4e5361;
-     box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
+
+.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
+    border-color: #4e5361;
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
 }
- .ui.selection.dropdown {
-     background: #404552;
-     border: 1px solid rgb(64, 69, 82);
-     color: #9e9e9e;
+
+.ui.selection.dropdown {
+    background: #404552;
+    border: 1px solid rgb(64, 69, 82);
+    color: #9e9e9e;
 }
- .ui.menu .ui.dropdown .menu>.active.item {
-     color: #dbdbdb !important;
+
+.ui.menu .ui.dropdown .menu > .active.item {
+    color: #dbdbdb !important;
 }
- .ui.tabular.menu {
-     border-bottom: 1px solid #313c47;
+
+.ui.tabular.menu {
+    border-bottom: 1px solid #313c47;
 }
- .ui.card, .ui.cards>.card {
-     background: #353945;
-     box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
+
+.ui.card, .ui.cards > .card {
+    background: #353945;
+    box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
 }
- .ui.card>.content>.header, .ui.cards>.card>.content>.header {
-     color: #dbdbdb;
+
+.ui.card > .content > .header, .ui.cards > .card > .content > .header {
+    color: #dbdbdb;
 }
- .ui.card>.extra a:not(.ui), .ui.cards>.card>.extra a:not(.ui) {
-     color: #87ab63;
+
+.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {
+    color: #87ab63;
 }
- .ui .text.black {
-     color: #9e9e9e;
+
+.ui .text.black {
+    color: #9e9e9e;
 }
- .ui .text.black:hover {
-     color: #dbdbdb;
+
+.ui .text.black:hover {
+    color: #dbdbdb;
 }
- .ui.secondary.segment {
-     background: #353945;
+
+.ui.secondary.segment {
+    background: #353945;
 }
- .ui.secondary.pointing.menu .active.item {
-     border-color: #87ab63;
-     color: #dbdbdb;
-     background: #404552;
+
+.ui.secondary.pointing.menu .active.item {
+    border-color: #87ab63;
+    color: #dbdbdb;
+    background: #404552;
 }
- .ui.user.list .item:not(:first-child) {
-     border-top: 1px solid #4c505c;
+
+.ui.user.list .item:not(:first-child) {
+    border-top: 1px solid #4c505c;
 }
- .ui.secondary.pointing.menu .active.item:hover {
-     border-color: #af8b4c;
-     color: #dbdbdb;
-     background: #4b5162;
+
+.ui.secondary.pointing.menu .active.item:hover {
+    border-color: #af8b4c;
+    color: #dbdbdb;
+    background: #4b5162;
 }
- .ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
-     color: #dbdbdb;
+
+.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
+    color: #dbdbdb;
 }
- .ui.checkbox label, .ui.checkbox+label, .ui.form .field>label {
-     color: #9e9e9e;
+
+.ui.checkbox label, .ui.checkbox + label, .ui.form .field > label {
+    color: #9e9e9e;
 }
- .ui.form .inline.field>label, .ui.form .inline.field>p, .ui.form .inline.fields .field>label, .ui.form .inline.fields .field>p, .ui.form .inline.fields>label {
-     color: #9e9e9e;
+
+.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
+    color: #9e9e9e;
 }
- .user.settings .email.list .item:not(:first-child) {
-     border-top: 1px solid #3f4451;
+
+.user.settings .email.list .item:not(:first-child) {
+    border-top: 1px solid #3f4451;
 }
- .explore .navbar {
-     background-color: #2a2e3a!important;
+
+.explore .navbar {
+    background-color: #2a2e3a !important;
 }
- .ui.menu.new-menu {
-     background-color: #2a2e3a!important;
-     @media only screen and (max-width: 1200px) {
-         &:after {
-             background-image: linear-gradient(to right, rgba(42, 46, 42, 0), rgba(42, 46, 42, 1) 100%);
-         }
-     }
+
+.ui.menu.new-menu {
+    background-color: #2a2e3a !important;
+    @media only screen and (max-width: 1200px) {
+        &:after {
+            background-image: linear-gradient(to right, rgba(42, 46, 42, 0), rgba(42, 46, 42, 1) 100%);
+        }
+    }
 }
- input {
-     background: #2e323e;
+
+input {
+    background: #2e323e;
 }
- .ui.secondary.pointing.menu .active.item {
-     border: none;
-     background: #383c4a;
+
+.ui.secondary.pointing.menu .active.item {
+    border: none;
+    background: #383c4a;
 }
- .settings .key.list .item:not(:first-child) {
-     border-top: 1px solid #404552;
+
+.settings .key.list .item:not(:first-child) {
+    border-top: 1px solid #404552;
 }
- .ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
-     color: #9e9e9e;
+
+.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
+    color: #9e9e9e;
 }
- .ui.attached.info.message, .ui.info.message {
-     box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
+
+.ui.attached.info.message, .ui.info.message {
+    box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
 }
- .ui.bottom.attached.message {
-     background-color: #2c662d;
-     color: #87ab63;
+
+.ui.bottom.attached.message {
+    background-color: #2c662d;
+    color: #87ab63;
 }
+
 .ui.bottom.attached.message .pull-right {
     color: #87ab63;
 }
- .ui.info.message {
-     background-color: #2c3b4a;
-     color: #9ebcc5;
+
+.ui.info.message {
+    background-color: #2c3b4a;
+    color: #9ebcc5;
 }
- .CodeMirror div.CodeMirror-cursor {
-     border-left: 1px solid #9e9e9e;
+
+.CodeMirror div.CodeMirror-cursor {
+    border-left: 1px solid #9e9e9e;
 }
- .ui .warning.header {
-     background-color: #5d3a22 !important;
-     border-color: #794f31;
+
+.ui .warning.header {
+    background-color: #5d3a22 !important;
+    border-color: #794f31;
 }
- .ui.red.message {
-     background-color: rgba(80, 23, 17, 0.6);
-     color: #f9cbcb;
-     box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
+
+.ui.red.message {
+    background-color: rgba(80, 23, 17, 0.6);
+    color: #f9cbcb;
+    box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
 }
- .ui.red.button, .ui.red.buttons .button {
-     background-color: #7d3434;
+
+.ui.red.button, .ui.red.buttons .button {
+    background-color: #7d3434;
 }
- .ui.red.button:hover, .ui.red.buttons .button:hover {
-     background-color: #984646;
+
+.ui.red.button:hover, .ui.red.buttons .button:hover {
+    background-color: #984646;
 }
- .ui.checkbox label:hover, .ui.checkbox+label:hover {
-     color: #dbdbdb !important;
+
+.ui.checkbox label:hover, .ui.checkbox + label:hover {
+    color: #dbdbdb !important;
 }
- .ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
-     color: rgb(127, 152, 173);
+
+.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
+    color: rgb(127, 152, 173);
 }
- .ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
-     background: #304251;
+
+.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
+    background: #304251;
 }
- .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
-     background: #304251;
+
+.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
+    background: #304251;
 }
- .ui.checkbox .box:before, .ui.checkbox label:before {
-     background: #304251;
-     border: 1px solid #304251;
+
+.ui.checkbox .box:before, .ui.checkbox label:before {
+    background: #304251;
+    border: 1px solid #304251;
 }
- .ui.checkbox .box:active::before, .ui.checkbox label:active::before {
-     background: #304251;
-     border-color: rgba(34,36,38,.35);
+
+.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
+    background: #304251;
+    border-color: rgba(34, 36, 38, .35);
 }
- .ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
-     border-color: #304251;
-     background: #304251;
+
+.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
+    border-color: #304251;
+    background: #304251;
 }
- .ui.checkbox input:focus~.box:before, .ui.checkbox input:focus~label:before {
-     border-color: #304251;
-     background: #304251;
+
+.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
+    border-color: #304251;
+    background: #304251;
 }
- .ui.checkbox input:checked:focus~.box:before, .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
-     border-color: #304251;
-     background: #304251;
+
+.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
+    border-color: #304251;
+    background: #304251;
 }
- .ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
-     opacity: 1;
-     color: rgb(127, 152, 173);
+
+.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
+    opacity: 1;
+    color: rgb(127, 152, 173);
 }
- .ui.checkbox input:checked:focus~.box:after, .ui.checkbox input:checked:focus~label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
-     color: rgb(127, 152, 173);
+
+.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
+    color: rgb(127, 152, 173);
 }
- .ui.checkbox input:focus~.box:after, .ui.checkbox input:focus~label, .ui.checkbox input:focus~label:after {
-     color: #9a9a9a;
+
+.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label, .ui.checkbox input:focus ~ label:after {
+    color: #9a9a9a;
 }
- .ui.selection.dropdown:hover {
-     border-color: rgba(34,36,38,.35);
-     border: 1px solid #456580;
+
+.ui.selection.dropdown:hover {
+    border: 1px solid #456580;
 }
- .ui.selection.dropdown .menu>.item {
-     border-top: 1px solid #313c47;
+
+.ui.selection.dropdown .menu > .item {
+    border-top: 1px solid #313c47;
 }
- .ui.selection.visible.dropdown>.text:not(.default) {
-     color: #9e9e9e;
+
+.ui.selection.visible.dropdown > .text:not(.default) {
+    color: #9e9e9e;
 }
- .ui.negative.message {
-     background-color: rgba(80, 23, 17, 0.6);
-     color: #f9cbcb;
-     box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
+
+.ui.negative.message {
+    background-color: rgba(80, 23, 17, 0.6);
+    color: #f9cbcb;
+    box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
 }
- .hljs-tag, .hljs-name, .hljs-attribute {
-     color: #ef5e77;
+
+.hljs-tag, .hljs-name, .hljs-attribute {
+    color: #ef5e77;
 }
- .user.profile .ui.card .extra.content ul li:not(:last-child) {
-     border-bottom: 1px solid #4c505c;
+
+.user.profile .ui.card .extra.content ul li:not(:last-child) {
+    border-bottom: 1px solid #4c505c;
 }
- .ui.form textarea, .ui.form textarea:focus {
-     background: #404552;
-     border: 2px solid #353945;
+
+.ui.form textarea, .ui.form textarea:focus {
+    background: #404552;
+    border: 2px solid #353945;
 }
- .hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
-     color: #bd84bf;
+
+.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
+    color: #bd84bf;
 }
- .hljs-string, .hljs-doctag {
-     color: #8ab398;
+
+.hljs-string, .hljs-doctag {
+    color: #8ab398;
 }
- .ui.form .dropzone {
-     border: 2px dashed #4c505c;
+
+.ui.form .dropzone {
+    border: 2px dashed #4c505c;
 }
- .ui.basic.red.button, .ui.basic.red.buttons .button {
-     box-shadow: 0 0 0 1px #a04141 inset!important;
-     color: #a04141!important;
+
+.ui.basic.red.button, .ui.basic.red.buttons .button {
+    box-shadow: 0 0 0 1px #a04141 inset !important;
+    color: #a04141 !important;
 }
- .ui.list .list>.item .header, .ui.list>.item .header {
-     color: #dedede;
+
+.ui.list .list > .item .header, .ui.list > .item .header {
+    color: #dedede;
 }
- .ui.list .list>.item .description, .ui.list>.item .description {
-     color: #9e9e9e;
+
+.ui.list .list > .item .description, .ui.list > .item .description {
+    color: #9e9e9e;
 }
- .ui.user.list .item .description a {
-     color: #668cb1;
+
+.ui.user.list .item .description a {
+    color: #668cb1;
 }
- .repository.file.list #file-content .code-view .lines-num {
-     background: #2e323e;
+
+.repository.file.list #file-content .code-view .lines-num {
+    background: #2e323e;
 }
- .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
-     color: #7c9b5e;
+
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+    color: #7c9b5e;
 }
- .ui.blue.button:focus, .ui.blue.buttons .button:focus {
-     background-color: #87ab63;
+
+.ui.blue.button:focus, .ui.blue.buttons .button:focus {
+    background-color: #87ab63;
 }
- .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover {
-     box-shadow: 0 0 0 1px #87ab63 inset!important;
-     color: #87ab63!important;
+
+.ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover {
+    box-shadow: 0 0 0 1px #87ab63 inset !important;
+    color: #87ab63 !important;
 }
- .ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus {
-     box-shadow: 0 0 0 1px #87ab63 inset!important;
-     color: #87ab63!important;
+
+.ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus {
+    box-shadow: 0 0 0 1px #87ab63 inset !important;
+    color: #87ab63 !important;
 }
- .repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs {
-     background-color: #2a2e3a;
+
+.repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs {
+    background-color: #2a2e3a;
 }
- a.ui.label:hover, a.ui.labels .label:hover {
-     background-color: #505667;
-     color: rgb(219, 219, 219);
+
+a.ui.label:hover, a.ui.labels .label:hover {
+    background-color: #505667;
+    color: rgb(219, 219, 219);
 }
- .repository .label.list .item {
-     border-bottom: 1px dashed #4c505c;
+
+.repository .label.list .item {
+    border-bottom: 1px dashed #4c505c;
 }
- .repository.file.list #file-content .code-view .lines-num {
-     background: #2e323e;
+
+.repository.file.list #file-content .code-view .lines-num {
+    background: #2e323e;
 }
- .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
-     color: #7c9b5e;
+
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+    color: #7c9b5e;
 }
- .ui.basic.blue.button, .ui.basic.blue.buttons .button {
-     box-shadow: 0 0 0 1px #a27558 inset !important;
-     color: #a27558 !important;
+
+.ui.basic.blue.button, .ui.basic.blue.buttons .button {
+    box-shadow: 0 0 0 1px #a27558 inset !important;
+    color: #a27558 !important;
 }
- .repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs {
-     background-color: #2a2e3a;
+
+.repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs {
+    background-color: #2a2e3a;
 }
- a.ui.label:hover, a.ui.labels .label:hover {
-     background-color: #505667;
-     color: rgb(219, 219, 219);
+
+a.ui.label:hover, a.ui.labels .label:hover {
+    background-color: #505667;
+    color: rgb(219, 219, 219);
 }
- .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) {
-     background-color: #2a2e3a;
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) {
+    background-color: #2a2e3a;
 }
- .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), .repository .diff-file-box .code-diff-split tbody tr td.add-code {
-     background-color: #283e2d !important;
-     border-color: #314a37 !important;
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), .repository .diff-file-box .code-diff-split tbody tr td.add-code {
+    background-color: #283e2d !important;
+    border-color: #314a37 !important;
 }
- .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr td.del-code {
-     background-color: #3c2626 !important;
-     border-color: #634343 !important;
+
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr td.del-code {
+    background-color: #3c2626 !important;
+    border-color: #634343 !important;
 }
- .ui.blue.button:focus, .ui.blue.buttons .button:focus {
-     background-color: #a27558;
+
+.ui.blue.button:focus, .ui.blue.buttons .button:focus {
+    background-color: #a27558;
 }
- .ui.blue.button:active, .ui.blue.buttons .button:active {
-     background-color: #a27558;
+
+.ui.blue.button:active, .ui.blue.buttons .button:active {
+    background-color: #a27558;
 }
- #git-graph-container li a {
-     color: #c79575;
+
+#git-graph-container li a {
+    color: #c79575;
 }
- #git-graph-container li .author {
-     color: #c79575;
+
+#git-graph-container li .author {
+    color: #c79575;
 }
- .ui.header .sub.header {
-     color: #9e9e9e;
+
+.ui.header .sub.header {
+    color: #9e9e9e;
 }
- .ui.dividing.header {
-     border-bottom: 1px solid #4c505c;
+
+.ui.dividing.header {
+    border-bottom: 1px solid #4c505c;
 }
- .ui.modal>.header {
-     background: #404552;
-     color: #dbdbdb;
+
+.ui.modal > .header {
+    background: #404552;
+    color: #dbdbdb;
 }
- .ui.modal>.actions {
-     background: #404552;
-     border-top: 1px solid #404552;
+
+.ui.modal > .actions {
+    background: #404552;
+    border-top: 1px solid #404552;
 }
- .ui.modal>.content {
-     background: #383c4a;
+
+.ui.modal > .content {
+    background: #383c4a;
 }
- .ui.basic.blue.button, .ui.basic.blue.buttons .button {
-     box-shadow: 0 0 0 1px #87ab63 inset!important;
-     color: #87ab63!important;
+
+.ui.basic.blue.button, .ui.basic.blue.buttons .button {
+    box-shadow: 0 0 0 1px #87ab63 inset !important;
+    color: #87ab63 !important;
 }
- .editor-toolbar {
-     background-color: #404552;
-     a {
-          color: #87ab63 !important;
-     }
+
+.editor-toolbar {
+    background-color: #404552;
+
+    a {
+        color: #87ab63 !important;
+    }
 }
- .CodeMirror {
-     color: #9daccc;
-     background-color: #2b2b2b;
-     border-top: none;
+
+.CodeMirror {
+    color: #9daccc;
+    background-color: #2b2b2b;
+    border-top: none;
 }
- .CodeMirror-gutters{
-     background-color: #2b2b2b;
+
+.CodeMirror-gutters {
+    background-color: #2b2b2b;
 }
 
 .repository .diff-detail-box {
     background-color: #383c4a;
+
     .detail-files {
         background-color: inherit;
     }
@@ -801,6 +1029,7 @@
         background: none transparent;
         border: none;
     }
+
     .footer .markdown-info {
         color: inherit;
     }
@@ -814,9 +1043,11 @@
     .author {
         color: #dbdbdb;
     }
+
     .metadata {
         color: #808084;
     }
+
     .text {
         color: #9e9e9e;
     }