summaryrefslogtreecommitdiffstats
path: root/media/forms
diff options
context:
space:
mode:
Diffstat (limited to 'media/forms')
-rw-r--r--media/forms/_library/cmxform.css57
-rw-r--r--media/forms/cmxform.css30
-rw-r--r--media/forms/cmxform.js22
-rw-r--r--media/forms/core.css22
-rw-r--r--media/forms/images/cmxform-divider.gifbin0 -> 43 bytes
-rw-r--r--media/forms/images/cmxform-fieldset.gifbin0 -> 2926 bytes
-rw-r--r--media/forms/reset.css62
-rw-r--r--media/forms/screen.css16
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 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
--- /dev/null
+++ b/media/forms/images/cmxform-divider.gif
Binary files differ
diff --git a/media/forms/images/cmxform-fieldset.gif b/media/forms/images/cmxform-fieldset.gif
new file mode 100644
index 0000000..0590c89
--- /dev/null
+++ b/media/forms/images/cmxform-fieldset.gif
Binary files 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