eab97b19b40a3c8424cbaeee2d1ac81e5c3e57ff
[usit-rt.git] / 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 }