Upgrade to 4.0.8 with mod of ExternalAuth + absolute paths to ticket-menu.
[usit-rt.git] / share / html / NoAuth / css / base / forms.css
CommitLineData
84fb5b46
MKG
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 }}}
48form {
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
76div.button-row {
77 text-align: right;
78 padding-right: 0.5em;
79}
80
81
82input[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;
dab09ea8 90 border-radius: 0.5em;
84fb5b46
MKG
91}
92
93input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover {
94 background: #1D3B7D;
95}
96
97input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus {
98 background: #1D3B7D;
99}
100
101div.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
108div.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
118div.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
124div.results .titlebox-title .left {
125 background: #ff9;
126
127}
128
129div.results .titlebox {
130 background: #ffc;
131
132}
133
134div.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
153td.cflabel {
154 width: auto;
155}
156
157.labeltop, .label, .value {
158 padding-top: 0.25em;
159}
160
161div.ticket-info-basics div.titlebox-content .labeltop{
162 width: 10em;
163}
164
165div.submit {
166 text-align: right;
167}
168
169div.submit .extra-buttons {
170 text-align: left;
171 float: left;
172}
173
174
175div.widget {
176 padding-bottom: 0.5em;
177 clear: both;
178}
179
180div.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
190div.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
250form div.submit div.buttons {
251 min-height: 2.8em;
252}
253
254form div.submit div.buttons div.back {
255 position: relative;
256 float: left;
257 width: 50%;
258 text-align: left;
259}
260
261form 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}