rt/share/static/css/base/forms.css

   1 form {
   2
   3     background: none;
   4     border: none;
   5     margin: 0;
   6 }
   7
   8
   9 .input-row .label {
  10   position: relative;
  11   text-align: right;
  12   width: 4em;
  13 }
  14
  15 .input-row .input {
  16   position: relative;
  17   left: 1em;
  18   width: 10em;
  19   text-align: right;
  20 }
  21
  22 .value {
  23  font-size: 0.85em;
  24
  25 }
  26
  27
  28
  29 div.button-row {
  30    text-align: right;
  31    padding-right: 0.5em;
  32 }
  33
  34
  35 .button {
  36     display: inline-block;
  37 }
  38 .button:hover {
  39     text-decoration:none;
  40     cursor: default;
  41 }
  42
  43 .button, .button:visited, input[type=reset], input[type=submit], input[class=button], button {
  44    color: #fff;
  45    background: #3858a3;
  46    padding: 0.25em;
  47    padding-left: 0.5em;
  48    padding-right: 0.5em;
  49    -moz-border-radius: 0.5em;
  50    -webkit-border-radius: 0.5em;
  51    border-radius: 0.5em;
  52 }
  53
  54 .button:hover, input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
  55    background: #1D3B7D;
  56 }
  57
  58 .button:focus, input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
  59    background: #1D3B7D;
  60 }
  61
  62 div.error div.error {
  63  border: 2px solid #aa0000;
  64  border-top: 1px solid #bb0000;
  65  border-left: 1px solid #bb0000;
  66  background-color: #fcc;
  67 }
  68
  69 div.error .titlebox-title span.left {
  70   background-color: #f00;
  71   color: #fff;
  72   border: 1px solid #cc0000;
  73   border-right: 2px solid #bb0000;
  74   border-bottom: 2px solid #bb0000;
  75
  76 }
  77
  78
  79 div.results .titlebox-title .left, div.results .titlebox {
  80   border: 1px solid #aa9;
  81   border-bottom: 2px solid #990;
  82   border-right: 2px solid #990;
  83 }
  84
  85 div.results .titlebox-title .left {
  86   background: #ff9;
  87
  88 }
  89
  90 div.results .titlebox {
  91   background: #ffc;
  92
  93 }
  94
  95 div.results .titlebox-content {
  96   padding: 0;
  97 }
  98
  99 .results .titlebox-content > p:first-child,
 100 .error .titlebox-content > p:first-child {
 101     margin-top: 0;
 102 }
 103
 104 .results .titlebox-content > p:last-child,
 105 .error .titlebox-content > p:last-of-type {
 106     margin-bottom: 0;
 107 }
 108
 109
 110 .label, .labeltop {
 111  text-align: right;
 112  font-size: 0.8em;
 113  padding-right: .5em;
 114
 115 }
 116
 117 .cflabel {
 118  text-align: right;
 119  font-size: 0.8em;
 120  padding-right: .5em;
 121  width: 12em;
 122 }
 123
 124 td.cflabel {
 125     width: auto;
 126 }
 127
 128 .labeltop, .label, .value {
 129   padding-top: 0.25em;
 130 }
 131
 132 div.ticket-info-basics div.titlebox-content .labeltop{
 133   width: 10em;
 134 }
 135
 136 div.submit {
 137  text-align: right;
 138 }
 139
 140 div.submit .extra-buttons {
 141  text-align: left;
 142  float: left;
 143 }
 144
 145
 146 div.widget {
 147     padding-bottom: 0.5em;
 148     clear: both;
 149 }
 150
 151 div.widget .label {
 152  text-align: right;
 153  display: block;
 154  width: 15em;
 155  float: left;
 156  clear: both;
 157  font-size: 0.9em;
 158  padding-right: 0.5em;
 159 }
 160
 161 div.widget .hints {
 162
 163   display: block;
 164   padding-left: 14em;
 165   font-style: italic;
 166 }
 167
 168
 169 .combobox {
 170     position: relative;
 171     width: 11.5em;
 172 }
 173
 174 .combobox .combo-button {
 175     right: 0;
 176     padding: 0;
 177     margin-top: 0;
 178     cursor: default;
 179     color: ButtonFace;
 180     background: ButtonFace;
 181     border: 2px outset ButtonHighlight;
 182 }
 183
 184 /* this style replaces the default down-triangle with one that looks more like
 185  *  native widget sets. It does not work in IE as it's an :after pseudo element
 186  *  with a "content" value. but that's ok because IE can't display unicode 25be
 187  *  anyway */
 188
 189 .combobox .combo-button:after {
 190     color: ButtonText;
 191     margin: 0;
 192     padding: 0;
 193     margin-top: -0.5em;
 194     margin-left: -0.8em;
 195     content: "\25be";
 196 }
 197
 198 .combobox .combo-text {
 199     border: 1px inset ButtonHighlight;
 200     margin: 0;
 201     padding: 0;
 202 }
 203
 204 .combobox .combo-list {
 205     border: 1px outset;
 206     z-index: 150;
 207 }
 208
 209 .value .TimeUnits{
 210     margin-left: .5em;
 211     width: 7em;
 212 }
 213
 214 .cfinvalidfield {
 215     font-style: italic;
 216     color: red;
 217 }
 218
 219 form div.submit div.buttons {
 220     min-height: 2.8em;
 221 }
 222
 223 form div.submit div.buttons div.back {
 224     position: relative;
 225     float: left;
 226     width: 50%;
 227     text-align: left;
 228 }
 229
 230 form div.submit div.buttons div.next {
 231     position: relative;
 232     float: right;
 233     width: 50%;
 234 }
 235
 236 .invalid {
 237     font-style: italic;
 238     color: red;
 239 }
 240
 241 /* query builder */
 242
 243 #formatbuttons {
 244     clear: both;
 245 }
 246
 247 #ResetAuthTokenPrompt {
 248     display: block;
 249     text-align: right;
 250     font-weight: bold;
 251     text-decoration: underline;
 252 }