Mercurial > pub > site.implab
comparison public_html/static/css/forms.css @ 11:573272ec604b
almost comlete doxygen library
| author | sergey |
|---|---|
| date | Thu, 15 May 2014 18:24:02 +0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 10:83ad674a8cdd | 11:573272ec604b |
|---|---|
| 1 /**************** BLACK BLOCK ****************/ | |
| 2 | |
| 3 .float-left { | |
| 4 float: left; | |
| 5 } | |
| 6 | |
| 7 .black-block { | |
| 8 background-color: black; | |
| 9 margin: 3px; | |
| 10 } | |
| 11 | |
| 12 .black-block .content { | |
| 13 margin: 5px 0; | |
| 14 color: #ffffff; | |
| 15 border-left: 6px solid black; | |
| 16 padding: 10px 10px 10px 5px; | |
| 17 display: inline-block; | |
| 18 } | |
| 19 | |
| 20 .black-block.green .content { | |
| 21 border-left: 6px #007000 solid; | |
| 22 } | |
| 23 | |
| 24 .black-block.blue .content { | |
| 25 border-left: 6px #004070 solid; | |
| 26 } | |
| 27 | |
| 28 .black-block a { | |
| 29 text-transform: uppercase; | |
| 30 text-decoration: none; | |
| 31 } | |
| 32 | |
| 33 .black-block.green a:hover { | |
| 34 border-left: 6px #00ff00 solid; | |
| 35 } | |
| 36 | |
| 37 .black-block.blue a:hover { | |
| 38 border-left: 6px #0070ff solid; | |
| 39 } | |
| 40 | |
| 41 /* forms */ | |
| 42 | |
| 43 .form-error { | |
| 44 padding: 3px 3px 3px 21px; | |
| 45 background: #ffc0c0 url('warning-icon-small.png') 2px 2px no-repeat; | |
| 46 color: #900000; | |
| 47 border: 1px solid #900000 | |
| 48 } | |
| 49 | |
| 50 .control-errors { | |
| 51 color: #900000; | |
| 52 font-style: italic; | |
| 53 } | |
| 54 | |
| 55 .tundra .dijitValidationTextBoxError .dijitValidationIcon { | |
| 56 background: url('warning-icon-small.png') no-repeat scroll center center transparent; | |
| 57 } | |
| 58 | |
| 59 /* box form */ | |
| 60 | |
| 61 .input-control, | |
| 62 .control-content, | |
| 63 .control-label { | |
| 64 position: relative; | |
| 65 } | |
| 66 | |
| 67 .box-form { | |
| 68 margin: 50px auto; | |
| 69 width: 300px; | |
| 70 border: 1px solid #000000; | |
| 71 } | |
| 72 | |
| 73 .box-form .content { | |
| 74 padding: 10px; | |
| 75 } | |
| 76 | |
| 77 .box-form .title { | |
| 78 background-color: #000000; | |
| 79 padding: 10px; | |
| 80 color: #ffffff; | |
| 81 font-size: 120%; | |
| 82 text-transform: uppercase; | |
| 83 font-weight: bold; | |
| 84 } | |
| 85 | |
| 86 .box-form .dijitTextBox { | |
| 87 padding: 3px; | |
| 88 position: relative; | |
| 89 left: 0px; | |
| 90 right: 10px; | |
| 91 width: 100%; | |
| 92 } | |
| 93 | |
| 94 .box-form .input-control .control-content { | |
| 95 padding-right: 8px; | |
| 96 } | |
| 97 | |
| 98 | |
| 99 .box-form .control-label { | |
| 100 padding: 3px 0; | |
| 101 } | |
| 102 | |
| 103 .box-form .control-title { | |
| 104 text-transform: uppercase; | |
| 105 } | |
| 106 | |
| 107 .box-form .dijitButtonActive .dijitButtonNode, | |
| 108 .box-form .dijitButtonHover .dijitButtonNode, | |
| 109 .box-form .dijitButtonNode { | |
| 110 padding: 5px 0; | |
| 111 border: none; | |
| 112 background: #000000; | |
| 113 color: #f0f0f0; | |
| 114 } | |
| 115 | |
| 116 .box-form .dijitButtonContents { | |
| 117 border-left: 5px solid #c0c0c0; | |
| 118 padding: 2px 10px 2px 5px; | |
| 119 transition: all 0.5s; | |
| 120 } | |
| 121 | |
| 122 .box-form .dijitButtonActive .dijitButtonContents, | |
| 123 .box-form .dijitButtonHover .dijitButtonContents { | |
| 124 border-left: 5px solid #00ff00; | |
| 125 } | |
| 126 | |
| 127 /*************** DISPLAY FORM *******************/ | |
| 128 | |
| 129 .propertyGroup { | |
| 130 margin: 10px 0; | |
| 131 } | |
| 132 | |
| 133 .propertyDisplay { | |
| 134 margin: 0 15px 0 0; | |
| 135 } | |
| 136 | |
| 137 .propertyValue { | |
| 138 font-weight: bold; | |
| 139 } |
