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

/*******************************************************************************
 * Copyright (c) 2010, 2012 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
 ******************************************************************************/

/* Spinner default theme */

Spinner {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  border: none;
  border-radius: 0 2px 2px 0;
  color: #464a4e;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
}

Spinner[BORDER] {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #464a4e;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
  border: 1px solid #aaaaaa;
  border-radius: 0 2px 2px 0;
  box-shadow: inset 0 0 3px #bdbdbd;
}

Spinner[BORDER]:focused {
  border: 1px solid #4f7cb1;
  box-shadow: 0 0 5px #4f7cb1;
}

Spinner:disabled,
Spinner[BORDER]:disabled {
  box-shadow: none;
}

Spinner-Field {
  padding: 6px 10px 6px 10px;
}

Spinner-UpButton {
  background-color: #efefef;
  background-image: gradient(
    linear, left top, left bottom,
    from( #f9f9f9 ),
    to( #efefef )
  );
  width: 30px;
  border: none;
  border-left: 1px solid #bdbdbd;
  border-radius: 0px 2px 0px 0px;
  cursor: default;
}

Spinner-UpButton:disabled {
  background-image: none;
  background-color: transparent;
}

Spinner-UpButton-Icon {
  background-image: url( resource/widget/rap/spinner/up.png );
}

Spinner-UpButton-Icon:hover {
  background-image: url( resource/widget/rap/spinner/up-hover.png );
}

Spinner-DownButton {
  background-color: #efefef;
  background-image: gradient(
    linear, left top, left bottom,
    from( #efefef ),
    to( #e4e4e4 )
  );
  width: 30px;
  border: none;
  border-left: 1px solid #bdbdbd;
  border-radius: 0px 0px 2px 0px;
  cursor: default;
}

Spinner-DownButton:disabled {
  background-image: none;
  background-color: transparent;
}

Spinner-DownButton-Icon {
  background-image: url( resource/widget/rap/spinner/down.png );
}

Spinner-DownButton-Icon:hover {
  background-image: url( resource/widget/rap/spinner/down-hover.png );
}