wave/src/main/resources/org/waveprotocol/wave/client/widget/popup/desktopchrome/DesktopPopupChrome.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 DesktopPopupChrome.
 * Author: macpherson@google.com (Luke Macpherson)
 *
 * Unfortunately it is necessary to have a lot of hand tuned constants in this file,
 * Both because of the image contents, and because GWT does not provide a way to evaluate
 * expressions from CSS.
 */

@def northOffset -3px;
@def westOffset -1px;
@def southOffset -11px;
@def eastOffset -9px;

@sprite .north {
  gwt-image: 'chromeNorth';
  position: absolute;
  top: northOffset;
  right: 2px;
  left: 2px;
}

@sprite .titled .north {
  gwt-image: 'chromeNorthTitled';
}

@sprite .northEast {
  gwt-image: 'chromeNorthEast';
  position: absolute;
  right: eastOffset;
  top: northOffset;
}

@sprite .titled .northEast {
  gwt-image: 'chromeNorthEastTitled';
}

@sprite .eastNorthEast {
  gwt-image: 'chromeEastNorthEast';
  position: absolute;
  top: 0px;
  right: eastOffset;
}

@sprite .east {
  gwt-image: 'chromeEast';
  position: absolute;
  top: 9px;
  right: eastOffset;
  bottom: 0;
}

@sprite .southEast {
  gwt-image: 'chromeSouthEast';
  position: absolute;
  right: eastOffset;
  bottom: southOffset;
}

@sprite .south {
  gwt-image: 'chromeSouth';
  position: absolute;
  right: 2px;
  bottom: southOffset;
  left: 10px;
}

@sprite .southWest {
  gwt-image: 'chromeSouthWest';
  position: absolute;
  bottom: southOffset;
  left: westOffset;
}

@sprite .west {
  gwt-image: 'chromeWest';
  position: absolute;
  top: 0;
  bottom: 0;
  left: westOffset;
}

@sprite .northWest {
  gwt-image: 'chromeNorthWest';
  position: absolute;
  top: northOffset;
  left: westOffset;
}

@sprite .titled .northWest {
  gwt-image: 'chromeNorthWestTitled';
}