eu.binjr.css.Classic.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of binjr-core Show documentation
A Time Series Data Browser
There is a newer version: 3.20.1
{
    -binjr-background-color: #204656;
    -binjr-pane-background-color: white;
    -binjr-control-border-color: #333333;
    -binjr-dark-blue-color: #336F87;
    -binjr-blue-color: #4BACC6;
    -binjr-light-blue-color: #92CDDC;
    -binjr-lighter-blue-color: #B7DEE8;
    -binjr-foreground-color: #DAEEF3;
    -binjr-warning-color:tomato;
    -fx-accent-translucide: rgba(183,222,232,0.2);

}

/********************************
*      button icons
********************************/
{
    -icon-scale-x: 3;
    -icon-scale-y: 3;
    /*-icon-color:black;*/
}

.command-bar *{
    -icon-scale-x: 2.5;
    -icon-scale-y: 2.5;
   /* -icon-color: black;*/
}

.command-bar .context-menu * {
  -icon-scale-x: 2.5;
  -icon-scale-y: 2.5;
}

.command-bar  .icon-container {
  -fx-padding: 10;
}

 .menu-button .arrow-button {
    -fx-padding:-2;
     visibility: hidden;
 }
.add-tab-button {
    -size:20;
    -fx-min-height: -size;
    -fx-min-width: -size;
    -fx-max-height: -size;
    -fx-max-width: -size;
    -fx-content-display: graphic-only;
    -fx-padding:5;
}

.command-bar-menu-graphic {
    -fx-padding:2;
}

.command-bar-menu-graphic Line {
    -fx-stroke:black;
}

.chart-properties-button {
     -fx-opacity: 50%;
      -fx-scale-x: 0.75;
      -fx-scale-y: 0.75;
}

.chart-properties-button:hover {
     -fx-opacity: 100%;
}

.chart-properties-button:hover:pressed {
     -fx-opacity: 100%;
}

.toolPane {
  -fx-background-color: linear-gradient(to right, #EEEEEE  , #DADADA );
/*  -fx-border-width:1;
  -fx-border-color:#DADADA;*/
}

.toolPane .content,
.toolPane .title,
.toolPane .scroll-pane,
.toolPane .scroll-pane .viewport {
    -fx-background-color: transparent;
  }

 .add-source-background-icon,
 .add-worksheet-background-icon{
    -fx-text-fill:  #DADADA;
 }


 .add-source-background-icon:hover,
 .add-worksheet-background-icon:hover{
    -fx-text-fill:  #C2C2C2;
 }

 .add-worksheet-background-icon .addWorksheet-icon,
 .add-source-background-icon .addSource-icon {
  -fx-scale-x:20;
  -fx-scale-y:20;
  -fx-background-color:#DADADA;
}

 .add-worksheet-background-icon .addWorksheet-icon:hover,
 .add-source-background-icon .addSource-icon:hover,
 .add-worksheet-background-icon .addWorksheet-icon:hover:pressed,
 .add-source-background-icon .addSource-icon:hover:pressed {
  -fx-background-color:#969696;
}

  /*******************
    Command bar
 *******************/

.command-bar {
 /*  -fx-pref-width: 48;
   -fx-min-width: 48;*/
    -fx-padding:5;
    -fx-background-color: linear-gradient(to right, #EEEEEE  , #DADADA );/* #F4F4F4;*/
/*
    -fx-border-width:1;
    -fx-border-color: #C2C2C2;*/
}

.command-bar:expanded {
/*  -fx-min-width: 160;
 /*  -fx-pref-width: 200;
   -fx-max-width: 200;*/
}


 .command-bar .menu-button .arrow-button {
    -fx-padding:-2;
     visibility: hidden;
 }

 .command-bar .command-bar-menu-button .menu-icon{
    -fx-fill:red;
    -fx-scale-x: 3;
    -fx-scale-y: 3.5;
 }

 .command-bar:expanded .menu-button .arrow-button {
    -fx-padding:10;
    -fx-fill: white;
     visibility: visible;
 }

 .command-bar:expanded .menu-button .arrow-button .arrow {
    -fx-background-color:black;
 }

 .command-bar:expanded .menu-button .label,
 .command-bar:expanded .button {
    -fx-margins:5;
    -fx-content-display:left;
 }

 .command-bar .menu-button .label,
 .command-bar .button {
    -fx-alignment: center_left;
    -fx-graphic-text-gap:15;
    -fx-text-fill:black;
 }

  .command-bar .square-button {
     -fx-alignment: center;
   }

 .command-bar .menu-item {
      -fx-padding: 10 10 10 17 ;
  }

.command-bar .hyperlink {
    -fx-alignment: center_left;
    -fx-graphic-text-gap:20;
    -fx-text-fill: -binjr-blue-color;

    -fx-font-size: 10pt;
}

/*** Color picker ***/

.borderless-color-picker {
    -fx-color-label-visible: false;
    -fx-background-color: transparent;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-width:0;
    -fx-border-radius:0;
    -fx-alignment: center;
}

.borderless-color-picker .label {
    -fx-padding: 0;
}

.borderless-color-picker .label .rectangle {
    -fx-padding: 0;
    -fx-border-insets: 0;
    -fx-alignment: center;
}

.popup-control-parent {
  -fx-background-color: white;
    -fx-border-width:1;
}

  .chart-viewport-parent {
   -fx-background-color: white;
  }

  .worksheet-tool-bar{
       -fx-padding:5;
       -fx-spacing:5;
  }

.title-pane-tool-bar{
   -fx-spacing:3;
}


  /*******************************************************************************
   *                                                                             *
   * MaskerPane                                                                  *
   *                                                                             *
   ******************************************************************************/
   .masker-pane {}

   .masker-pane .masker-glass {
      /* -fx-background-color: rgba(0, 0, 0, .3);*/
       -fx-background-color: rgba(255, 255, 255, .6);
      /* -fx-background-color: transparent;*/
   }

   .masker-pane .masker-text {
      -visibility:false;
       -fx-text-fill: white;
       -fx-font-weight: bold;
   }

   .masker-pane .masker-center {
       -fx-background-color:transparent;
      /*  -fx-background-color: rgba(255, 255, 255, .6);
     /*  -fx-background-color: rgba(0, 0, 0, .6);*/

       -fx-max-height: 1.50in;
       -fx-padding: .25in;
       -fx-background-radius: .1in;
   }

.crosshair-axis-label {
    -fx-text-fill: white;
    -fx-font-size: 10;
    -fx-background-radius: 4;
    -fx-padding:4;
    -fx-background-color: rgba(10,10,10,0.7);
}

.interval-picker-popup {
     -fx-background-color:
        linear-gradient(to bottom,
            derive(-fx-color,-17%),
            derive(-fx-color,-30%)
        ),
        -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 0;
    -fx-alignment: CENTER; /* VBox */
    -fx-spacing: 0; /* VBox */
    -fx-padding: 0.083333em; /* 1 1 1 1 */
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.2) , 12, 0.0 , 0 , 8 );
}

