Skip to content
Snippets Groups Projects
Commit 9a5d6380 authored by tbrehm's avatar tbrehm
Browse files

some minor css changes.

parent 8340dc56
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
interface/web/themes/default/css/screen/uni-form.css
+ 130
− 130
View file @ 9a5d6380
/* Keep in mind that wherever you see 'Required property' it means that the property must exist */ /* Keep in mind that wherever you see 'Required property' it means that the property must exist */
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
/* Generals */ /* Generals */
.uniForm fieldset{} .uniForm fieldset{}
.uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 1.5em 1.5em 0; } .uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 1.5em 1.5em 0; }
/* This is the main unit that contains our form elements */ /* This is the main unit that contains our form elements */
.uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px dotted #dfdfdf; } .uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px dotted #dfdfdf; }
.uniForm .buttonHolder{ .uniForm .buttonHolder{
text-align: right; text-align: right;
background: #CEDEEF url("../../images/buttonHolder_bg.gif") no-repeat right; background: #CEDEEF url("../../images/buttonHolder_bg.gif") no-repeat right;
margin: 1em 0; margin: 1em 0;
padding: 8px; padding: 8px;
} }
.uniForm .resetButton{ float: left; } .uniForm .resetButton{ float: left; }
.uniForm .primaryAction{ font-weight: bold; } .uniForm .primaryAction{ font-weight: bold; }
/* This class gets added to div.ctrlHolder to highlight the row */ /* This class gets added to div.ctrlHolder to highlight the row */
.uniForm .focused{ background: #fffcdf; } .uniForm .focused{ background: #fffcdf; }
/* .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{ float: left; margin: 0 .4em 0 0; } .uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
.uniForm .inlineLabel span{ float: left; width: 90%; } .uniForm .inlineLabel span{ float: left; width: 90%; }
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
/* .blockLabels (default style, will be applied even if you don't class the parent element) */ /* .blockLabels (default style, will be applied even if you don't class the parent element) */
.uniForm .blockLabels .ctrlHolder{} .uniForm .blockLabels .ctrlHolder{}
.uniForm label, .uniForm label,
.uniForm .blockLabels label, .uniForm .blockLabels label,
.uniForm .blockLabels .label{ margin: 0 0 .5em 0; } .uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
.uniForm .textInput, .uniForm .textInput,
.uniForm .blockLabels .textInput, .uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ } .uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ }
.uniForm .selectInput, .uniForm .selectInput,
.uniForm select, .uniForm select,
.uniForm .blockLabels .selectInput, .uniForm .blockLabels .selectInput,
.uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ } .uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ }
.uniForm textarea, .uniForm textarea,
.uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; } .uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; }
.uniForm .formHint, .uniForm .formHint,
.uniForm .blockLabels .formHint{ width: 55%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; } .uniForm .blockLabels .formHint{ width: 55%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
.uniForm .multiField, .uniForm .multiField,
.uniForm .blockLabels .multiField{ width: 43%; } .uniForm .blockLabels .multiField{ width: 43%; }
.uniForm .multiField .inlineLabel, .uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } .uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .multiField .blockLabel, .uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; } .uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
.uniForm .multiField .blockLabel .textInput, .uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput, .uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select, .uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput, .uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput, .uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } .uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
/* .inlineLabels */ /* .inlineLabels */
.uniForm .inlineLabels .ctrlHolder{} .uniForm .inlineLabels .ctrlHolder{}
.uniForm .inlineLabels label, .uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ width: 35%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ } .uniForm .inlineLabels .label{ width: 15%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ } .uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ }
.uniForm .inlineLabels .selectInput, .uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 35%; /* <- Required property */ } .uniForm .inlineLabels select{ width: 35%; /* <- Required property */ }
.uniForm .inlineLabels textarea{ width: 35%; /* <- Required property */ height: 12em; } .uniForm .inlineLabels textarea{ width: 35%; /* <- Required property */ height: 12em; }
.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 37%; font-size: .9em; color: #777; position: static; } .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 37%; font-size: .9em; color: #777; position: static; }
.uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; } .uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; }
.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; } .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; } .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
.uniForm .inlineLabels .multiField .blockLabel .textInput, .uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput, .uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; } .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
/* Focus pseudoclasses */ /* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ } .uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ } .uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm div.focused .formHint{ color: #333; } .uniForm div.focused .formHint{ color: #333; }
/* Columns (they are floated left by default) */ /* Columns (they are floated left by default) */
.uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; } .uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */ /* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; } .uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; } .uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
/* Messages */ /* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; } .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; } .uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }
.uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; } .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
.uniForm #errorMsg dd{ margin: 0; padding: 0; } .uniForm #errorMsg dd{ margin: 0; padding: 0; }
.uniForm #errorMsg ol{ margin: 0; padding: 0; } .uniForm #errorMsg ol{ margin: 0; padding: 0; }
.uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; } .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
.uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; } .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; } .uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
.uniForm #OKMsg p{ margin: 0; } .uniForm #OKMsg p{ margin: 0; }
/* /*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE,
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE,
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK...
*/ */
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
/* This is the main unit that contains our form elements */ /* This is the main unit that contains our form elements */
.uniForm .textInput, .uniForm .selectInput, .uniForm textarea { .uniForm .textInput, .uniForm .selectInput, .uniForm textarea {
background:#FFFFFF none repeat scroll 0 0; background:#FFFFFF none repeat scroll 0 0;
border: 2px solid #DFDFDF; border: 1px solid #DFDFDF;
padding: 2px; padding: 1px;
} }
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment