|
@ -1,7 +1,7 @@ |
|
|
/* ------------------------------------------------------------------------------ |
|
|
/* ------------------------------------------------------------------------------ |
|
|
|
|
|
|
|
|
Copyright (c) 2010, Dragan Babic |
|
|
Copyright (c) 2010, Dragan Babic |
|
|
|
|
|
|
|
|
Permission is hereby granted, free of charge, to any person |
|
|
Permission is hereby granted, free of charge, to any person |
|
|
obtaining a copy of this software and associated documentation |
|
|
obtaining a copy of this software and associated documentation |
|
|
files (the "Software"), to deal in the Software without |
|
|
files (the "Software"), to deal in the Software without |
|
@ -10,10 +10,10 @@ |
|
|
copies of the Software, and to permit persons to whom the |
|
|
copies of the Software, and to permit persons to whom the |
|
|
Software is furnished to do so, subject to the following |
|
|
Software is furnished to do so, subject to the following |
|
|
conditions: |
|
|
conditions: |
|
|
|
|
|
|
|
|
The above copyright notice and this permission notice shall be |
|
|
The above copyright notice and this permission notice shall be |
|
|
included in all copies or substantial portions of the Software. |
|
|
included in all copies or substantial portions of the Software. |
|
|
|
|
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES |
|
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES |
|
|
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND |
|
|
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND |
|
@ -28,22 +28,22 @@ |
|
|
/* ------------------------------------------------------------------------------ */ |
|
|
/* ------------------------------------------------------------------------------ */ |
|
|
|
|
|
|
|
|
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ |
|
|
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */ |
|
|
|
|
|
|
|
|
/* Some generals and more resets */ |
|
|
/* Some generals and more resets */ |
|
|
.uniForm fieldset{ border: none; margin: 0; padding: 0; } |
|
|
.uniForm fieldset{ border: none; margin: 0; padding: 0; } |
|
|
.uniForm fieldset legend{ margin: 0; padding: 0; } |
|
|
.uniForm fieldset legend{ margin: 0; padding: 0; } |
|
|
|
|
|
|
|
|
/* This are the main units that contain form elements */ |
|
|
/* This are the main units that contain form elements */ |
|
|
.uniForm .ctrlHolder, |
|
|
.uniForm .ctrlHolder, |
|
|
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } |
|
|
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } |
|
|
|
|
|
|
|
|
/* Clear all floats */ |
|
|
/* Clear all floats */ |
|
|
.uniForm:after, |
|
|
.uniForm:after, |
|
|
.uniForm .buttonHolder:after, |
|
|
.uniForm .buttonHolder:after, |
|
|
.uniForm .ctrlHolder:after, |
|
|
.uniForm .ctrlHolder:after, |
|
|
.uniForm .ctrlHolder .multiField:after, |
|
|
.uniForm .ctrlHolder .multiField:after, |
|
|
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } |
|
|
.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } |
|
|
|
|
|
|
|
|
.uniForm label, |
|
|
.uniForm label, |
|
|
.uniForm button{ cursor: pointer; } |
|
|
.uniForm button{ cursor: pointer; } |
|
|
|
|
|
|
|
@ -55,17 +55,17 @@ |
|
|
|
|
|
|
|
|
.uniForm label, |
|
|
.uniForm label, |
|
|
.uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } |
|
|
.uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } |
|
|
|
|
|
|
|
|
/* Float the input elements */ |
|
|
/* Float the input elements */ |
|
|
.uniForm .textInput, |
|
|
.uniForm .textInput, |
|
|
.uniForm .fileUpload, |
|
|
.uniForm .fileUpload, |
|
|
.uniForm .selectInput, |
|
|
.uniForm .selectInput, |
|
|
.uniForm select, |
|
|
.uniForm select, |
|
|
.uniForm textarea{ float: left; width: 53%; margin: 0; } |
|
|
.uniForm textarea{ float: left; width: 53%; margin: 0; } |
|
|
|
|
|
|
|
|
/* Postition the hints */ |
|
|
/* Postition the hints */ |
|
|
.uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } |
|
|
.uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } |
|
|
|
|
|
|
|
|
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ |
|
|
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ |
|
|
.uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } |
|
|
.uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } |
|
|
.uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } |
|
|
.uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } |
|
@ -79,7 +79,7 @@ |
|
|
.uniForm ul.alternate .textInput, |
|
|
.uniForm ul.alternate .textInput, |
|
|
.uniForm ul.alternate .selectInput, |
|
|
.uniForm ul.alternate .selectInput, |
|
|
.uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } |
|
|
.uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } |
|
|
|
|
|
|
|
|
/* Required fields asterisk styling */ |
|
|
/* Required fields asterisk styling */ |
|
|
.uniForm label em, |
|
|
.uniForm label em, |
|
|
.uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } |
|
|
.uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } |
|
@ -93,7 +93,7 @@ |
|
|
|
|
|
|
|
|
.uniForm .inlineLabels label, |
|
|
.uniForm .inlineLabels label, |
|
|
.uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } |
|
|
.uniForm .inlineLabels .label{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } |
|
|
|
|
|
|
|
|
/* Float the input elements */ |
|
|
/* Float the input elements */ |
|
|
.uniForm .inlineLabels .textInput, |
|
|
.uniForm .inlineLabels .textInput, |
|
|
.uniForm .inlineLabels .fileUpload, |
|
|
.uniForm .inlineLabels .fileUpload, |
|
@ -103,7 +103,7 @@ |
|
|
|
|
|
|
|
|
/* Postition the hints */ |
|
|
/* Postition the hints */ |
|
|
.uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } |
|
|
.uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } |
|
|
|
|
|
|
|
|
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ |
|
|
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */ |
|
|
.uniForm .inlineLabels ul{ float: left; width: 66%; } |
|
|
.uniForm .inlineLabels ul{ float: left; width: 66%; } |
|
|
.uniForm .inlineLabels ul li{ margin: .5em 0; } |
|
|
.uniForm .inlineLabels ul li{ margin: .5em 0; } |
|
@ -113,7 +113,7 @@ |
|
|
.uniForm .inlineLabels ul li label .textInput, |
|
|
.uniForm .inlineLabels ul li label .textInput, |
|
|
.uniForm .inlineLabels ul li label textarea, |
|
|
.uniForm .inlineLabels ul li label textarea, |
|
|
.uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } |
|
|
.uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } |
|
|
|
|
|
|
|
|
/* Required fields asterisk styling */ |
|
|
/* Required fields asterisk styling */ |
|
|
.uniForm .inlineLabels label em, |
|
|
.uniForm .inlineLabels label em, |
|
|
.uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } |
|
|
.uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } |
|
@ -124,22 +124,22 @@ |
|
|
|
|
|
|
|
|
/* Generals */ |
|
|
/* Generals */ |
|
|
.uniForm legend{ color: inherit; } |
|
|
.uniForm legend{ color: inherit; } |
|
|
|
|
|
|
|
|
.uniForm .secondaryAction{ float: left; } |
|
|
.uniForm .secondaryAction{ float: left; } |
|
|
|
|
|
|
|
|
/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ |
|
|
/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */ |
|
|
.uniForm .inlineLabel input, |
|
|
.uniForm .inlineLabel input, |
|
|
.uniForm .inlineLabels .inlineLabel input, |
|
|
.uniForm .inlineLabels .inlineLabel input, |
|
|
.uniForm .blockLabels .inlineLabel input, |
|
|
.uniForm .blockLabels .inlineLabel input, |
|
|
/* class .inlineLabel is depreciated */ |
|
|
/* class .inlineLabel is depreciated */ |
|
|
.uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } |
|
|
.uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } |
|
|
|
|
|
|
|
|
.uniForm .buttonHolder .inlineLabel, |
|
|
.uniForm .buttonHolder .inlineLabel, |
|
|
.uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } |
|
|
.uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } |
|
|
|
|
|
|
|
|
/* When you don't want to use a label */ |
|
|
/* When you don't want to use a label */ |
|
|
.uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } |
|
|
.uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } |
|
|
|
|
|
|
|
|
/* Classes for control of the widths of the fields */ |
|
|
/* Classes for control of the widths of the fields */ |
|
|
.uniForm .small { width: 30% !important; } |
|
|
.uniForm .small { width: 30% !important; } |
|
|
.uniForm .medium{ width: 45% !important; } |
|
|
.uniForm .medium{ width: 45% !important; } |
|
|