RELEASE_2_1_13/src/blocks/slop/samples/yapt/css/yapt-images.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 stylesheet for yapt images
    based on ideas and tutorials from http://www.bigbaer.com

    $Id: yapt-images.css,v 1.2 2004/03/06 06:16:53 antonio Exp $
*/

/** basic images stuff */
img {border: 0;}

/** allow an image to follow its DIV's size */
img.scaledImage {
  width: 100%;
}

/** classes of images for position (left, right, top) and width */

.fullWidth { float:top: width: 100%; }
.leftThird { float: left; width: 33%; }
.leftHalf { float: left; width: 50%;}
.rightThird { float: right; width: 33%; }
.rightHalf { float: right; width: 50%;}

/** common stuff for images */
div.leftThird,
div.leftHalf,
div.rightThird,
div.rightHalf
{
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center
}

/** image caption if any */
p.caption {
  font-style: italic;
  font-size: smaller;
}