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

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2011 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] {
  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 }
  91
  92 input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
  93    background: #1D3B7D;
  94 }
  95
  96 input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
  97    background: #1D3B7D;
  98 }
  99
 100 div.error div.error {
 101  border: 2px solid #aa0000;
 102  border-top: 1px solid #bb0000;
 103  border-left: 1px solid #bb0000;
 104  background-color: #fcc;
 105 }
 106
 107 div.error .titlebox-title span.left {
 108   background-color: #f00;
 109   color: #fff;
 110   border: 1px solid #cc0000;
 111   border-right: 2px solid #bb0000;
 112   border-bottom: 2px solid #bb0000;
 113
 114 }
 115
 116
 117 div.results .titlebox-title .left, div.results .titlebox {
 118   border: 1px solid #aa9;
 119   border-bottom: 2px solid #990;
 120   border-right: 2px solid #990;
 121 }
 122
 123 div.results .titlebox-title .left {
 124   background: #ff9;
 125
 126 }
 127
 128 div.results .titlebox {
 129   background: #ffc;
 130
 131 }
 132
 133 div.results .titlebox-content {
 134   padding: 0;
 135 }
 136
 137
 138 .label, .labeltop {
 139  text-align: right;
 140  font-size: 0.8em;
 141  padding-right: .5em;
 142
 143 }
 144
 145 .cflabel {
 146  text-align: right;
 147  font-size: 0.8em;
 148  padding-right: .5em;
 149  width: 25%;
 150 }
 151
 152 .labeltop, .label, .value {
 153   padding-top: 0.25em;
 154 }
 155
 156 div.ticket-info-basics div.titlebox-content .labeltop{
 157   width: 10em;
 158 }
 159
 160 div.submit {
 161  text-align: right;
 162 }
 163
 164 div.submit .extra-buttons {
 165  text-align: left;
 166 }
 167
 168
 169 div.widget {
 170     padding-bottom: 0.5em;
 171     clear: both;
 172 }
 173
 174 div.widget .label {
 175  text-align: right;
 176  display: block;
 177  width: 15em;
 178  float: left;
 179  clear: both;
 180  font-size: 0.9em;
 181  padding-right: 0.5em;
 182 }
 183
 184 div.widget .hints {
 185
 186   display: block;
 187   padding-left: 14em;
 188   font-style: italic;
 189 }
 190
 191
 192 %# ComboBox styles... some properties like height and width must be dynamically
 193 %# set in the JS (at least for now).
 194 .combobox {
 195     position: relative;
 196     width: 11.5em;
 197 }
 198
 199 .combobox .combo-button {
 200     right: 0;
 201     padding: 0;
 202     margin-top: 0;
 203     cursor: default;
 204     color: ButtonFace;
 205     background: ButtonFace;
 206     border: 2px outset ButtonHighlight;
 207 }
 208
 209 /* this style replaces the default down-triangle with one that looks more like
 210  *  native widget sets. It does not work in IE as it's an :after pseudo element
 211  *  with a "content" value. but that's ok because IE can't display unicode 25be
 212  *  anyway */
 213
 214 .combobox .combo-button:after {
 215     color: ButtonText;
 216     margin: 0;
 217     padding: 0;
 218     margin-top: -0.5em;
 219     margin-left: -0.8em;
 220     content: "\25be";
 221 }
 222
 223 .combobox .combo-text {
 224     border: 1px inset ButtonHighlight;
 225     margin: 0;
 226     padding: 0;
 227 }
 228
 229 .combobox .combo-list {
 230     border: 1px outset;
 231     z-index: 150;
 232 }
 233
 234 .value .TimeUnits{
 235     margin-left: .5em;
 236     width: 7em;
 237 }
 238
 239 .cfinvalidfield {
 240     font-style: italic;
 241     color: red;
 242 }
 243