Mercurial > pub > site.implab
view public_html/static/css/forms.css @ 16:e69c970c3ddd default tip
sync
author | sergey |
---|---|
date | Tue, 20 May 2014 01:28:48 +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; }