93 lines
1.4 KiB
CSS
93 lines
1.4 KiB
CSS
|
/* Material Design Inspired CSS for TFG Sync Service Client */
|
||
|
|
|
||
|
|
* {
|
||
|
|
-fx-font-family: "Segoe UI", "Ubuntu", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.root {
|
||
|
|
-fx-background-color: #fafafa;
|
||
|
|
-fx-font-size: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
.button {
|
||
|
|
-fx-padding: 8;
|
||
|
|
-fx-font-size: 12;
|
||
|
|
-fx-text-fill: #333;
|
||
|
|
-fx-background-color: #e0e0e0;
|
||
|
|
-fx-background-radius: 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover {
|
||
|
|
-fx-background-color: #d0d0d0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Text Fields */
|
||
|
|
.text-field,
|
||
|
|
.password-field {
|
||
|
|
-fx-padding: 8;
|
||
|
|
-fx-border-color: #bdbdbd;
|
||
|
|
-fx-border-width: 0 0 1 0;
|
||
|
|
-fx-font-size: 12;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Labels */
|
||
|
|
.label {
|
||
|
|
-fx-text-fill: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tables */
|
||
|
|
.table-view {
|
||
|
|
-fx-background-color: white;
|
||
|
|
-fx-border-color: #e0e0e0;
|
||
|
|
-fx-font-size: 11;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-view .column-header {
|
||
|
|
-fx-background-color: #f5f5f5;
|
||
|
|
-fx-font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-row-cell {
|
||
|
|
-fx-font-size: 11;
|
||
|
|
-fx-background-color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ComboBox */
|
||
|
|
.combo-box,
|
||
|
|
.combo-box-base {
|
||
|
|
-fx-background-color: white;
|
||
|
|
-fx-border-color: #bdbdbd;
|
||
|
|
-fx-padding: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TextArea */
|
||
|
|
.text-area {
|
||
|
|
-fx-background-color: #f5f5f5;
|
||
|
|
-fx-text-fill: #333;
|
||
|
|
-fx-font-size: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Separator */
|
||
|
|
.separator {
|
||
|
|
-fx-text-fill: #e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TabPane */
|
||
|
|
.tab-pane {
|
||
|
|
-fx-padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab {
|
||
|
|
-fx-padding: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-header-background {
|
||
|
|
-fx-background-color: #f5f5f5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CheckBox */
|
||
|
|
.check-box {
|
||
|
|
-fx-font-size: 11;
|
||
|
|
-fx-text-fill: #333;
|
||
|
|
}
|