add new css file

chengenzhao · chengenzhao · commit 3587d886f75b · 2017-11-08T10:24:58.000+08:00
diff --git a/src/main/resources/css/browser.css b/src/main/resources/css/browser.css
@@ -1,9 +1,10 @@
 .root{
     -fx-faint-focus-color: #039ED322;
+    -background-color: linear-gradient(#fffafa 0%, #f8f8ff 50%, #dcdcdc 51%, #ffffff 100%)
 }
 
 .button{
-        -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);
+        -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -background-color;
         -fx-background-insets: 0 0 -1 0, 0, 1, 2;
         -fx-background-radius: 3px, 3px, 2px, 1px;
         -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
@@ -13,7 +14,7 @@
 }
 
 .button:hover,.button:focused{
-    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);
+    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -background-color;
     -fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
     -fx-background-radius: 3, 2, 1, 4, 1;
 }
@@ -25,18 +26,18 @@
 }
 
 .tab-pane > .tab-header-area > .headers-region > .tab:selected {
-    -fx-background-color: -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);
+    -fx-background-color: -fx-outer-border, -fx-inner-border, -background-color;
     -fx-background-insets: 0 1 1 0, 1 2 0 1, 2 3 0 2;
 }
 
 .menu-button{
-    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);
+    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -background-color;
     -fx-background-insets: 0 0 -1 0, 0, 1, 2;
     -fx-background-radius: 3px, 3px, 2px, 1px;
 }
 
 .menu-button:hover,.menu-button:focused{
-    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);
+    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color,  -background-color;
     -fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
     -fx-background-radius: 3, 2, 1, 4, 1;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,10 @@`
`1`	`1`	`.root{`
`2`	`2`	`-fx-faint-focus-color: #039ED322;`
	`3`	`+ -background-color: linear-gradient(#fffafa 0%, #f8f8ff 50%, #dcdcdc 51%, #ffffff 100%)`
`3`	`4`	`}`
`4`	`5`
`5`	`6`	`.button{`
`6`		`- -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);`
	`7`	`+ -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -background-color;`
`7`	`8`	`-fx-background-insets: 0 0 -1 0, 0, 1, 2;`
`8`	`9`	`-fx-background-radius: 3px, 3px, 2px, 1px;`
`9`	`10`	`-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */`
`@@ -13,7 +14,7 @@`
`13`	`14`	`}`
`14`	`15`
`15`	`16`	`.button:hover,.button:focused{`
`16`		`- -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);`
	`17`	`+ -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -background-color;`
`17`	`18`	`-fx-background-insets: -0.2, 1, 2, -1.4, 2.6;`
`18`	`19`	`-fx-background-radius: 3, 2, 1, 4, 1;`
`19`	`20`	`}`
`@@ -25,18 +26,18 @@`
`25`	`26`	`}`
`26`	`27`
`27`	`28`	`.tab-pane > .tab-header-area > .headers-region > .tab:selected {`
`28`		`- -fx-background-color: -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);`
	`29`	`+ -fx-background-color: -fx-outer-border, -fx-inner-border, -background-color;`
`29`	`30`	`-fx-background-insets: 0 1 1 0, 1 2 0 1, 2 3 0 2;`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`.menu-button{`
`33`		`- -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);`
	`34`	`+ -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -background-color;`
`34`	`35`	`-fx-background-insets: 0 0 -1 0, 0, 1, 2;`
`35`	`36`	`-fx-background-radius: 3px, 3px, 2px, 1px;`
`36`	`37`	`}`
`37`	`38`
`38`	`39`	`.menu-button:hover,.menu-button:focused{`
`39`		`- -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, linear-gradient(snow 0%, ghostwhite 50%, gainsboro 51%, white 100%);`
	`40`	`+ -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -background-color;`
`40`	`41`	`-fx-background-insets: -0.2, 1, 2, -1.4, 2.6;`
`41`	`42`	`-fx-background-radius: 3, 2, 1, 4, 1;`
`42`	`43`	`}`