tests/org.eclipse.rap.rwt.themes.test/src/org/eclipse/rap/rwt/themes/test/rwtdefault/List.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
 ******************************************************************************/

/* List default theme */

List {
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border: none;
  color: #4a4a4a;
}

List[BORDER] {
  border: 1px solid #bdbdbd;
}

List-Item {
  padding: 5px 10px 5px 10px;
  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: inherit;
  background-image: none;
  text-shadow: none;
}

List-Item:hover {
  color: inherit;
  background-color: #dae9f7;
  background-image: gradient(
    linear, left top, left bottom,
    from( #ebebeb ),
    to( #d5d5d5 )
  );
}

List-Item:selected {
  color: #ffffff;
  background-color: #00589f;
  background-image: gradient(
    linear, left top, left bottom,
    from( #5882b5 ),
    to( #416693 )
  );
}

List-Item:selected:unfocused {
  background-color: #959595;
  color: #ffffff;
  background-image: gradient(
    linear, left top, left bottom,
    from( #b5b5b5 ),
    to( #818181 )
  );
}

List-Item:even {
  background-color: #f0f0f0;
}

List-Item:even:hover {
  color: #4a4a4a;
  background-color: #818181;
  background-image: gradient(
    linear, left top, left bottom,
    from( #ebebeb ),
    to( #d5d5d5 )
  );
}

List-Item:even:selected {
  color: #ffffff;
  background-color: #818181;
  background-image: gradient(
    linear, left top, left bottom,
    from( #5882b5 ),
    to( #416693 )
  );
}

List-Item:even:selected:unfocused {
  background-color: #959595;
  color: #ffffff;
  background-image: gradient(
    linear, left top, left bottom,
    from( #b5b5b5 ),
    to( #818181 )
  );
}