Changeset 829 for trunk/src/org/expeditee/assets/style/jfx.css

Timestamp:

02/04/14 22:59:03 (10 years ago)

Author:

ngw8

Message:

More updates to jfxbrowser appearance - added progress bar behind URL bar, + minor CSS changes. Made go button actually work.

File:

• trunk/src/org/expeditee/assets/style/jfx.css (modified) (3 diffs)

trunk/src/org/expeditee/assets/style/jfx.css

@@ -3 +3 @@
  * Author: ngw8
  */
+#jfxbrowser {
+    -light-gray: rgb(245, 245, 245);
+    -dark-gray: rgb(10, 10, 10);
+    -highlight: #79b3d4;
+    -fx-accent: -highlight;
+    -fx-shadow-highlight-color: rgba(255,255, 255, 0.4);
+    -fx-base: #eee;
+}
+
 
 .browser-overlay .progress-indicator {    
@@ -19 +28 @@
 }
 
-.button, .text-field
-{
+.button, .text-field {
     -fx-background-radius: 2;
     -fx-padding: 0.2em 1em 0.2em 1em;
 }
 
-.button.first, .text-field.first {
-    -fx-background-radius: 2 0 0 2;    
+.first {
+    -fx-background-radius: 2 0 0 2;
 }
 
-.button.last, .text-field.last {
+.last {
     -fx-background-radius: 0 2 2 0;
 }
@@ -35 +43 @@
 .custom-toolbar {
     -fx-font-size: 12px;
-    -fx-background-color:  linear-gradient(to bottom, rgb(230,230,230), rgba(200, 200,200));       
+    -fx-background-color:  linear-gradient(to bottom, derive(-fx-base, -2%), derive(-fx-base, -12%));       
     -fx-padding: 0.4em;
 }
 
-.hidden {
-    visibility: hidden;
+.url-field {
+    -fx-background-color: transparent;
+    -fx-text-fill: -dark-gray;
 }
+
+.url-progress-bar .track {
+    -fx-background-color:-light-gray;
+    
+    -fx-background-radius: 2 0 0 2;  
+
+}
+
+.url-progress-bar .bar {
+    -fx-background-color:
+        -light-gray, -light-gray, 
+        linear-gradient(to bottom, derive(-highlight,50%), derive(-highlight,30%)); /* actual color of the progess bit of the bar */
+    -fx-background-insets: 1;
+}
+
+/* Used when the page has completed loading */
+.url-progress-bar.completed .bar {
+    -fx-background-color:
+        -light-gray, -light-gray,
+        transparent; /* actual color of the progess bit of the bar */
+}
+