From 39a548fd2629f3b6383990264b2e331b3aea99fb Mon Sep 17 00:00:00 2001 From: eliott Date: Sat, 3 Nov 2007 03:45:10 -0400 Subject: Initial import for public release... Special Note Prior to git import, approx 90% of the code was done by Judd Vinet. Thanks Judd! --- media/forms/_library/cmxform.css | 57 +++++++++++++++++++++++++++++ media/forms/cmxform.css | 30 ++++++++++++++++ media/forms/cmxform.js | 22 ++++++++++++ media/forms/core.css | 22 ++++++++++++ media/forms/images/cmxform-divider.gif | Bin 0 -> 43 bytes media/forms/images/cmxform-fieldset.gif | Bin 0 -> 2926 bytes media/forms/reset.css | 62 ++++++++++++++++++++++++++++++++ media/forms/screen.css | 16 +++++++++ 8 files changed, 209 insertions(+) create mode 100644 media/forms/_library/cmxform.css create mode 100644 media/forms/cmxform.css create mode 100644 media/forms/cmxform.js create mode 100644 media/forms/core.css create mode 100644 media/forms/images/cmxform-divider.gif create mode 100644 media/forms/images/cmxform-fieldset.gif create mode 100644 media/forms/reset.css create mode 100644 media/forms/screen.css (limited to 'media/forms') diff --git a/media/forms/_library/cmxform.css b/media/forms/_library/cmxform.css new file mode 100644 index 0000000..ff36286 --- /dev/null +++ b/media/forms/_library/cmxform.css @@ -0,0 +1,57 @@ +/********************************** + +Use: cmxform template +Author: Nick Rigby + +***********************************/ + +form.cmxform fieldset { margin-bottom: 10px; } + +form.cmxform legend { + padding: 0 2px; + font-weight: bold; + _margin: 0 -7px; /* IE Win */ + } + +form.cmxform label { + display: inline-block; + line-height: 1.8; + vertical-align: top; + } + +form.cmxform fieldset ol { + margin: 0; + padding: 0; + } + +form.cmxform fieldset li { + list-style: none; + padding: 5px; + margin: 0; + } + +form.cmxform fieldset fieldset { + border: none; + margin: 3px 0 0; + } + +form.cmxform fieldset fieldset legend { + padding: 0 0 5px; + font-weight: normal; + } + +form.cmxform fieldset fieldset label { + display: block; + width: auto; + } + +form.cmxform em { + font-weight: bold; + font-style: normal; + color: #f00; + } + +form.cmxform label { width: 120px; } /* Width of labels */ +form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */ + +/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */ \ No newline at end of file diff --git a/media/forms/cmxform.css b/media/forms/cmxform.css new file mode 100644 index 0000000..f713714 --- /dev/null +++ b/media/forms/cmxform.css @@ -0,0 +1,30 @@ +/********************************** + +Name: cmxform Styles +Author: Nick Rigby + +***********************************/ + +form.cmxform { + width: 370px; + font-size: 1.1em; + color: #333; + } + +form.cmxform legend { padding-left: 0; } + +form.cmxform legend, +form.cmxform label { color: #333; } + +form.cmxform fieldset { + border: none; + border-top: 1px solid #C9DCA6; + background: url(../images/cmxform-fieldset.gif) left bottom repeat-x; + } + +form.cmxform fieldset fieldset { background: none; } + +form.cmxform fieldset li { + padding: 5px 10px 7px; + background: url(../images/cmxform-divider.gif) left bottom repeat-x; + } \ No newline at end of file diff --git a/media/forms/cmxform.js b/media/forms/cmxform.js new file mode 100644 index 0000000..0b7973d --- /dev/null +++ b/media/forms/cmxform.js @@ -0,0 +1,22 @@ +if( document.addEventListener ) document.addEventListener( 'DOMContentLoaded', cmxform, false ); + +function cmxform(){ + // Hide forms + $( 'form.cmxform' ).hide().end(); + + // Processing + $( 'form.cmxform' ).find( 'li/label' ).not( '.nocmx' ).each( function( i ){ + var labelContent = this.innerHTML; + var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' ); + var labelSpan = document.createElement( 'span' ); + labelSpan.style.display = 'block'; + labelSpan.style.width = labelWidth; + labelSpan.innerHTML = labelContent; + this.style.display = '-moz-inline-box'; + this.innerHTML = null; + this.appendChild( labelSpan ); + } ).end(); + + // Show forms + $( 'form.cmxform' ).show().end(); +} \ No newline at end of file diff --git a/media/forms/core.css b/media/forms/core.css new file mode 100644 index 0000000..bdeac7a --- /dev/null +++ b/media/forms/core.css @@ -0,0 +1,22 @@ +/********************************** + +Use: Core Styles +Author: Nick Rigby + +***********************************/ + +body { + padding: 0 10px; + font: normal 62.5% "Lucida Grande", Helvetica, Verdana, Arial; + } + +p { margin: 10px 0; } + +.sr { + position: absolute; + left: -9999em; + top: 0; + width: 1px; + height: 1px; + overflow: hidden; + } \ No newline at end of file diff --git a/media/forms/images/cmxform-divider.gif b/media/forms/images/cmxform-divider.gif new file mode 100644 index 0000000..718a977 Binary files /dev/null and b/media/forms/images/cmxform-divider.gif differ diff --git a/media/forms/images/cmxform-fieldset.gif b/media/forms/images/cmxform-fieldset.gif new file mode 100644 index 0000000..0590c89 Binary files /dev/null and b/media/forms/images/cmxform-fieldset.gif differ diff --git a/media/forms/reset.css b/media/forms/reset.css new file mode 100644 index 0000000..c557f24 --- /dev/null +++ b/media/forms/reset.css @@ -0,0 +1,62 @@ +/********************************** + +Use: Reset Styles for all browsers +Author: Nick Rigby + +***********************************/ + +body, p, blockquote { + margin: 0; + padding: 0; + } + +a img, iframe { border: none; } + +/* Headers +------------------------------*/ + +h1, h2, h3, h4, h5, h6 { + margin: 0; + padding: 0; + font-size: 100%; + } + +/* Lists +------------------------------*/ + +ul, ol, dl, li, dt, dd { + margin: 0; + padding: 0; + } + +/* Links +------------------------------*/ + +a, a:link {} +a:visited {} +a:hover {} +a:active {} + +/* Forms +------------------------------*/ + +form, fieldset { + margin: 0; + padding: 0; + } + +fieldset { border: 1px solid #000; } + +legend { + padding: 0; + color: #000; + } + +input, textarea, select { + margin: 0; + padding: 1px; + font-size: 100%; + font-family: inherit; + } + +select { padding: 0; } \ No newline at end of file diff --git a/media/forms/screen.css b/media/forms/screen.css new file mode 100644 index 0000000..d21a36a --- /dev/null +++ b/media/forms/screen.css @@ -0,0 +1,16 @@ +/********************************** + +Use: Main Screen Import +Author: Nick Rigby + +***********************************/ + +@import "reset.css"; +@import "core.css"; + +@import "_library/cmxform.css"; +@import "cmxform.css"; + +/* IE5 Macintosh \*//*/ +@import "_ie/mac/5.css"; +/**/ \ No newline at end of file -- cgit v1.2.3-24-g4f1b