blob: 5746ae3f8c5d6175e02d1ca730dd1c711a8bf362 [file] [log] [blame]
.block-form {
background: #e0e0e0 url(@image_block_form_bg) 0 0 repeat-x;
border: 1px solid #b4b4b4;
padding: 13px 20px;
}
.block-form-title {
margin-bottom: 15px;
}
.block-form-title .title {
color: #c53926;
font-family: 'Oswald', sans-serif;
font-size: 38px;
line-height: 40px;
text-transform: uppercase;
}
.block-form-title .req {
color: #d5620e;
font-size: 10px;
font-style: italic;
font-weight: bold;
line-height: 13px;
padding-left: 15px;
vertical-align: top;
}
form {
}
form fieldset {
margin-bottom: 15px;
position: relative;
}
form fieldset legend {
display: block;
float: left;
height: 36px;
position: relative;
width: 100%;
}
form fieldset legend span {
color: #0f649d;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 25px;
font-weight: bold;
line-height: 32px;
position: absolute;
top: 0;
left: 2px;
}
.form-row {/*Default form row styles*/
color: #666;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 13px;
line-height: 15px;
margin-bottom: 15px;
width: 100%;
}
.form-row:last-child {
margin-bottom: 0;
}
.form-row .add-field-link {
clear: both;
display: block;
padding: 4px 0 0 4px;
}
.form-row .add-field-link a {
color: #238bd2;
}
.form-row label.form-label {/*Default form label*/
color: #0f649d;
display: block;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 18px;
line-height: 22px;
padding: 0 0 0 2px;
}
.form-row label.form-label em {/*Required asterisk*/
color: #d5620e;
font-family: Arial, "Helvetica Neue", "Liberation Sans", FreeSans, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
vertical-align: top;
}
.form-row .note {/*Default form note*/
color: #d5620e;
display: block;
font-size: 10px;
font-style: italic;
font-weight: bold;
padding-left: 2px;
}
.form-row input[type=text],
.form-row textarea {
background: #f6f6f6;
border: 1px solid #d2d2d2;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .09);
-webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .09);
-moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .09);
font-size: 13px;
}
.form-row input[type=text] {
height: 28px;
line-height: 28px;
padding: 0;
text-indent: 5px;
width: 656px;
}
.form-row textarea {
line-height: 20px;
padding: 8px;
width: 640px;
}
.form-row.grid_1 input[type=text] { width: 58px; }
.form-row.grid_2 input[type=text] { width: 138px; }
.form-row.grid_3 input[type=text] { width: 218px; }
.form-row.grid_4 input[type=text] { width: 298px; }
.form-row.grid_5 input[type=text] { width: 378px; }
.form-row.grid_6 input[type=text] { width: 458px; }
.form-row.grid_7 input[type=text] { width: 538px; }
.form-row.grid_8 input[type=text] { width: 618px; }
.form-row.grid_1 textarea { width: 42px; }
.form-row.grid_2 textarea { width: 122px; }
.form-row.grid_3 textarea { width: 202px; }
.form-row.grid_4 textarea { width: 284px; }
.form-row.grid_5 textarea { width: 362px; }
.form-row.grid_6 textarea { width: 442px; }
.form-row.grid_7 textarea { width: 522px; }
.form-row.grid_8 textarea { width: 602px; }
.form-checkbox {
}
.form-checkbox .form-checkbox-item,
.form-radio .form-radio-item {
display: block;
margin: 5px 0;
}
.form-checkbox .form-checkbox-item .checker {
margin-right: 0;
}
.form-checkbox input {
}
.form-checkbox label,
.form-radio label {
cursor: pointer;
}
.form-radio .form-radio-item label {
vertical-align: middle;
}
.form-row.error {/*Row with error*/
}
.form-row.error .form-row-error-msg {
color: #ff0000;
font-family: Arial, "Helvetica Neue", "Liberation Sans", FreeSans, sans-serif;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
}
.form-row.error input[type=text] {
background: #fce6e6;
border: 1px solid #ff0000;
box-shadow: inset 2px 2px 5px rgba(255, 0, 0, .16);
-webkit-box-shadow: inset 2px 2px 5px rgba(255, 0, 0, .16);
-moz-box-shadow: inset 2px 2px 5px rgba(255, 0, 0, .16);
}
.form-row-buttons {
clear: both;
margin-top: 10px;
}
.form-row-buttons input.button:first-child {
margin-right: 20px;
}
.form-row-buttons input.button {
background-position: 90% 50%;
}
div.tos {
border: 2px solid #D2D2D2;
height: 250px;
margin-bottom: 10px;
overflow: auto;
float: left;
padding: 10px;
width: 640px;
}
/* @group Task creation */
.form-row-task-completion-time,
.form-row-task-difficulty,
.form-row-task-assigned-mentor {
float: left;
}
.form-row-task-completion-time {
margin-right: 20px;
width: 220px;
}
.form-row-task-completion-time .form-row-task-completion-time-inner {
background: #b6dcf7 url(@image_block_stopwatch_sm) 5px 5px no-repeat;
font-size: 18px;
padding: 10px 0 10px 50px;
}
.form-row-task-completion-time input[type=text] {
width: 30px;
}
.form-row-task-difficulty {
margin-right: 20px;
width: 165px;
}
.form-row-task-difficulty-inner {
background: #b6dcf7 url(@image_cog_grey_sm) 5px 5px no-repeat;
padding: 10px 0 10px 50px;
}
.form-row-task-assigned-mentor {
width: 215px;
}
.form-row-task-assigned-mentor-inner {
background: #b6dcf7;
padding: 10px;
width: 215px;
}
.form-row-task-assigned-mentor #uniform-undefined {
}
/* @end */