bundles/org.eclipse.rap.demo/theme1/theme.css

/*******************************************************************************
 * Copyright (c) 2008, 2009 Innoopract Informationssysteme GmbH.
 * 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:
 *     Innoopract Informationssysteme GmbH - initial API and implementation
 *     EclipseSource - ongoing development
 ******************************************************************************/

/* Alternative RAP theme */

/* System colors and images */

Display {
  rwt-selectionmarker-color: #56a0ea;
  rwt-error-image: url( /theme1/icons/dialog/error.png );
  rwt-information-image: url( /theme1/icons/dialog/information.png );
  rwt-warning-image: url( /theme1/icons/dialog/information.png );
  rwt-question-image: url( /theme1/icons/dialog/question.png );
  rwt-warning-image: url( /theme1/icons/dialog/warning.png );
}

/* All Widgets and Controls */

* {
  color: rgb( 112, 94, 66 );
  background-color: rgb( 255, 255, 255 );
}

:disabled {
  color: gray;
}

List, Tree, Table, Text, Spinner, Combo, DateTime {
  color: rgb( 39, 64, 139 );
  background-color: #fff1a1;
}

List-Item, TableItem {
  /* let List/Table colors shine through */
  color: inherit;
  background-color: transparent;
}

/* Tooltips */

Tooltip {
  background-color: rgb( 255, 255, 196 );
}

/* Button */

Button {
  color: #705e42;
  padding: 3px 6px 3px 4px;
  font: bold 12px Arial, Helvetica, sans-serif;
}

Button[PUSH], Button[TOGGLE] {
  background-color: #9dd0ea;
  border: 2px #1695d4;
}

Button[TOGGLE][FLAT]:pressed {
  background-color: rgb( 227, 221, 158 );
}

Button[PUSH][BORDER], Button[TOGGLE][BORDER] {
  border: 2px outset;
}

Button[PUSH][FLAT], Button[TOGGLE][FLAT] {
  border: 1px blue;
}

Button:hover,
Button[PUSH]:hover, Button[PUSH][BORDER]:hover,
Button[TOGGLE]:hover, Button[TOGGLE][BORDER]:hover {
  background-color: #abe3ff;
}

/* Browser */
Browser[BORDER] {
  border: 1px blue;
}

/* Combo */

Combo {
  border: 1px solid #1695d4;
}

Combo-Button, DateTime-DropDownButton {
  background-image: url( "/theme1/icons/combo.down.gif" );
  background-color: #9dd0ea;
  border: none;
}

Combo-Button:hover, DateTime-DropDownButton:hover {
  background-color: #abe3ff;
}

/* CTabFolder */

CTabItem {
  background-color: transparent;
}

CTabItem:selected {
  color: white;
  background-color: #c0c0c0;
}

/* DateTime */
DateTime-Field:selected, DateTime-Calendar-Day:selected, DateTime-Calendar-Day:selected:hover {
  background-color: #56a0ea;
  color: white;
}

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

DateTime-Calendar-Day:hover {
  background-color: #abe3ff;
}

DateTime-Calendar-Navbar {
  background-color: #9dd0ea;
  color: white;
}

DateTime-Calendar-PreviousMonthButton {
  background-image: url( "/theme1/icons/calendar.last.gif" );
}

DateTime-Calendar-NextMonthButton {
  background-image: url( "/theme1/icons/calendar.next.gif" );
}

DateTime-Calendar-PreviousYearButton {
  background-image: url( "/theme1/icons/calendar.last.year.gif" );
}

DateTime-Calendar-NextYearButton {
  background-image: url( "/theme1/icons/calendar.next.year.gif" );
}

/* ExpandBar */

ExpandBar {
  color: white;
  font: bold 12px Arial, Helvetica, sans-serif;
}

ExpandItem-Header {
  background-color: #9dd0ea;
}

/* Group */

Group {
  color: #56a0ea;
  font: bold 12px Arial, Helvetica, sans-serif;
}

Group-Frame {
  border: 1px dashed #56a0ea;
}

Group-Label {
  padding: 1px 6px;
  color: white;
  background-color: #56a0ea;
}

/* Link */

Link-Hyperlink {
  color: rgb( 34, 139, 34 );
}

/* Menu */

Menu {
  border: 1px #1695d4;
  padding: 0px;
}

MenuItem:hover {
  color: white;
  background-color: #56a0ea;
}

MenuItem-CheckIcon {
  background-image: url( "/theme1/icons/menu.checkbox.gif" );
}

MenuItem-RadioIcon {
  background-image: url( "/theme1/icons/menu.radiobutton.gif" );
}

MenuItem-CascadeIcon {
  background-image: url( "/theme1/icons/menu.cascade.gif" );
}

/* ProgressBar */

ProgressBar {
  background-image: url( "/theme1/icons/barbg.png" );
}

ProgressBar-Indicator {
  background-image: url( "/theme1/icons/bar.png" );
}

/* Sash */

Sash-Handle:horizontal {
  background-image: url( "/theme1/icons/sash.h_handle.gif" );
}

Sash-Handle:vertical {
  background-image: url( "/theme1/icons/sash.v_handle.gif" );
}

/* Shell */

Shell {
  border: 1px gray;
  padding: 3px;
}

Shell[TITLE], Shell[BORDER] {
  border: 3px #1695d4;
}

Shell:maximized {
  border: none;
}

