Updated css

This commit is contained in:
xdrm-brackets 2017-11-14 09:11:53 +01:00
parent 61e97d3bbd
commit 4fcd8cdb08
3 changed files with 38 additions and 14 deletions

8
css/constants.css Normal file
View File

@ -0,0 +1,8 @@
* {
-v-screen-width: 1280;
-v-screen-height: 720;
-v-header-height: 50;
-vn-header-height: 650; /* 72 - 50 + 20 */
}

View File

@ -1,10 +1,14 @@
@import "./constants.css";
#header{ #header{
-fx-min-height: 40; -fx-min-height: -v-header-height;
-fx-max-height: 40; -fx-max-height: -v-header-height;
-fx-pref-height: 40; -fx-pref-height: -v-header-height;
-fx-min-width: 1280; -fx-min-width: -v-screen-width;
-fx-pref-width: -v-screen-width;
-fx-max-width: -v-screen-width;
-fx-background-color: #3f51b5; -fx-background-color: #3f51b5;
@ -15,9 +19,12 @@
#header_menu{ #header_menu{
-fx-min-width: 40; -fx-min-width: -v-header-height;
-fx-max-width: 1280; -fx-max-width: -v-screen-width;
-fx-min-height: -v-header-height;
-fx-pref-height: -v-header-height;
-fx-max-height: -v-header-height;
} }
.header_menu_item{ .header_menu_item{

View File

@ -1,14 +1,14 @@
@import "./constants.css";
#header_icon{ #header_icon{
-fx-min-width: -v-header-height;
-fx-min-width: 40;
-fx-max-width: 660; -fx-max-width: 660;
-fx-min-height: 40; -fx-min-height: -v-header-height;
-fx-max-height: 40; -fx-max-height: -v-header-height;
-fx-pref-height: 40; -fx-pref-height: -v-header-height;
-fx-background-color: #3240a3; -fx-background-color: #3240a3;
@ -17,6 +17,15 @@
} }
#menu_container{ #menu_container{
-fx-min-width: 237;
-fx-max-width: 237;
-fx-min-height: -vn-header-height;
-fx-max-height: -vn-header-height;
-fx-background-color: #fffffd; -fx-background-color: #fffffd;
} }