Data Browser - Viewing Site  Sector 23 Code Bank Logged in as:  Guest  


CSS3 New Style Options
Here is the syntax for applying new style options 'border-radius' and 'box-shadow' to a style sheet. This example will render a nicely shadowed gray box with round corners.
CSS3 is not supported on IE8 or lower.

background-color: #f6f6f6;
border: solid 1px #e5e5e5;
display: block;
font-family: Tahoma, Arial;
font-size: 10pt;
margin-bottom: 10px;
padding: 10px;
border-radius: 4px 4px 4px 4px;
box-shadow: 2px 2px 4px #e5e5e5;

You may need to change your DocType from a lower version to something like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

Also, this CSS doesn't always work if nested inside of tables/items with their own borders or shadows.

Created By: amos 3/18/2013 3:01:38 PM
Updated: 3/18/2013 8:46:03 PM