modules/controls/src/main/resources/com/sun/javafx/scene/control/skin/modena/modena.css

Print this page
rev 7157 : RT-37173: change selector to match scene-graph of a TitledPane


1086 .scroll-pane > .scroll-bar:vertical > .decrement-button {
1087     -fx-padding: 0.25em 0.25em 0.25em 0.166667em; /* 3 3 3 2 */
1088 }
1089 .scroll-pane > .scroll-bar:vertical {
1090     -fx-background-insets: 1 1 1 0, 1;
1091     -fx-padding: 1 0 1 0;
1092 }
1093 .scroll-pane > .corner {
1094     -fx-background-color: derive(-fx-base,-1%);
1095     -fx-background-insets: 0 1 1 0;
1096 }
1097 /* new styleclass for edge to edge scrollpanes that don't want to draw a border */
1098 .scroll-pane.edge-to-edge,
1099 .tab-pane > * > .scroll-pane {
1100     -fx-background-color: -fx-background;
1101     -fx-background-insets: 0;
1102     -fx-padding: 0;
1103 }
1104 .scroll-pane.edge-to-edge > .scroll-bar,
1105 .tab-pane > * > .scroll-pane > .scroll-bar,
1106 .titled-pane > * > * > .scroll-pane > .scroll-bar {
1107     -fx-background-insets: 0;
1108     -fx-padding: 0;
1109 }
1110 .scroll-pane.edge-to-edge > .scroll-bar > .increment-button, 
1111 .scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
1112 .tab-pane > * > .scroll-pane > .scroll-bar > .increment-button, 
1113 .tab-pane > * > .scroll-pane > .scroll-bar > .decrement-button,
1114 .titled-pane > * > * > .scroll-pane > .scroll-bar > .increment-button,
1115 .titled-pane > * > * > .scroll-pane > .scroll-bar > .decrement-button {
1116     -fx-padding: 0.25em; /* 3px */
1117 }
1118 
1119 /*******************************************************************************
1120  *                                                                             *
1121  * Separator                                                                   *
1122  *                                                                             *
1123  ******************************************************************************/
1124 
1125 .separator:horizontal .line {
1126     -fx-border-color: -fx-text-box-border transparent transparent transparent,
1127         -fx-shadow-highlight-color transparent transparent transparent;
1128     -fx-border-insets: 0, 1 0 0 0;
1129 }
1130 .separator:vertical .line {
1131     -fx-border-color: transparent transparent transparent -fx-shadow-highlight-color,
1132         transparent transparent transparent -fx-text-box-border;
1133     -fx-border-width: 3, 1;
1134     -fx-border-insets: 0, 0 0 0 1;
1135 }


