wave/src/main/resources/org/waveprotocol/wave/client/widget/button/text/TextButton.css

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 *
 * CSS for the text button template.
 *
 * We use descendant selectors to change the states of the buttons, so the
 * selector for the left component of the 'regular' style button when it is
 * down is ".regularButton.down .left".
 *
 * @author koz@google.com (James Kozianski)
 */


/** Normal (application) button styles **/
@sprite .regularButton .left {
  gwt-image: 'regularLeftImage';
}

@sprite .regularButton .middle {
  gwt-image: 'regularMiddleImage';
  font-size: 8.5pt;
  line-height: value('regularMiddleImage.getHeight', 'px');
  white-space: nowrap;
  padding: 0 3px;
}

@sprite .regularButton .right {
  gwt-image: 'regularRightImage';
}

@sprite .regularButton.down .left {
  gwt-image: 'regularLeftDownImage';
}

@sprite .regularButton.down .middle {
  gwt-image: 'regularMiddleDownImage';
  line-height: value('regularMiddleDownImage.getHeight', 'px');
}

@sprite .regularButton.down .right {
  gwt-image: 'regularRightDownImage';
}

/** Primary button styles **/
@sprite .primaryButton .left {
  gwt-image: 'primaryLeftImage';
}

@sprite .primaryButton .middle {
  gwt-image: 'primaryMiddleImage';
  font-size: 8.5pt;
  line-height: value('primaryMiddleImage.getHeight', 'px');
  white-space: nowrap;
  padding: 0 3px;
}

@sprite .primaryButton .right {
  gwt-image: 'primaryRightImage';
}

@sprite .primaryButton.down .left {
  gwt-image: 'primaryLeftDownImage';
}

@sprite .primaryButton.down .middle {
  gwt-image: 'primaryMiddleDownImage';
  line-height: value('primaryMiddleDownImage.getHeight', 'px');
}

@sprite .primaryButton.down .right {
  gwt-image: 'primaryRightDownImage';
}

.primaryButton {
  color: #FFFFFF;
}

/** Add button styles **/
@sprite .addButton .left {
  gwt-image: 'addButtonLeftImage';
}

@sprite .addButton .middle {
  gwt-image: 'addButtonMiddleImage';
  font-size: 8pt;
  line-height: value('addButtonMiddleImage.getHeight', 'px');
  padding: 0 2px;
  color: #697f9f;
}

@sprite .addButton .right {
  gwt-image: 'addButtonRightImage';
}

/** System (user alert) button styles **/
@sprite .systemButton .left {
  gwt-image: 'systemButtonLeftImage';
}

@sprite .systemButton .middle {
  gwt-image: 'systemButtonMiddleImage';
  font-size: 8pt;
  line-height: value('systemButtonMiddleImage.getHeight', 'px');
  padding: 0 2px;
  white-space: nowrap;
  color: #59573C;
}

@sprite .systemButton .right {
  gwt-image: 'systemButtonRightImage';
}

@sprite .systemButton.down .left {
  gwt-image: 'systemLeftDownImage';
}

@sprite .systemButton.down .middle {
  gwt-image: 'systemMiddleDownImage';
  line-height: value('systemMiddleDownImage.getHeight', 'px');
}

@sprite .systemButton.down .right {
  gwt-image: 'systemRightDownImage';
}

.systemButton {
  float:right;
  padding:2px;
}

.hover {
  /* TODO(koz): Remove this: this is a dummy to keep the compiler happy. */
}

.cursorPointer {
  cursor: pointer;
  \-webkit-user-select: none;
  \-moz-user-select: none;
}

.disabled {
  opacity: 0.35;
  cursor: default;
}

.bold {
  font-weight: bold;
}

.full {
}

.fullWidth .full {
  width: 100%;
}

.fullWidth .middletd {
  width: 100%;
}