diff options
Diffstat (limited to 'media/forms')
-rw-r--r-- | media/forms/_library/cmxform.css | 57 | ||||
-rw-r--r-- | media/forms/cmxform.css | 30 | ||||
-rw-r--r-- | media/forms/cmxform.js | 22 | ||||
-rw-r--r-- | media/forms/core.css | 22 | ||||
-rw-r--r-- | media/forms/images/cmxform-divider.gif | bin | 0 -> 43 bytes | |||
-rw-r--r-- | media/forms/images/cmxform-fieldset.gif | bin | 0 -> 2926 bytes | |||
-rw-r--r-- | media/forms/reset.css | 62 | ||||
-rw-r--r-- | media/forms/screen.css | 16 |
8 files changed, 209 insertions, 0 deletions
diff --git a/media/forms/_library/cmxform.css b/media/forms/_library/cmxform.css new file mode 100644 index 00000000..ff362864 --- /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 00000000..f713714f --- /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 00000000..0b7973d6 --- /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 00000000..bdeac7a4 --- /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 Binary files differnew file mode 100644 index 00000000..718a977c --- /dev/null +++ b/media/forms/images/cmxform-divider.gif diff --git a/media/forms/images/cmxform-fieldset.gif b/media/forms/images/cmxform-fieldset.gif Binary files differnew file mode 100644 index 00000000..0590c894 --- /dev/null +++ b/media/forms/images/cmxform-fieldset.gif diff --git a/media/forms/reset.css b/media/forms/reset.css new file mode 100644 index 00000000..c557f24c --- /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 00000000..d21a36a3 --- /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 |