2921 .tab-pane.floating > * > .html-editor {
2922     -fx-background-insets: 0, 0;
2923     -fx-padding: -1;
2924 }
2925 .split-pane > * > .accordion > .titled-pane > *.content {
2926     -fx-border-color: null;
2927     -fx-border-insets: 0;
2928 }
2929 .split-pane > * > .accordion > .titled-pane > .title  {
2930     -fx-background-insets: 0,1 0 1 0, 2 1 2 1;
2931 }
2932 .split-pane > * > .accordion > .first-titled-pane > .title  {
2933     -fx-background-insets: 0,0 0 1 0, 1 1 2 1;
2934 }
2935 .split-pane > * > .accordion > .titled-pane:collapsed > .title  {
2936     -fx-background-insets: 0,1 0 0 0, 2 1 1 1;
2937 }
2938 .split-pane > * > .accordion > .first-titled-pane:collapsed > .title  {
2939     -fx-background-insets: 0,0 0 0 0, 1 1 1 1;
2940 }
2941 .titled-pane > * > * > .split-pane,
2942 .titled-pane > * > * > .text-area,
2943 .titled-pane > * > * > .html-editor,
2944 .titled-pane > * > * > .list-view,
2945 .titled-pane > * > * > .tree-view,
2946 .titled-pane > * > * > .table-view,
2947 .titled-pane > * > * > .tree-table-view,
2948 .titled-pane > * > * > .scroll-pane {
2949     -fx-background-color: null;
2950     -fx-background-insets: 0, 0;
2951     -fx-padding: 0;
2952 }
2953 .titled-pane > * > * > AnchorPane,
2954 .titled-pane > * > * > BorderPane,
2955 .titled-pane > * > * > FlowPane,
2956 .titled-pane > * > * > GridPane,
2957 .titled-pane > * > * > HBox,
2958 .titled-pane > * > * > Pane,
2959 .titled-pane > * > * > StackPane,
2960 .titled-pane > * > * > TilePane,
2961 .titled-pane > * > * > VBox {

2962     -fx-padding: 0.8em;
2963 }
2964 
2965 /*******************************************************************************
2966  *                                                                             *
2967  * DatePicker                                                                  *
2968  *                                                                             *
2969  ******************************************************************************/
2970 
2971 .date-picker > .arrow-button > .arrow {
2972     -fx-shape: "M0,0v9h9V0H0z M2,8H1V7h1V8z M2,6H1V5h1V6z M2,4H1V3h1V4z M4,8H3V7h1V8z M4,6H3V5h1V6z M4,4H3V3h1V4z M6,8H5V7h1V8z M6,6H5 V5h1V6z M6,4H5V3h1V4z M8,8H7V7h1V8z M8,6H7V5h1V6z M8,4H7V3h1V4z";
2973     -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
2974     -fx-background-insets: 1 0 -1 0, 0;
2975     -fx-padding: 0.416667em 0.416667em 0.333333em 0.333333em; /* 5 5 4 4 */
2976     -fx-scale-shape: true;
2977 }
2978 
2979 .date-picker-popup {
2980      -fx-background-color:
2981         linear-gradient(to bottom,




1086 .scroll-pane > .scroll-bar:vertical > .decrement-button {
1087     -fx-padding: 0.25em 0.25em 0.25em 0.166667em; /* 3 3 3 2 */
1088 }
1089 .scroll-pane > .scroll-bar:vertical {
1090     -fx-background-insets: 1 1 1 0, 1;
1091     -fx-padding: 1 0 1 0;
1092 }
1093 .scroll-pane > .corner {
1094     -fx-background-color: derive(-fx-base,-1%);
1095     -fx-background-insets: 0 1 1 0;
1096 }
1097 /* new styleclass for edge to edge scrollpanes that don't want to draw a border */
1098 .scroll-pane.edge-to-edge,
1099 .tab-pane > * > .scroll-pane {
1100     -fx-background-color: -fx-background;
1101     -fx-background-insets: 0;
1102     -fx-padding: 0;
1103 }
1104 .scroll-pane.edge-to-edge > .scroll-bar,
1105 .tab-pane > * > .scroll-pane > .scroll-bar,
1106 .titled-pane > .content > .scroll-pane > .scroll-bar {
1107     -fx-background-insets: 0;
1108     -fx-padding: 0;
1109 }
1110 .scroll-pane.edge-to-edge > .scroll-bar > .increment-button, 
1111 .scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
1112 .tab-pane > * > .scroll-pane > .scroll-bar > .increment-button, 
1113 .tab-pane > * > .scroll-pane > .scroll-bar > .decrement-button,
1114 .titled-pane > .content > .scroll-pane > .scroll-bar > .increment-button,
1115 .titled-pane > .content > .scroll-pane > .scroll-bar > .decrement-button {
1116     -fx-padding: 0.25em; /* 3px */
1117 }
1118 
1119 /*******************************************************************************
1120  *                                                                             *
1121  * Separator                                                                   *
1122  *                                                                             *
1123  ******************************************************************************/
1124 
1125 .separator:horizontal .line {
1126     -fx-border-color: -fx-text-box-border transparent transparent transparent,
1127         -fx-shadow-highlight-color transparent transparent transparent;
1128     -fx-border-insets: 0, 1 0 0 0;
1129 }
1130 .separator:vertical .line {
1131     -fx-border-color: transparent transparent transparent -fx-shadow-highlight-color,
1132         transparent transparent transparent -fx-text-box-border;
1133     -fx-border-width: 3, 1;
1134     -fx-border-insets: 0, 0 0 0 1;
1135 }


2921 .tab-pane.floating > * > .html-editor {
2922     -fx-background-insets: 0, 0;
2923     -fx-padding: -1;
2924 }
2925 .split-pane > * > .accordion > .titled-pane > *.content {
2926     -fx-border-color: null;
2927     -fx-border-insets: 0;
2928 }
2929 .split-pane > * > .accordion > .titled-pane > .title  {
2930     -fx-background-insets: 0,1 0 1 0, 2 1 2 1;
2931 }
2932 .split-pane > * > .accordion > .first-titled-pane > .title  {
2933     -fx-background-insets: 0,0 0 1 0, 1 1 2 1;
2934 }
2935 .split-pane > * > .accordion > .titled-pane:collapsed > .title  {
2936     -fx-background-insets: 0,1 0 0 0, 2 1 1 1;
2937 }
2938 .split-pane > * > .accordion > .first-titled-pane:collapsed > .title  {
2939     -fx-background-insets: 0,0 0 0 0, 1 1 1 1;
2940 }
2941 .titled-pane > .content > .split-pane,
2942 .titled-pane > .content > .text-area,
2943 .titled-pane > .content > .html-editor,
2944 .titled-pane > .content > .list-view,
2945 .titled-pane > .content > .tree-view,
2946 .titled-pane > .content > .table-view,
2947 .titled-pane > .content > .tree-table-view,
2948 .titled-pane > .content > .scroll-pane {
2949     -fx-background-color: null;
2950     -fx-background-insets: 0, 0;
2951     -fx-padding: 0;
2952 }
2953 
2954 .titled-pane > .content > AnchorPane,
2955 .titled-pane > .content > BorderPane,
2956 .titled-pane > .content > FlowPane,
2957 .titled-pane > .content > GridPane,
2958 .titled-pane > .content > HBox,
2959 .titled-pane > .content > Pane,
2960 .titled-pane > .content > StackPane,
2961 .titled-pane > .content > TilePane,
2962 .titled-pane > .content > VBox {
2963     -fx-padding: 0.8em;
2964 }
2965 
2966 /*******************************************************************************
2967  *                                                                             *
2968  * DatePicker                                                                  *
2969  *                                                                             *
2970  ******************************************************************************/
2971 
2972 .date-picker > .arrow-button > .arrow {
2973     -fx-shape: "M0,0v9h9V0H0z M2,8H1V7h1V8z M2,6H1V5h1V6z M2,4H1V3h1V4z M4,8H3V7h1V8z M4,6H3V5h1V6z M4,4H3V3h1V4z M6,8H5V7h1V8z M6,6H5 V5h1V6z M6,4H5V3h1V4z M8,8H7V7h1V8z M8,6H7V5h1V6z M8,4H7V3h1V4z";
2974     -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
2975     -fx-background-insets: 1 0 -1 0, 0;
2976     -fx-padding: 0.416667em 0.416667em 0.333333em 0.333333em; /* 5 5 4 4 */
2977     -fx-scale-shape: true;
2978 }
2979 
2980 .date-picker-popup {
2981      -fx-background-color:
2982         linear-gradient(to bottom,