/** * utilities.css * code by strangecode :: www.strangecode.com :: this document contains copyrighted information * * CSS used often in Strangecode applications. Do not arbitrarily * edit this code! This file is used between many sites and modifying it may result * in something breaking. Instead, overwrite these values in a specific site by * adding new definitions to a screen.css file. */ /*_____________________ FORMS ____________________*/ input.tiny, textarea.tiny, select.tiny, input.small, textarea.small, select.small, input.medium, textarea.medium, select.medium, input.large, textarea.large, select.large { margin: 0 0.5em 0 0; } input.tiny, textarea.tiny, select.tiny { width: 4.75em; } input.small, textarea.small, select.small { width: 10em; } input.medium, textarea.medium, select.medium { width: 20.5em; } input.large, textarea.large, select.large { width: 41.5em; } input.full, textarea.full, select.full { width: 100%; } select.small { width: 10em; } select.medium { width: 20.5em; } textarea.twolines, select.twolines { height: 3em; } textarea.short, select.short { height: 8em; } textarea.tall, select.tall { height: 25em; } textarea.fullscreen, select.fullscreen { height: 40em; } /*_____________________ UTILITIES ____________________*/ .nowrap { white-space: nowrap; } .clearboth { clear: both; } .center { text-align: center; } .right { text-align: right; } .padright { padding: 0 10px 0 0; } .padleft { padding: 0 0 0 10px; } .help { color: #999; font-weight: normal; } .monospaced { font-family: monaco, courier; font-weight: normal; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.0; } * html .pkg { display: block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */