form styling

This commit is contained in:
Sanjay B 2014-06-23 19:45:11 +05:30
parent d945f1f3ff
commit d4cc3ec4b6
4 changed files with 19 additions and 12 deletions

View File

@ -692,7 +692,8 @@ border-bottom:1px solid #d3d3d3;
-moz-box-shadow:2px 3px 16px #252425; -moz-box-shadow:2px 3px 16px #252425;
-webkit-box-shadow:2px 3px 16px #252425; -webkit-box-shadow:2px 3px 16px #252425;
box-shadow:2px 3px 16px #252425; box-shadow:2px 3px 16px #252425;
position: relative;} position: relative;
padding:20px;}
#searchContent { #searchContent {

View File

@ -79,13 +79,9 @@ color:#FF8400;}
#regContent input[type=text], #regContent input[type=password], #regContent textarea, #formItf input[type=text], #formItf input[type=email], #formItf textarea, #formItf select { #regContent input[type=text], #regContent input[type=password], #regContent textarea, #formItf input[type=text], #formItf input[type=email], #formItf textarea, #formItf select {
border:1px solid #e3e3e3; border:1px solid #e3e3e3;
padding:2px 2px 2px 4px; padding:2px 2px 2px 4px;
width:200px; width:495px;
-moz-border-radius:6px; /*border-radius:6px;
-webkit-border-radius:6px; box-shadow:inset 2px 2px 6px #d7d7d7;*/
border-radius:6px;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
margin-bottom:10px; margin-bottom:10px;
margin-left:8px;} margin-left:8px;}
@ -104,7 +100,9 @@ vertical-align:text-top;
#formItf #formItf
{padding:10px;} {padding:10px;
border: 1px solid #e0e0e0;
}
#formItf input:focus #formItf input:focus
{outline:none; {outline:none;
@ -148,7 +146,7 @@ float:left;
} }
.uniForm fieldset .uniForm fieldset
{width:540px; {width:520px;
margin-bottom: 16px; margin-bottom: 16px;
padding: 10px; padding: 10px;
} }

View File

@ -71,6 +71,13 @@
.uniForm textarea { height: 12em; } .uniForm textarea { height: 12em; }
.uniForm select {} .uniForm select {}
.uniForm .fileUpload {} .uniForm .fileUpload {}
.uniForm .textInput,
.uniForm .fileUpload,
.uniForm .selectInput,
.uniForm select,
.uniForm textarea{ float: none; margin: 0; }
.uniForm ul{} .uniForm ul{}
.uniForm li{} .uniForm li{}
@ -88,7 +95,8 @@
.uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder textarea:focus{ outline: none; } .uniForm .ctrlHolder textarea:focus{ outline: none; }
.uniForm .formHint { font-size: .85em; color: #777; } .uniForm .formHint { font-size: .75em; color: #777; float: none; width: 100%; margin: 0 0.5em 1em 0.7em; font-style: italic; color: #f7bd00;position: relative;
top: -5px; }
.uniForm .inlineLabels .formHint { padding-top: .5em; } .uniForm .inlineLabels .formHint { padding-top: .5em; }
.uniForm .ctrlHolder.focused .formHint{ color: #333; } .uniForm .ctrlHolder.focused .formHint{ color: #333; }

View File

@ -54,7 +54,7 @@
/* ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ */
.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: .5em; font-size: 90%; padding: 0; line-height: 100%; width: auto; }
/* Float the input elements */ /* Float the input elements */
.uniForm .textInput, .uniForm .textInput,