/**
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
*
*
*
* The above code will render the labels and input fields in separate lines.
* In order to render them in the same line, please use the "wide" form as follows,
*
*
* ......
*
*
* @author Qiang Xue
* @link http://www.yiiframework.com/
* @copyright Copyright © 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
div.form
{
}
div.form input[type='text'],
div.form input[type='password'],
div.form textarea,
div.form select
{
border: 1px solid #ccc !important;
border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: inset 1px 1px 1px #ddd;
-moz-box-shadow: inset 1px 1px 1px #ddd;
-webkit-box-shadow: inset 1px 1px 1px #ddd; /* TODO: use approved drop shadows from the comps, or get approval on the css3 box shadows */
color: #666;
padding: 3px;
margin-top: 0.2em;
}
div.form textarea:disabled,
div.form input:disabled,
div.form select:disabled
{
color: #666666;
background-color: #EBEBE4;
}
div.form select {
color: #4d4d4d;
border-radius: 0px;
-moz-border-radius: 0px;
/* border: 0px solid; */
height: 22px;
padding-top: 1px;
}
div.form h4 {
color: #000 !important;
font-size: 16px;
}
fieldset
{
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form legend
{
/* font-size: 1.1em; */
font-weight: bold;
}
div.form label
{
display: block;
font-weight: bold;
/* font-size: 0.9em; */
margin-right: 10px;
padding-top: 5px;
position: relative;
color: #666;
}
/* version with labels and inputs on the same row
div.form label
{
float: left;
font-weight: bold;
font-size: 0.9em;
margin-right: 10px;
padding-top: 5px;
position: relative;
text-align: right;
width: 25%;
}
div.form .field
{
float: left;
width: 70%;
position: relative;
}
*/
div.form label.inline {
display: inline;
font-weight: normal;
width: auto;
}
div.form .field
{
font-size: 13px;
}
div.form .field label.inline
{
font-size: 12px;
}
div.form .row
{
clear: both;
margin-bottom: 0.5em;
}
div.form .nolabel
{
margin-top: 1em;
}
div.form .odd
{
}
div.form .even
{
}
div.form .buttons, div.form .hint, div.form .errorMessage
{
clear: left;
/* padding-top: 25px;*/
/* padding-left: 160px; */
}
/*div.form*/
.hint
{
margin: 0;
padding: 0;
color: #888;
font-size: 11px;
}
.autocomplete_hint
{
color: #000099;
font-size: 11px;
}
div.form .note
{
font-style: italic;
}
div.form span.required
{
color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error
{
color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
background: #FEE;
border-color: #C00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
background: #E6EFC2;
border-color: #C6D880;
}
div.form .errorSummary
{
border: 2px solid #C00;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
/* font-size: 0.9em; */
}
div.form .errorMessage
{
color: red;
/* font-size: 0.9em; */
}
div.form .errorSummary p
{
margin: 0;
padding: 5px;
}
div.form .errorSummary ul
{
margin: 0;
padding: 0 0 0 20px;
}
/***** TO MAKE CActiveForm RADIO BUTTONS DISPLAY NICELY *****/
div.form .radio_field {
float: left;
width: 70%;
}
div.form .field label {
/* border: solid 1px blue;*/
display: inline;
float: none;
font-weight: normal;
padding-right: 15px;
text-align: left;
white-space: nowrap;
width: auto;
}
#bucket-voting div.form .field label {
/* Added to allow for the question responses to wrap */
white-space: normal;
}
/***** STYLES FOR CRUD DETAIL VIEW *****/
table.detail-view .null
{
/* color: pink;*/
}
table.detail-view
{
background: white;
border-collapse: collapse;
width: 100%;
margin: 0;
}
table.detail-view thead
{
border-bottom: 1px solid #cccccc;
}
table.detail-view tr
{
border-bottom: 1px solid #ccc;
}
table.detail-view th, table.detail-view td
{
padding: 0.2em 0.6em;
vertical-align: top;
max-width: 650px;
word-wrap: break-word;
}
table.detail-view th
{
/* text-align: right;*/
width: 160px;
}
table.detail-view tr.odd
{
/* background:#E5F1F4;*/
}
table.detail-view tr.even
{
/* background:#F8F8F8;*/
}
table.detail-view tr.odd th
{
}
table.detail-view tr.even th
{
}
/**** STYLES FOR CRUD PAGES ****/
p.admin_metadata {
color: #666;
font-size: 10px;
margin-bottom: 3px;
}
span.admin_metadata_left {
width: 100px;
}
/***** JQUERY DATEPICKER *****/
.datepicker_weekend
{
}
.datepicker_holiday
{
}
.datepicker_holiday span.ui-state-default
{
/* color: #006;*/
background: #ccf;
}
.datepicker_pto_day
{
}
.datepicker_pto_day span.ui-state-default
{
/* color: #060;*/
background: #cfc;
}
/*** Database List Picker ***/
.form_line_field:hover .picker_values_wrapper, .form_line_field:hover .picker_source_wrapper {
border: 1px solid #E0E0E0;
}
.picker_heading {
font-weight: bold;
display: block;
height: 23px;
}
.picker_selectbox_wrapper {
display: none;
position: absolute;
left: 500px;
}
.picker_values_wrapper {
/* background: #FFFFFF;*/
border: 1px solid transparent;
display: block;
float: left;
padding: 5px;
width: 47%;
}
.picker_values {
background: #FFFFFF;
border: 1px solid #E0E0E0;
display: block;
height: 200px;
overflow: auto;
}
.picker_source_wrapper {
/* background: #FFFFFF;*/
border: 1px solid transparent;
display: block;
float: right;
padding: 5px;
width: 47%;
}
.picker_source_list {
background: #FFFFFF;
border: 1px solid #E0E0E0;
display: block;
height: 200px;
overflow: auto;
}
.picker_values_wrapper a, .picker_source_wrapper a {
text-decoration: none;
}
.picker_values_wrapper a:hover, .picker_source_wrapper a:hover {
text-decoration: underline;
}
.picker_search {
float: right;
margin-top: -8px;
}