tests/org.eclipse.rap.rwt.themes.test/src/org/eclipse/rap/rwt/themes/test/rwtdefault/Button.test.css

/*******************************************************************************
 * Copyright (c) 2010, 2013 EclipseSource and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    EclipseSource - initial API and implementation
 ******************************************************************************/

/* Button default theme */

/* PUSH and TOGGLE */

Button[PUSH],
Button[TOGGLE],
Button[PUSH][BORDER],
Button[TOGGLE][BORDER],
Button[PUSH][FLAT],
Button[TOGGLE][FLAT] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: #ffffff;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
  background-repeat: repeat;
  background-position: left top;
  padding: 6px 15px;
  spacing: 2px;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  animation: none;
  cursor: pointer;
  opacity: 1;
  text-shadow: 0 1px 0 #ffffff;
  text-decoration: none;
}

Button[ARROW],
Button[ARROW][BORDER],
Button[ARROW][FLAT] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: #ffffff;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #e4e4e4 )
  );
  background-repeat: repeat;
  background-position: left top;
  padding: 10px;
  spacing: 2px;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  animation: none;
  cursor: pointer;
  opacity: 1;
  text-shadow: none;
}

Button[ARROW]:disabled,
Button[PUSH]:disabled,
Button[TOGGLE]:disabled,
Button[ARROW][BORDER]:disabled,
Button[PUSH][BORDER]:disabled,
Button[TOGGLE][BORDER]:disabled,
Button[ARROW][FLAT]:disabled,
Button[PUSH][FLAT]:disabled,
Button[TOGGLE][FLAT]:disabled {
  cursor: default;
  opacity: 1;
}

Button[ARROW]:hover,
Button[PUSH]:hover,
Button[TOGGLE]:hover,
Button[ARROW][BORDER]:hover,
Button[PUSH][BORDER]:hover,
Button[TOGGLE][BORDER]:hover,
Button[ARROW][FLAT]:hover,
Button[PUSH][FLAT]:hover,
Button[TOGGLE][FLAT]:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #eaeaea ),
    to( #d5d5d5 )
  );
  text-decoration: none;
}

Button[ARROW]:pressed,
Button[PUSH]:pressed,
Button[TOGGLE]:pressed,
Button[ARROW][BORDER]:pressed,
Button[PUSH][BORDER]:pressed,
Button[TOGGLE][BORDER]:pressed,
Button[ARROW][FLAT]:pressed,
Button[PUSH][FLAT]:pressed,
Button[TOGGLE][FLAT]:pressed {
  background-image: gradient(
    linear, left top, left bottom,
    from( #d5d5d5 ),
    to( #eaeaea )
  );
}

Button[TOGGLE]:selected, 
Button[TOGGLE][BORDER]:selected, 
Button[TOGGLE][FLAT]:selected {
  background-image: gradient(
    linear, left top, left bottom,
    from( #d5d5d5 ),
    to( #eaeaea )
  );
}

Button[TOGGLE]:selected:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #d5d5d5 ),
    to( #eaeaea )
  );
}

/* CHECK and RADIO */

Button[CHECK], 
Button[RADIO] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-position: left top;
  padding: 3px 3px 3px 0;
  spacing: 7px;
  border: none;
  border-radius: 2px;
  animation: none;
  cursor: default;
  opacity: 1;
  text-shadow: none;
  text-decoration: none;
}

Button[CHECK][BORDER], 
Button[RADIO][BORDER] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: #ffffff;
  background-image: none;
  padding: 3px 3px 3px 0;
  spacing: 7px;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  animation: none;
  cursor: default;
  opacity: 1;
  text-shadow: none;
}

Button-CheckIcon {
  background-image: url( resource/widget/rap/button/check-unselected.png );
}

Button-CheckIcon:hover {
  background-image: url( resource/widget/rap/button/check-unselected-hover.png );
}

Button-CheckIcon:selected {
  background-image: url( resource/widget/rap/button/check-selected.png );
}

Button-CheckIcon:selected:hover {
  background-image: url( resource/widget/rap/button/check-selected-hover.png );
}

Button-CheckIcon:selected:grayed {
  background-image: url( resource/widget/rap/button/check-grayed.png );
}

Button-CheckIcon:selected:grayed:hover {
  background-image: url( resource/widget/rap/button/check-grayed-hover.png );
}

Button-RadioIcon {
  background-image: url( resource/widget/rap/button/radio-unselected.png );
}

Button-RadioIcon:hover {
  background-image: url( resource/widget/rap/button/radio-unselected-hover.png );
}

Button-RadioIcon:selected {
  background-image: url( resource/widget/rap/button/radio-selected.png );
}

Button-RadioIcon:selected:hover {
  background-image: url( resource/widget/rap/button/radio-selected-hover.png );
}

Button-ArrowIcon[UP] {
  background-image: url( resource/widget/rap/button/arrow-up.png );
}

Button-ArrowIcon[DOWN] {
  background-image: url( resource/widget/rap/button/arrow-down.png );
}

Button-ArrowIcon[LEFT] {
  background-image: url( resource/widget/rap/button/arrow-left.png );
}

Button-ArrowIcon[RIGHT] {
  background-image: url( resource/widget/rap/button/arrow-right.png );
}

Button-FocusIndicator[ARROW], Button-FocusIndicator[PUSH], Button-FocusIndicator[TOGGLE] {
  background-color: transparent; 
  border: 1px dotted #b8b8b8;
  margin: 2px;
  padding: 0px;
  opacity: 1;
}

Button-FocusIndicator[CHECK], Button-FocusIndicator[RADIO] {
  background-color: transparent; 
  border: 1px dotted #b8b8b8;
  padding: 2px 2px 2px 1px;
  margin: 0px;
  opacity: 1;
}