view public_html/static/css/forms.css @ 14:d997ff96acf1

sync
author sergey
date Mon, 19 May 2014 18:34:16 +0400
parents 573272ec604b
children
line wrap: on
line source

/**************** BLACK BLOCK ****************/

.float-left {
	float: left;
}

.black-block {
	background-color: black;
	margin: 3px;
}

.black-block .content {
	margin: 5px 0;
	color: #ffffff;
	border-left: 6px solid black;
	padding: 10px 10px 10px 5px;
	display: inline-block;
}

.black-block.green .content  {
	border-left: 6px #007000 solid;
}

.black-block.blue .content  {
    border-left: 6px #004070 solid;
}

.black-block a {
	text-transform: uppercase;
	text-decoration: none;
}

.black-block.green a:hover {
    border-left: 6px #00ff00 solid;
}

.black-block.blue a:hover {
    border-left: 6px #0070ff solid;
}

/* forms */

.form-error {
	padding: 3px 3px 3px 21px;
	background: #ffc0c0 url('warning-icon-small.png') 2px 2px no-repeat;
	color: #900000;
	border: 1px solid #900000
}

.control-errors {
    color: #900000;
    font-style: italic;
}

.tundra .dijitValidationTextBoxError .dijitValidationIcon {
	background: url('warning-icon-small.png') no-repeat scroll center center transparent;
}

/* box form  */

.input-control,
.control-content,
.control-label {
    position: relative;
}

.box-form {
    margin: 50px auto;
    width: 300px;
    border: 1px solid #000000;
}

.box-form .content {
    padding: 10px;
}

.box-form .title {
    background-color: #000000;
    padding: 10px;
    color: #ffffff;
    font-size: 120%;
    text-transform: uppercase;
    font-weight: bold;
}

.box-form .dijitTextBox {
    padding: 3px;
    position: relative;
    left: 0px;
    right: 10px;
    width: 100%;
}

.box-form .input-control .control-content {
	padding-right: 8px;
}


.box-form .control-label {
	padding: 3px 0;
}

.box-form .control-title {
    text-transform: uppercase;
}

.box-form .dijitButtonActive .dijitButtonNode,
.box-form .dijitButtonHover .dijitButtonNode,
.box-form .dijitButtonNode {
	padding: 5px 0;
	border: none;
	background: #000000;
	color: #f0f0f0;
}

.box-form .dijitButtonContents {
    border-left: 5px solid #c0c0c0;
    padding: 2px 10px 2px 5px;
    transition: all 0.5s;
}

.box-form .dijitButtonActive .dijitButtonContents,
.box-form .dijitButtonHover .dijitButtonContents {
    border-left: 5px solid #00ff00;
}

/*************** DISPLAY FORM *******************/

.propertyGroup {
    margin: 10px 0;
}

.propertyDisplay {
    margin: 0 15px 0 0;
}

.propertyValue {
    font-weight: bold;
}