argon themes : beautify

freedometernal · Nov 4, 2019 · 68ffb43 · 68ffb43
1 parent f6d1460
commit 68ffb43
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 16 deletions.
diff --git a/lienol/luci-theme-argon-mc/Makefile b/lienol/luci-theme-argon-mc/Makefile
@@ -9,7 +9,7 @@ include $(TOPDIR)/rules.mk
 LUCI_TITLE:=Argon Magic Change Theme
 LUCI_DEPENDS:=
 PKG_VERSION:=1.0
-PKG_RELEASE:=03-20191022
+PKG_RELEASE:=05-20191104
 
 include ../luci_my.mk
 

diff --git a/lienol/luci-theme-argon-mc/htdocs/luci-static/argon_mc1/css/style.css b/lienol/luci-theme-argon-mc/htdocs/luci-static/argon_mc1/css/style.css
@@ -2500,13 +2500,14 @@ td > .ifacebadge {
 
 .cbi-input-textarea {
     width: 100%;
-    border: 1;
+	resize: none;
     outline: none;
     min-height: 14rem;
     padding: 0.8rem;
     font-size: 0.8rem;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: black;
+	border-radius: 0.25rem;
 }
 
 #syslog {
@@ -3444,7 +3445,7 @@ header > .container > .pull-right > * {
 	
 	.cbi-value-field,
 	.cbi-value-description {
-		width: 100%;
+		width: 95%;
 	}
 	select, input {
 		width: 95%;
@@ -3454,6 +3455,12 @@ header > .container > .pull-right > * {
 		width: 95%;
 		min-width: unset;
 	}
+	
+	.cbi-value-field .cbi-input-textarea {
+		width: 95% !important;
+		min-width: unset;
+	}
+	
     .cbi-value > .cbi-value-field {
         /* display: inline-block;
         padding-left: 1rem; */
@@ -3484,6 +3491,7 @@ header > .container > .pull-right > * {
 
     .node-main-login > .main .container {
         padding: 0.5rem 1rem 2rem 1rem;
+		margin: 0 auto !important;
     }
 
 

diff --git a/lienol/luci-theme-argon-mc/htdocs/luci-static/argon_mc2/css/style.css b/lienol/luci-theme-argon-mc/htdocs/luci-static/argon_mc2/css/style.css
@@ -742,9 +742,9 @@ header>.container>.brand {
 
 .main>.main-left>.nav>.slide>.menu {
 	display: block;
-	margin: 0.1rem .5rem 0.1rem 0;
-	padding: .675rem 0 .675rem 2.5rem;
-	border-radius: 0 .375rem .375rem 0;
+	margin: 0.1rem .5rem;
+	padding: .675rem 0 .675rem 3rem;
+	border-radius: .375rem;
 	text-decoration: none;
 	cursor: default;
 	font-size: 1rem;
@@ -763,7 +763,7 @@ header>.container>.brand {
 }
 
 .main>.main-left>.nav>.slide>.menu:hover {
-	border-left: #ffffff 3px solid;
+	/* border-left: #ffffff 3px solid; */
 }
 
 .main>.main-left>.nav>.slide>.menu:before {
@@ -835,40 +835,40 @@ header>.container>.brand:before {
 }
 
 .main>.main-left>.nav>.slide>.menu.active {
-	border-left: #ffffff 3px solid;
 	color: white;
+	background: #7764e4;
 }
 
 .main>.main-left>.nav>.slide>.slide-menu>li {}
 
 .main>.main-left>.nav>.slide>.slide-menu>.active {}
 
 .main>.main-left>.nav>.slide>.slide-menu>li>a {
-	margin: 0.1rem .5rem 0.1rem 0;
+	margin: 0.1rem .5rem;
 	padding: 0.5rem 1.5rem 0.5rem 2.5rem;
 	text-decoration: none;
-	border-radius: 0 .375rem .375rem 0;
+	border-radius: .375rem;
 	white-space: nowrap;
 	color: #8699ad;
 	border-left: transparent 3px solid;
 	transition: all 0.2s;
 }
 
 .main>.main-left>.nav>.slide>.slide-menu>.active>a {
+	/* border-left: #ffffff 3px solid; */
 	color: white;
-	border-left: #ffffff 3px solid;
 	background-color: #5e72e4;
 }
 
 .main>.main-left>.nav>.slide>.slide-menu>li>a:hover {
+	/* border-left: #ffffff 3px solid; */
 	color: white;
-	border-left: #ffffff 3px solid;
 	background: #5e72e4;
 }
 
 .main>.main-left>.nav>.slide>.slide-menu>.active>a:hover {
+	/* border-left: #ffffff 3px solid; */
 	color: white;
-	border-left: #ffffff 3px solid;
 	background-color: #5e72e4;
 	cursor: hand;
 }
@@ -1581,6 +1581,8 @@ td>.ifacebadge {
 
 .cbi-input-textarea {
 	width: 100%;
+	resize: none;
+	border-radius: 0.25rem;
 	/* min-height: 14rem; */
 	padding: 0.8rem;
 	font-size: 0.8rem;
@@ -2432,10 +2434,10 @@ body.lang_pl.node-main-login .cbi-value-title {
 		margin: 0 1rem 1.5rem 1rem;
 	}
 	.main>.main-left>.nav>.slide>.menu {
-		font-size: 1.3rem;
+		font-size: 1rem;
 	}
 	.main>.main-left>.nav>.slide>.slide-menu>li>a {
-		font-size: 1.1rem;
+		font-size: 0.9rem;
 	}
 	.cbi-value {
 		padding: 0.6em 0em;
@@ -2451,7 +2453,11 @@ body.lang_pl.node-main-login .cbi-value-title {
 		width: 100%;
 	}
 	.cbi-value-field .cbi-input-select {
-		width: 100%;
+		width: 95%;
+		min-width: unset;
+	}
+	.cbi-value-field .cbi-input-textarea {
+		width: 95% !important;
 		min-width: unset;
 	}
 	.cbi-value>.cbi-value-field {