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

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2012 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 }
  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: 12em;
 150 }
 151
 152 td.cflabel {
 153     width: auto;
 154 }
 155
 156 .labeltop, .label, .value {
 157   padding-top: 0.25em;
 158 }
 159
 160 div.ticket-info-basics div.titlebox-content .labeltop{
 161   width: 10em;
 162 }
 163
 164 div.submit {
 165  text-align: right;
 166 }
 167
 168 div.submit .extra-buttons {
 169  text-align: left;
 170  float: left;
 171 }
 172
 173
 174 div.widget {
 175     padding-bottom: 0.5em;
 176     clear: both;
 177 }
 178
 179 div.widget .label {
 180  text-align: right;
 181  display: block;
 182  width: 15em;
 183  float: left;
 184  clear: both;
 185  font-size: 0.9em;
 186  padding-right: 0.5em;
 187 }
 188
 189 div.widget .hints {
 190
 191   display: block;
 192   padding-left: 14em;
 193   font-style: italic;
 194 }
 195
 196
 197 %# ComboBox styles... some properties like height and width must be dynamically
 198 %# set in the JS (at least for now).
 199 .combobox {
 200     position: relative;
 201     width: 11.5em;
 202 }
 203
 204 .combobox .combo-button {
 205     right: 0;
 206     padding: 0;
 207     margin-top: 0;
 208     cursor: default;
 209     color: ButtonFace;
 210     background: ButtonFace;
 211     border: 2px outset ButtonHighlight;
 212 }
 213
 214 /* this style replaces the default down-triangle with one that looks more like
 215  *  native widget sets. It does not work in IE as it's an :after pseudo element
 216  *  with a "content" value. but that's ok because IE can't display unicode 25be
 217  *  anyway */
 218
 219 .combobox .combo-button:after {
 220     color: ButtonText;
 221     margin: 0;
 222     padding: 0;
 223     margin-top: -0.5em;
 224     margin-left: -0.8em;
 225     content: "\25be";
 226 }
 227
 228 .combobox .combo-text {
 229     border: 1px inset ButtonHighlight;
 230     margin: 0;
 231     padding: 0;
 232 }
 233
 234 .combobox .combo-list {
 235     border: 1px outset;
 236     z-index: 150;
 237 }
 238
 239 .value .TimeUnits{
 240     margin-left: .5em;
 241     width: 7em;
 242 }
 243
 244 .cfinvalidfield {
 245     font-style: italic;
 246     color: red;
 247 }
 248
 249 form div.submit div.buttons {
 250     min-height: 2.8em;
 251 }
 252
 253 form div.submit div.buttons div.back {
 254     position: relative;
 255     float: left;
 256     width: 50%;
 257     text-align: left;
 258 }
 259
 260 form div.submit div.buttons div.next {
 261     position: relative;
 262     float: right;
 263     width: 50%;
 264 }
 265
 266 /* query builder */
 267
 268 #formatbuttons {
 269     clear: both;
 270 }