.tooltip {
    -fx-font-size: 9pt;
}

.search-field-outer {
    -fx-background-radius: 0, 0;
    -fx-border-color: #bababa;
    -fx-background-color: white;
    -fx-background-insets: 0, 1;

    -fx-prompt-text-fill: #9f9f9f;

    -fx-highlight-fill: -binjr-blue-color;
    -fx-highlight-text-fill: white;
}

/******************************
/* RichText
/*****************************/

.styled-text-area {
    -fx-background-color: -binjr-pane-background-color;
}


.styled-text-area .main-selection {
    -fx-fill: -binjr-lighter-blue-color;
}


/*!* the width of the border around a section of text *!*/
/*-rtfx-border-stroke-width: ;*/

/*!* the type of the border around a section of text *!*/
/*-rtfx-border-stroke-type: [inside | outside | centered];*/

/*!* the border's dash lengths: allows dot/dash style borders *!*/
/*-rtfx-border-stroke-dash-array: [ ]+;*/

/*    !* the color of the underline *!*/
/*-rtfx-underline-color: ;*/

/*!* the width of the underline *!*/
/*-rtfx-underline-width: ;*/

/*!* the underline's dash lengths: allows dot/dash style lines *!*/
/*-rtfx-underline-dash-array: [ ]+;*/

/*    !* the StrokeLineCap to use: [ square | butt | round ] */
/*       defaults to "square" *!*/
/*-rtfx-underline-cap: ;*/
/*}*/

.styled-text-area .lineno .text {
    -fx-fill: #237893;
}

/* default text styling */
.styled-text-area .text {
    -fx-fill: white;
}

.styled-text-area .text {
    -fx-fill: dimgrey;
}

.styled-text-area .tagmark {
    -fx-fill:  #800000;
}

.styled-text-area .anytag {
    -fx-fill: #800000;
}

.styled-text-area .paren {
    -fx-fill: firebrick;
    -fx-font-weight: bold;
}

.styled-text-area .attribute {
    -fx-fill: red;
}

.styled-text-area .avalue {
    -fx-fill: blue;
}

.styled-text-area .comment {
    -fx-fill: #008000;
}

.styled-text-area .trace,
.log-trace {
    -fx-fill: GRAY;
}

.styled-text-area .debug,
.log-debug {
    -fx-fill: STEELBLUE;
}

.styled-text-area .perf,
.log-perf {
    -fx-fill: #268f69;
}

.styled-text-area .info,
.log-info {
    -fx-fill: black;
}

.styled-text-area .warn,
.log-warn {
    -fx-fill: DARKORANGE;
}


.styled-text-area .error,
.log-error {
    -fx-fill: RED;
}

.styled-text-area .fatal,
.log-fatal {
    -fx-fill: DARKRED;
}
/*.styled-text-area .search-result-highlight {*/
/*    -rtfx-background-color: yellow;*/
/*}*/

.syntax-help-popup {
    -fx-effect: null;
    -fx-border-with: 1;
    -fx-border-color: -binjr-control-border-color;
    -fx-border-radius: 0;
    -fx-background-color: #F4F4F4;
}


.facet-pill {
    -fx-padding: 5 10 5 10;
    -fx-background-radius: 15;
    -fx-background-color: -binjr-pane-background-color;
    -fx-text-fill: black;
}

.facet-pill:selected .box .mark {
    -fx-background-color: black;
}


.facet-pill .box {
    -fx-background-color: transparent;
}

.facet-pill-trace {
    -fx-background-color: GRAY;
}

.facet-pill-debug {
    -fx-background-color: STEELBLUE;
}

.facet-pill-perf {
    -fx-text-fill: white;
    -fx-background-color: #268f69;
}

.facet-pill-info {
    -fx-text-fill: white;
    -fx-background-color: #0e0d0d;
}

.facet-pill-warn {
    -fx-text-fill: black;
    -fx-background-color: #ff8c00;
}

.facet-pill-fatal:selected .box .mark,
.facet-pill-perf:selected .box .mark,
.facet-pill-info:selected .box .mark {
    -fx-background-color: white;
}

.facet-pill-error {
    -fx-background-color: red;
}

.facet-pill-fatal {
    -fx-text-fill: white;
    -fx-background-color: DARKRED;
}


.busy-indicator {
    -fx-background-color: rgba(255, 255, 255, .6);
}

.busy-indicator .title-frame {
    -fx-background-radius: 8;
    -fx-background-color:  rgba(160, 160, 160, .8);
}