[GinR] Repatriated gin mods to less

Dockerfile

@@ -8,7 +8,7 @@ RUN apt-get update &&                                   \
                        git git-annex openssh-server     \
                        python-pip python-setuptools     \
                        socat tzdata patch    \
-                       libpam0g-dev \
+                       libpam0g-dev node-less \
     && rm -rf /var/lib/apt/lists/*
 
 RUN pip install supervisor pyyaml

Makefile

@@ -58,6 +58,11 @@ bindata: pkg/bindata/bindata.go
 pkg/bindata/bindata.go: $(DATA_FILES)
 	go-bindata -o=$@ -ignore="\\.DS_Store|README.md|TRANSLATORS" -pkg=bindata conf/...
 
+less: public/css/gogs.css
+
+public/css/gogs.css: $(LESS_FILES)
+	lessc $< $@
+
 clean:
 	go clean -i ./...
 

public/css/gogs.css

@@ -25,7 +25,6 @@ h5,
 .ui.button:not(.label) {
   font-family: "PingFang SC", 'Hiragino Sans GB', "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
 }
-
 img {
   border-radius: 3px;
 }
@@ -2363,11 +2362,6 @@ footer .ui.language .menu {
 .repository.settings.collaboration #repo-collab-form #search-user-box .results {
   left: 7px;
 }
-
-.ui.segment.results.hide {
-  z-index: 1000;
-}
-
 .repository.settings.collaboration #repo-collab-form .ui.button {
   margin-left: 5px;
   margin-top: -3px;
@@ -3191,31 +3185,69 @@ footer .ui.language .menu {
 .ui.user.list .item .description a:hover {
   text-decoration: underline;
 }
-
-.ginsubtitle{
+.ginsubtitle {
+  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
+  font-size: 16px;
+}
+.bmbf {
+  width: 80px;
+}
+.supersmall {
+  padding-left: 10px;
+  font-size: 0.8em;
+  text-align: left;
+}
+.leftspace {
+  padding-left: 40px;
+}
+.gogssmall {
+  height: 40px;
+  align-content: center;
+}
+figure {
+  float: right;
+  max-width: 600px;
+}
+figure img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+figure figcaption {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  font-style: italic;
+  text-align: justify;
+}
+#cloudberry-view {
+  margin-top: 14px;
+}
+.ui.codetab {
+  padding: 0;
+}
+#file-buttons {
+  padding-right: 5px;
+}
+.ginsubtitle {
   font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
   font-size: 16px;
 }
-
 .bmbf {
   width: 80px;
 }
-
 .supersmall {
   padding-left: 10px;
   font-size: 0.8em;
   text-align: left;
 }
-
 .leftspace {
   padding-left: 40px;
 }
-
 .gogssmall {
   height: 40px;
   align-content: center;
 }
-
 figure {
   float: right;
   max-width: 600px;
@@ -3225,7 +3257,6 @@ figure img {
   margin-left: auto;
   margin-right: auto;
 }
-
 figure figcaption {
   display: block;
   margin-left: auto;
@@ -3233,15 +3264,15 @@ figure figcaption {
   font-style: italic;
   text-align: justify;
 }
-
 #cloudberry-view {
   margin-top: 14px;
 }
-
-.ui.codetab{
+.ui.codetab {
   padding: 0;
 }
-
 #file-buttons {
   padding-right: 5px;
 }
+.ui.segment.results.hide {
+  z-index: 1000;
+}

public/less/_base.less

@@ -155,16 +155,16 @@ pre, code {
 
 	.text {
 		&.red {
-			color: #d95c5c !important;
+			color: #2854a4 !important;
 			a {
-				color: #d95c5c !important;
+				color: #2854a4 !important;
 				&:hover {
-					color: #E67777 !important;
+					color: #428bca !important;
 				}
 			}
 		}
 		&.blue {
-			color: #428bca !important;
+			color: #2854a4 !important;
 			a {
 				color: #15c !important;
 				&:hover {

public/less/_gin.less

@@ -0,0 +1,111 @@
+.ginsubtitle{
+  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
+  font-size: 16px;
+}
+
+.bmbf {
+  width: 80px;
+}
+
+.supersmall {
+  padding-left: 10px;
+  font-size: 0.8em;
+  text-align: left;
+}
+
+.leftspace {
+  padding-left: 40px;
+}
+
+.gogssmall {
+  height: 40px;
+  align-content: center;
+}
+
+figure {
+  float: right;
+  max-width: 600px;
+}
+figure img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+figure figcaption {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  font-style: italic;
+  text-align: justify;
+}
+
+#cloudberry-view {
+  margin-top: 14px;
+}
+
+.ui.codetab{
+  padding: 0;
+}
+
+#file-buttons {
+  padding-right: 5px;
+}
+
+.ginsubtitle{
+  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
+  font-size: 16px;
+}
+
+.bmbf {
+  width: 80px;
+}
+
+.supersmall {
+  padding-left: 10px;
+  font-size: 0.8em;
+  text-align: left;
+}
+
+.leftspace {
+  padding-left: 40px;
+}
+
+.gogssmall {
+  height: 40px;
+  align-content: center;
+}
+
+figure {
+  float: right;
+  max-width: 600px;
+}
+figure img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+figure figcaption {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  font-style: italic;
+  text-align: justify;
+}
+
+#cloudberry-view {
+  margin-top: 14px;
+}
+
+.ui.codetab{
+  padding: 0;
+}
+
+#file-buttons {
+  padding-right: 5px;
+}
+
+.ui.segment.results.hide {
+  z-index: 1000;
+}

public/less/_home.less

@@ -12,7 +12,7 @@
 			font-size: 2em;
 		}
 		.octicon {
-			color: #d9453d;
+			color: #2854a4;
 			font-size: 40px;
 			width: 50px;
 		}
@@ -27,7 +27,7 @@
 		padding-top: 30px;
 	}
 	a {
-		color: #d9453d;
+		color: #2854a4;
 	}
 }
 

public/less/_repository.less

@@ -128,7 +128,6 @@
 	#clone-panel {
 		margin-top: -8px;
 		margin-left: 5px;
-		width: 350px;
 
 		input {
 			border-radius: 0;
@@ -192,7 +191,7 @@
 		}
 		#file-buttons {
 			font-weight: normal;
-			
+
 			.ui.button {
 				padding: 8px 10px;
 				font-weight: normal;
@@ -319,12 +318,12 @@
 				}
 
 				.nb-cell {
-					position: relative;    
+					position: relative;
 
 					&.nb-heading-cell {
 						margin-top: 0.5em;
 					}
-					
+
 					img {
 						max-width: 100%;
 					}
@@ -338,9 +337,9 @@
 					margin: .5em 0;
 				}
 
-				.nb-input:before, 
+				.nb-input:before,
 				.nb-output:before {
-					position: absolute;    
+					position: absolute;
 					font-family: monospace;
 					color: #999;
 					left: -7.5em;
@@ -368,7 +367,7 @@
 					&:before {
 						content: "Out [" attr(data-prompt-number) "]:";
 					}
-					
+
 					pre {
 						padding: 5px 10px;
 						font-size: 14px;
@@ -386,7 +385,7 @@
 					th,
 					td {
 						border: 1px solid #000;
-						padding: 0.25em;    
+						padding: 0.25em;
 						text-align: left;
 						vertical-align: middle;
 						border-collapse: collapse;
@@ -401,7 +400,7 @@
 
 				// Fix pandas dataframe formatting
 				div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
-					max-height: none !important;    
+					max-height: none !important;
 				}
 			}
 

public/less/gogs.less

@@ -11,3 +11,4 @@
 @import "_dashboard";
 @import "_admin";
 @import "_explore";
+@import "_gin";