rt/share/html/NoAuth/css/base/forms.css

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2015 Best Practical Solutions, LLC
   6 %#                                          <sales@bestpractical.com>
   7 %#
   8 %# (Except where explicitly superseded by other copyright notices)
   9 %#
  10 %#
  11 %# LICENSE:
  12 %#
  13 %# This work is made available to you under the terms of Version 2 of
  14 %# the GNU General Public License. A copy of that license should have
  15 %# been provided with this software, but in any event can be snarfed
  16 %# from www.gnu.org.
  17 %#
  18 %# This work is distributed in the hope that it will be useful, but
  19 %# WITHOUT ANY WARRANTY; without even the implied warranty of
  20 %# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  21 %# General Public License for more details.
  22 %#
  23 %# You should have received a copy of the GNU General Public License
  24 %# along with this program; if not, write to the Free Software
  25 %# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  26 %# 02110-1301 or visit their web page on the internet at
  27 %# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
  28 %#
  29 %#
  30 %# CONTRIBUTION SUBMISSION POLICY:
  31 %#
  32 %# (The following paragraph is not intended to limit the rights granted
  33 %# to you to modify and distribute this software under the terms of
  34 %# the GNU General Public License and is only of importance to you if
  35 %# you choose to contribute your changes and enhancements to the
  36 %# community by submitting them to Best Practical Solutions, LLC.)
  37 %#
  38 %# By intentionally submitting any modifications, corrections or
  39 %# derivatives to this work, or any other work intended for use with
  40 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
  41 %# you are the copyright holder for those contributions and you grant
  42 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
  43 %# royalty-free, perpetual, license to use, copy, create derivative
  44 %# works based on those contributions, and sublicense and distribute
  45 %# those contributions and any derivatives thereof.
  46 %#
  47 %# END BPS TAGGED BLOCK }}}
  48 form {
  49
  50     background: none;
  51     border: none;
  52     margin: 0;
  53 }
  54
  55
  56 .input-row .label {
  57   position: relative;
  58   text-align: right;
  59   width: 4em;
  60 }
  61
  62 .input-row .input {
  63   position: relative;
  64   left: 1em;
  65   width: 10em;
  66   text-align: right;
  67 }
  68
  69 .value {
  70  font-size: 0.85em;
  71
  72 }
  73
  74
  75
  76 div.button-row {
  77    text-align: right;
  78    padding-right: 0.5em;
  79 }
  80
  81
  82 input[type=reset], input[type=submit], input[class=button], button {
  83    color: #fff;
  84    background: #3858a3;
  85    padding: 0.25em;
  86    padding-left: 0.5em;
  87    padding-right: 0.5em;
  88    -moz-border-radius: 0.5em;
  89    -webkit-border-radius: 0.5em;
  90    border-radius: 0.5em;
  91 }
  92
  93 input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
  94    background: #1D3B7D;
  95 }
  96
  97 input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
  98    background: #1D3B7D;
  99 }
 100
 101 div.error div.error {
 102  border: 2px solid #aa0000;
 103  border-top: 1px solid #bb0000;
 104  border-left: 1px solid #bb0000;
 105  background-color: #fcc;
 106 }
 107
 108 div.error .titlebox-title span.left {
 109   background-color: #f00;
 110   color: #fff;
 111   border: 1px solid #cc0000;
 112   border-right: 2px solid #bb0000;
 113   border-bottom: 2px solid #bb0000;
 114
 115 }
 116
 117
 118 div.results .titlebox-title .left, div.results .titlebox {
 119   border: 1px solid #aa9;
 120   border-bottom: 2px solid #990;
 121   border-right: 2px solid #990;
 122 }
 123
 124 div.results .titlebox-title .left {
 125   background: #ff9;
 126
 127 }
 128
 129 div.results .titlebox {
 130   background: #ffc;
 131
 132 }
 133
 134 div.results .titlebox-content {
 135   padding: 0;
 136 }
 137
 138
 139 .label, .labeltop {
 140  text-align: right;
 141  font-size: 0.8em;
 142  padding-right: .5em;
 143
 144 }
 145
 146 .cflabel {
 147  text-align: right;
 148  font-size: 0.8em;
 149  padding-right: .5em;
 150  width: 12em;
 151 }
 152
 153 td.cflabel {
 154     width: auto;
 155 }
 156
 157 .labeltop, .label, .value {
 158   padding-top: 0.25em;
 159 }
 160
 161 div.ticket-info-basics div.titlebox-content .labeltop{
 162   width: 10em;
 163 }
 164
 165 div.submit {
 166  text-align: right;
 167 }
 168
 169 div.submit .extra-buttons {
 170  text-align: left;
 171  float: left;
 172 }
 173
 174
 175 div.widget {
 176     padding-bottom: 0.5em;
 177     clear: both;
 178 }
 179
 180 div.widget .label {
 181  text-align: right;
 182  display: block;
 183  width: 15em;
 184  float: left;
 185  clear: both;
 186  font-size: 0.9em;
 187  padding-right: 0.5em;
 188 }
 189
 190 div.widget .hints {
 191
 192   display: block;
 193   padding-left: 14em;
 194   font-style: italic;
 195 }
 196
 197
 198 %# ComboBox styles... some properties like height and width must be dynamically
 199 %# set in the JS (at least for now).
 200 .combobox {
 201     position: relative;
 202     width: 11.5em;
 203 }
 204
 205 .combobox .combo-button {
 206     right: 0;
 207     padding: 0;
 208     margin-top: 0;
 209     cursor: default;
 210     color: ButtonFace;
 211     background: ButtonFace;
 212     border: 2px outset ButtonHighlight;
 213 }
 214
 215 /* this style replaces the default down-triangle with one that looks more like
 216  *  native widget sets. It does not work in IE as it's an :after pseudo element
 217  *  with a "content" value. but that's ok because IE can't display unicode 25be
 218  *  anyway */
 219
 220 .combobox .combo-button:after {
 221     color: ButtonText;
 222     margin: 0;
 223     padding: 0;
 224     margin-top: -0.5em;
 225     margin-left: -0.8em;
 226     content: "\25be";
 227 }
 228
 229 .combobox .combo-text {
 230     border: 1px inset ButtonHighlight;
 231     margin: 0;
 232     padding: 0;
 233 }
 234
 235 .combobox .combo-list {
 236     border: 1px outset;
 237     z-index: 150;
 238 }
 239
 240 .value .TimeUnits{
 241     margin-left: .5em;
 242     width: 7em;
 243 }
 244
 245 .cfinvalidfield {
 246     font-style: italic;
 247     color: red;
 248 }
 249
 250 form div.submit div.buttons {
 251     min-height: 2.8em;
 252 }
 253
 254 form div.submit div.buttons div.back {
 255     position: relative;
 256     float: left;
 257     width: 50%;
 258     text-align: left;
 259 }
 260
 261 form div.submit div.buttons div.next {
 262     position: relative;
 263     float: right;
 264     width: 50%;
 265 }
 266
 267 /* query builder */
 268
 269 #formatbuttons {
 270     clear: both;
 271 }
 272
 273 #ResetAuthTokenPrompt {
 274     display: block;
 275     text-align: right;
 276     font-weight: bold;
 277     text-decoration: underline;
 278 }