working on gradients

[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index b1f977b..02eb7f0 100644 (file)
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -55,6 +55,7 @@ a { outline: none; }
   --link-visited: #e7b788;
   --border: 34,40,49,0.035;
   --accent: #FD7014;
+  --bluish-grey: #3f4c77;
   --dark-grey: #393E46;
 /* Icons */
   --file-icon: url("file-dark.svg");
@@ -175,10 +176,9 @@ td, th {
   margin-bottom: 20px;
   font-size: 20px;
   font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+  background: var(--bluish-grey); /* old browsers */
+  background: -webkit-linear-gradient(bottom left, var(--accent) 0%, var(--bluish-grey) 100%); /* webkit */
+  background: linear-gradient(to top right, var(--accent) 0%, var(--bluish-grey) 100%);
   border-bottom: 1px solid rgba(var(--border));
 }
 
@@ -215,10 +215,9 @@ td, th {
 .page_footer,
 .site-footer {
   width: 100%;
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+  background: var(--bluish-grey); /* old browsers */
+  background: -webkit-linear-gradient(bottom left, var(--bluish-grey) 0%, var(--accent) 100%); /* webkit */
+  background: linear-gradient(to top right, var(--bluish-grey) 0%, var(--accent) 100%);
   margin: 0;
 }
 
@@ -264,14 +263,6 @@ td, th {
 .social-links ul li {
   display: inline-block;
   margin: 1em;
-  padding: 0.5em;
-  width: 3em;
-  height: 3em;
-  text-align: center;
-  border: 1px solid var(--fg);
-  -webkit-border-radius: 2em;
-  -moz-border-radius: 2em;
-  border-radius: 2em;
 }
 
 .social-links ul li a {