bundles/org.eclipse.rap.rwt.custom.demo/theme/theme.css

* {
  color: #4a4a4a;
  background-color: white;
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

*:disabled {
  color: #CFCFCF;
}

*[BORDER] {
  border: 1px solid #C1C1C1;
}


/* Button */

Button[PUSH], Button[TOGGLE], Button[BORDER] {
  border: 1px solid #A4A4A4;
  border-radius: 3px;
  padding: 2px 5px;
  /* background-color: #f5f6f6; */
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #cccccc )
  );
}

Button[PUSH]:pressed, Button[TOGGLE]:pressed {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e0e0e0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #b0b0b0 )
  );
  padding: 4px 5px 2px 7px;
}

Button[TOGGLE]:selected {
  /* background-color: #d3d3d3; */
  background-image: gradient(
    linear, left top, left bottom,
    from( #e0e0e0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #b0b0b0 )
  );
}

Button:hover {
  background-color: white;
}

Button.clearButton {
  background-color: transparent;
  background-image: none;
  border: none;
  padding: 2px;
}

Button.viewClose {
  background-color: transparent;
  background-image: url( /theme/icons/stack_tab_active_close_active.png );
  border: none;
  padding: 2px;
}

Button.viewClose:hover {
  background-image: url( /theme/icons/stack_tab_active_close_active_hover.png );
}

Button.viewCloseInactive {
  background-color: transparent;
  background-image: url( /theme/icons/stack_tab_inactive_close_active.png );
  border: none;
}

Button.viewCloseInactive:hover {
  background-image: url( /theme/icons/stack_tab_inactive_close_active_hover.png );
}

Button.toolbarOverflowInactive {
  background-color: transparent;
  background-image: url( /theme/icons/toolbar_overflow.png );
  border: none;
  padding: 2px;
}

Button.toolbarOverflowInactive:hover {
  background-image: url( /theme/icons/toolbar_overflow_hover.png );
}

Button.toolbarOverflowActive {
  background-color: transparent;
  background-image: url( /theme/icons/toolbar_overflow_active.png );
  border: none;
  padding: 2px;
}

Button.toolbarOverflowActive:hover {
  background-image: url( /theme/icons/toolbar_overflow_hover_active.png );
}

Button.menuBar {
  background-color: transparent;
  background-image: none;
  border: none;
  color: rgb( 0, 89, 165 );
  font: 13px Arial, Helvetica, sans-serif;
}

Button.coolBar {
  background-color: transparent;
  background-image: none;
  border: none;
  spacing: 6px;
  color: rgb( 255, 255, 255 );
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Button.coolBar:hover {
  background-image: url( /theme/icons/toolbarButtonBg.png );
}

Button.coolBarPulldown {
  background-color: transparent;
  background-image: none;
  border: none;
  color: rgb( 255, 255, 255 );
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Button.coolBarPulldown:hover {
  background-image: url( /theme/icons/toolbarButtonBg.png );
}

Button.partActive {
  background-color: transparent;
  background-image: none;
  border: none;
  color: rgb( 252, 252, 252 );
  font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Button.partInactive {
  background-color: transparent;
  background-image: none;
  border: none;
  color: rgb( 102, 102, 102 );
  font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Button.inactivePerspective {
  background-color: transparent;
  background-image: none;
  border: none;
  color: rgb( 0, 80, 145 );
}

Button.tabOverflowActive {
  background-color: transparent;
  border: none;
  padding: 2px;
  background-image: url( /theme/icons/stack_tab_overflow_active.png );
}

Button.tabOverflowActive:hover {
  background-image: url( /theme/icons/stack_tab_overflow_active_hover.png );
}

Button.tabOverflowInactive {
  background-color: transparent;
  border: none;
  padding: 2px;
  background-image: url( /theme/icons/stack_tab_overflow_inactive.png );
}

Button.tabOverflowInactive:hover {
  background-image: url( /theme/icons/stack_tab_overflow_inactive_hover.png );
}


/* Shell */

Shell-Titlebar {
  color: white;
  /* background-image: url( /theme/icons/shell-active-background.png ); */
  background-image: gradient( linear, left top, left bottom,
                              from( #005fac ), to( #002092 ) );
  padding: 2px 5px 2px;
  margin: 0px;
  height: 27px;
  font: bold 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  border: none;
  border-radius: 5px 5px 0px 0px;
}

Shell-Titlebar:inactive {
  color: #aaaaaa;
  /* background-image: url( /theme/icons/shell-inactive-background.png ); */
  background-image: gradient( linear, left top, left bottom,
                              from( #595959 ), to( #4b4b4b ) );
}

Shell {
  background-color: white;
}

Shell[BORDER], Shell[TITLE] {
  border: 1px solid #005092;
  border-radius: 6px;
  padding: 5px;
}

Shell[BORDER]:inactive, Shell[TITLE]:inactive {
  border: 1px solid #4b4b4b;
}

Shell-CloseButton {
  background-image: url( "/theme/icons/shell-close.png" );
  margin: 0px 5px 0px 0px;
}

Shell-MaxButton {
  background-image: url( "/theme/icons/shell-max.png" );
  margin: 0px 6px 0px 0px;
}

Shell-MinButton {
  background-image: url( "/theme/icons/shell-min.png" );
  margin: 0px 6px 0px 0px;
}

Shell-CloseButton:hover {
  background-image: url( "/theme/icons/shell-close-hover.png" );
}

Shell-MaxButton:hover {
  background-image: url( "/theme/icons/shell-max-hover.png" );
}

Shell-MinButton:hover {
  background-image: url( "/theme/icons/shell-min-hover.png" );
}

Shell.shellGray {
  background-color: rgb( 235, 235, 235 );
}

Shell.toolbarLayer {
  background-color: rgb( 255, 255, 255 );
  border: none;
}


/* Table */

Table-Column.overflow {
  background-color: transparent;
}

TableItem.overflow {
  background-color: transparent;
}

TableItem.overflow:even {
  background-color: transparent;
}

Table-Column {
  background-color: #f3f3f4;
}

Table-Cell {
  spacing: 3px;
  padding: 5px;
}

List-Item, TableItem {
  background-color: transparent;
}

/*
 disable alt row colors for Lists as they look weird inside examples' ExpandBar:
 List-Item:even,
 */
TableItem:even {
  background-color: #f3f3f4;
}


/* Check Buttons */

Button-CheckIcon {
  background-image: url( /theme/icons/check-unselected.png );
}

Button-CheckIcon:selected {
  background-image: url( /theme/icons/check-selected.png );
}

Button-CheckIcon:grayed {
  background-image: url( /theme/icons/check-grayed.png );
}

Button-CheckIcon:hover {
  background-image: url( /theme/icons/check-unselected-hover.png );
}

Button-CheckIcon:selected:hover {
  background-image: url( /theme/icons/check-selected-hover.png );
}

Button-CheckIcon:grayed:hover {
  background-image: url( /theme/icons/check-grayed-hover.png );
}


/* Radio Buttons */

Button-RadioIcon {
  background-image: url( /theme/icons/radio-unselected.png );
}

Button-RadioIcon:selected {
  background-image: url( /theme/icons/radio-selected.png );
}

Button-RadioIcon:hover {
  background-image: url( /theme/icons/radio-unselected-hover.png );
}

Button-RadioIcon:selected:hover {
  background-image: url( /theme/icons/radio-selected-hover.png );
}


/* Menu */

Menu {
  color: rgb( 0, 89, 165 );;
  background-color: white;
  border: 1px rgb( 0, 89, 165 );
}


/* Selection color */

List-Item:selected, TableItem:selected, TreeItem:selected {
  background-color: #D2D2D2;
  color: #4a4a4a;
}

.menuBarPopup {
  border: none;
}

Label.menuBorder {
  background-color: rgb( 221, 221, 221 );
}

Label.stackBorder {
  background-color: rgb( 235, 235, 235 );
}

Label.standaloneView {
  background-color: transparent;
  border: none;
  color: rgb( 102, 102, 102 );
  font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Tree {
  border: none;
}

.compGray {
  background-color: rgb( 235, 235, 235 );
}

.compTrans {
  background-color: transparent;
}

.partBorder {
  border: rgb( 235, 0, 0 );
}

.compTransNoBorder {
  border: none;
  background-color: rgb( 252, 252, 252 );
}

List, Text, Combo, Tree, Table {
  background-color: rgb( 252, 252, 252 );
}

.formKey {
  font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: gray;
}

.formValue {
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* Expand Bar */

ExpandBar {
  color: white;
}

ExpandItem-Header {
  background-color: #005397;
}

ExpandItem-Button {
  background-image: url( /theme/icons/expanditem-expand.gif );
}

ExpandItem-Button:hover {
  background-image: url( /theme/icons/expanditem-expand-hover.png );
}

ExpandItem-Button:expanded {
  background-image: url( /theme/icons/expanditem-collapse.gif );
}


/* Text, Combo, Spinner, DateTime */

/* Combo always shows a border, the BORDER style flag is ignored by SWT */
Text[BORDER], Combo, CCombo[BORDER], Spinner[BORDER], DateTime[BORDER] {
  border: 1px solid #c1c1c1;
  border-radius: 2px;
}

Combo-Button, CCombo-Button, Spinner-UpButton, Spinner-DownButton, DateTime-UpButton, DateTime-DownButton {
  background-color: transparent;
  border: none;
}

Spinner-UpButton, DateTime-UpButton {
  background-image: url( /theme/icons/chevron-up-small.png );
}

Spinner-DownButton, DateTime-DownButton {
  background-image: url( /theme/icons/chevron-down-small.png );
  /* background-color: #c1c1c1; */
}

Combo-Button:hover, CCombo-Button:hover,
Spinner-UpButton:hover, Spinner-DownButton:hover,
DateTime-UpButton:hover, DateTime-DownButton:hover {
  background-color: #e2e2e2;
}

Combo-Button, CCombo-Button {
  background-image: url( /theme/icons/chevron-down.png );
}

DateTime-Field:selected, DateTime-Calendar-Day:selected {
  background-color: #D2D2D2;
  color: #4a4a4a;
}

DateTime-Calendar-Day:otherMonth {
  background-color: transparent;
  color: rgb( 128, 128, 128 );
}


/* Group */

Group-Frame {
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
}


/* Link */

Link-Hyperlink {
  color: #195d94;
}


/* Progress Bar */

ProgressBar {
  background-color: #ffffff;
  border: 1px solid #747a81;
}

ProgressBar-Indicator {
  background-color: #7bb0db;
}