Shell-Titlebar {
  color: white;
  background-color: #9dd0ea;
  background-gradient-color: rgb( 114, 114, 114 );
  background-image: none;
  padding: 2px 5px 2px;
  margin: 0px;
  height: 25px;
  font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Shell-Titlebar:inactive {
  color: rgb( 128, 128, 128 );
  background-color: rgb( 205, 197, 191 );
  background-gradient-color: rgb( 205, 197, 191 );
  background-image: none;
}

Shell-MinButton, Shell-MaxButton, Shell-CloseButton {
  margin: 0px 2px 8px 0px;
}

Shell-MinButton {
  background-image: url( "/theme1/icons/minimize.png" );
}

Shell-MinButton:hover {
  background-image: url( "/theme1/icons/minimize.over.png" );
}

Shell-MaxButton {
  background-image: url( "/theme1/icons/maximize.png" );
}

Shell-MaxButton:hover {
  background-image: url( "/theme1/icons/maximize.over.png" );
}

Shell-MaxButton:maximized {
  background-image: url( "/theme1/icons/restore.png" );
}

Shell-MaxButton:maximized:hover {
  background-image: url( "/theme1/icons/restore.over.png" );
}

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

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

Shell-DisplayOverlay {
  opacity: 0.5;
}

/* Scale */
Scale {
  background-color: rgb( 255, 255, 255 );  
}

Scale-Thumb {
  background-color: #9dd0ea;
}

/* Spinner */
Spinner-UpButton {
  background-image: url( "/theme1/icons/spinner.up.gif" );
}

Spinner-DownButton {
  background-image: url( "/theme1/icons/spinner.down.gif" );
}

/* TabFolder */

TabItem {
  background-color: rgb( 242, 238, 189 );
}

TabItem:selected {
  background-color: rgb( 255, 255, 255 );
  border-top-color: rgb( 22,149,212 );
  border-bottom-color: rgb( 22,149,212 );
}

/* Text */

Text[BORDER] {
  border: 1px solid #1695d4;
}

/* Toolbar */

ToolItem {
  border: 1px transparent;
  padding: 3px;
}

ToolItem:hover {
  background-color: #abe3ff;
}

ToolItem:pressed, ToolItem:selected {
  border: 1px #1694d4;
}

/* Table and Tree */

Table-Checkbox {
  background-image: url( "/theme1/icons/checkbox.white.off.gif" );
}

Table-Checkbox:grayed {
  background-image: url( "/theme1/icons/checkbox.gray.off.gif" );
}

Table-Checkbox:checked {
  background-image: url( "/theme1/icons/checkbox.white.on.gif" );
}

Table-Checkbox:checked:grayed {
  background-image: url( "/theme1/icons/checkbox.gray.on.gif" );
}

TreeColumn:hover, TableColumn:hover {
  background-color: #9dd0ea;
}

TreeColumn-SortIndicator:up, TableColumn-SortIndicator:up {
  background-image: url( "/theme1/icons/sort-up.png" );
}

TreeColumn-SortIndicator:down, TableColumn-SortIndicator:down {
  background-image: url( "/theme1/icons/sort-down.png" );
}

Table-Cell {
  spacing: 4px;
  padding: 4px;
}

Table-GridLine {
  color: #aca899;
}

/* Alternating row colors */

List-Item:even, TableItem:even {
  background-color: #ebe3b3;
}

/* Selected Items */

List-Item:selected, List-Item:selected:hover,
TableItem:selected, TableItem:selected:hover,
TreeItem:selected, TreeItem:selected:hover {
  color: white;
  background-color: #56a0ea;
}

List-Item:selected:unfocused, TreeItem:selected:unfocused,
DateTime-Calendar-Day:selected:unfocused {
  background-color: #c0c0c0;
}

/* Hovered Items */
List-Item:hover, TableItem:hover, TreeItem:hover {
  background-color: #abe3ff;
}

/* Custom variants */

.special-red {
  color: red;
  background-color: #ffaaaa;
}

.special-red:disabled {
  color: white;
}

.special-blue {
  color: blue;
  background-color: #aaaaff;
}

.special-blue:disabled {
  color: white;
}

Shell.special-red {
  border: 3px solid red;
  padding: 10px;
}

Shell.special-blue {
  border: 3px solid blue;
  padding: 10px;
}

Link-Hyperlink.special-red {
  color: #ffaaaa;
}

Link-Hyperlink.special-blue {
  color: #aaaaff;
}

Button[PUSH].special-red, Button[TOGGLE].special-red {
  border: 2px solid red;
}

/* Slider */

Slider {
  background-color: #fff1a1;
}

Slider-Thumb {
  background-color: #9dd0ea;
  border: 2px #1695d4;
}

Slider-Thumb:pressed {
  background-color: #ffffff;
}

Slider-DownButton {
  background-color: #9dd0ea;
  border: 2px #1695d4;
}

Slider-DownButton:hover {
  background-color: #ffffff;
}

Slider-DownButton:horizontal {
  background-image: url( "/theme1/icons/slider.h_btn.min.gif" );
}

Slider-DownButton:vertical {
  background-image: url( "/theme1/icons/slider.v_btn.min.gif" );
}

Slider-UpButton {
  background-color: #9dd0ea;
  border: 2px #1695d4;
}

Slider-UpButton:hover {
  background-color: #ffffff;
}

Slider-UpButton:horizontal {
  background-image: url( "/theme1/icons/slider.h_btn.max.gif" );
}

Slider-UpButton:vertical {
  background-image: url( "/theme1/icons/slider.v_btn.max.gif" );
}

Label:hover {
  text-decoration: underline;
}