diff options
author | Andreas Weninger <e01526989@student.tuwien.ac.at> | 2018-05-20 16:38:16 +0200 |
---|---|---|
committer | Tharre <tharre3@gmail.com> | 2018-05-21 16:53:48 +0200 |
commit | 15f55fda6a4338b89363766dfcabc5b4404918f2 (patch) | |
tree | 405e2f7c1a01378b31fb6abdd8d5c5516d848f87 /src/main/resources/styles/main.css | |
parent | 01d65620c2c61f0256472f51305f0f6d7cc8027e (diff) | |
download | sepm-groupproject-15f55fda6a4338b89363766dfcabc5b4404918f2.tar.gz sepm-groupproject-15f55fda6a4338b89363766dfcabc5b4404918f2.tar.xz sepm-groupproject-15f55fda6a4338b89363766dfcabc5b4404918f2.zip |
[#25957] Improved css-File. (Comments, structure, less redundancy)
Diffstat (limited to 'src/main/resources/styles/main.css')
-rw-r--r-- | src/main/resources/styles/main.css | 58 |
1 files changed, 47 insertions, 11 deletions
diff --git a/src/main/resources/styles/main.css b/src/main/resources/styles/main.css index fbacc41..886e756 100644 --- a/src/main/resources/styles/main.css +++ b/src/main/resources/styles/main.css @@ -1,19 +1,52 @@ -.shadowed-white { - -fx-background-color: white; +/* === shadow === */ +.shadowed { -fx-effect: dropshadow(gaussian, rgba(100,100,100,0.8), 5, 0, 0, 3); } -.shadowed-yellow { +/* === background === */ +/* -- basic -- */ +.bg-white { + -fx-background-color: white; +} +/* -- vehiclePane -- */ +.bg-yellow { -fx-background-color: #FFE699; - -fx-effect: dropshadow(gaussian, rgba(100,100,100,0.8), 5, 0, 0, 3); } - -.border-sw { - -fx-background-color: white; - -fx-effect: dropshadow(gaussian, rgba(100,100,100,0.8), 5, 0, 0, 3); - -fx-border-color: black; +.bg-status-green { + -fx-background-color: #C5E0B4; +} +.bg-status-orange { + -fx-background-color: #F8CBAD; +} +/* -- header areas -- */ +.bg-blue { + -fx-background-color: #2E75B6; +} +.bg-green { + -fx-background-color: #548235; +} +.bg-light-orange { + -fx-background-color: #BF9000; +} +.bg-dark-orange { + -fx-background-color: #C55A11; +} +/* -- content areas -- */ +.bg-gray-blue { + -fx-background-color: #E8EAEF; +} +.bg-gray-green { + -fx-background-color: #EBEFE8; +} +.bg-gray-orange { + -fx-background-color: #EFEBE8; +} +/* -- edit area -- */ +.bg-edit-area-orange { + -fx-background-color: #FBE5D6; } +/* === text === */ .text-big { -fx-font-size: 18px; } @@ -26,13 +59,14 @@ -fx-font-size: 14px; } +/* === button === */ .button { -fx-background-radius: 0em; -fx-border-color: black; } .button-main { - -fx-background-color: darkgreen; + -fx-background-color: #548235; -fx-text-fill: white; -fx-font-weight: bold; } @@ -45,6 +79,7 @@ -fx-background-color: #F8CBAD; } +/* === menu item === */ .mi-free { -fx-background-color: #C5E0B4; } @@ -56,4 +91,5 @@ .menu-item:focused .label { -fx-text-fill: black; -fx-font-weight: bold; -}
\ No newline at end of file +} + |