ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / letaweb / css

/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * 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,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
	margin: 0;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{

}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

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;
}

div.wide form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide form .row
{
	clear: left;
}

div.wide form .buttons
{
	clear: left;
	padding-left: 110px;
}

div.wide form .errorMessage
{
	margin: 0 0 0 110px;
}

[+] ..
[+] typicons.font
[-] datetimepicker.css [edit]
[-] hover-min.css [edit]
[-] pace.maxos.css [edit]
[-] blank.gif [edit]
[-] flexigrid.css [edit]
[-] jquery.dataTables.min.css [edit]
[-] colorpicker.css [edit]
[-] font-awesome.min.css [edit]
[-] jquery.bxslider.css [edit]
[-] pace.big_counter.css [edit]
[-] pace.loading_bar.css [edit]
[-] animate.min.css [edit]
[-] jquery.cleditor.css [edit]
[-] spectrum.css [edit]
[-] admin2.css [edit]
[-] pace.css [edit]
[-] pace.flat_top.css [edit]
[-] pace.barber_shop.css [edit]
[-] pace.default.css [edit]
[-] jquery-ui-timepicker.css [edit]
[-] font-social.css [edit]
[+] select2
[-] login.css [edit]
[-] jcarousellite.css [edit]
[-] colorbox.css [edit]
[-] profile.css [edit]
[-] ie.css [edit]
[-] edit_page.css [edit]
[-] tree.css [edit]
[-] create_page.css [edit]
[+] entypo
[-] ihover.min.css [edit]
[-] bootstrap.min.css [edit]
[+] ui-iconpicker
[-] style.css [edit]
[-] nivo-slider.css [edit]
[-] ihover.css [edit]
[-] ecommerce.css [edit]
[-] pace.fill_left.css [edit]
[+] ui-grid
[-] editor.css [edit]
[-] screen.css [edit]
[-] ng-table.min.css [edit]
[+] owl_carousel
[-] jquery.validate.password.css [edit]
[+] slick
[-] fontawesome-iconpicker.min.css [edit]
[-] mediaelementplayer.css [edit]
[-] prettyPhoto.css [edit]
[+] owl-carousel
[+] linecons
[+] sm
[-] pace.bounce.css [edit]
[-] common-ui.css [edit]
[-] pace.corner_indicator.css [edit]
[-] bootstrap.css [edit]
[+] open-iconic
[-] pace.center_radar.css [edit]
[-] pace.center_atom.css [edit]
[-] widget.css [edit]
[-] checkout.css [edit]
[-] viewpage.css [edit]
[-] pace.inner.css [edit]
[-] bootstrap-theme.min.css [edit]
[-] codemirror.css [edit]
[-] form.css [edit]
[-] camera.css [edit]
[-] flexigrid.pack.css [edit]
[-] bg.gif [edit]
[-] jquery-ui-1.8.17.custom.css [edit]
[-] jquery.qtip.min.css [edit]
[-] cloudzoom.css [edit]
[-] pace.center_simple.css [edit]
[-] ui-iconpicker.css [edit]
[-] common.css [edit]
[-] main.css [edit]
[-] chopslider.css [edit]
[-] responsive.css [edit]
[-] xeditable.css [edit]
[-] pace.flash.css [edit]
[-] edit_page_editor.css [edit]
[-] admin.css [edit]
[+] nivo_slider
[+] jqvmap
[-] pace.center_circle.css [edit]
[-] font-awesome.css [edit]