/v3.2/nimbits-tds/web/resources/css/resources.css

  1/*
  2 * Copyright (c) 2010 Tonic Solutions LLC.
  3 *
  4 * http://www.nimbits.com
  5 *
  6 *
  7 * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  8 *
  9 * http://www.gnu.org/licenses/gpl.html
 10 *
 11 * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 12 */
 13
 14* {
 15    font-family: arial, helvetica, tahoma, sans-serif;
 16}
 17
 18.floatpanel {
 19    float: left;
 20}
 21
 22.menubar {
 23    float: right;
 24    align: right;
 25    background-color: #e6eae7;
 26}
 27
 28.fillpanel {
 29
 30}
 31
 32.x-theme-slate #demo-header {
 33    background: #1E4176 url(../images/bg/slate-hd-bg.gif) repeat-x scroll 0pt;
 34}
 35
 36.drag-ok {
 37    border: 1px solid green !important;
 38    background-color: #e6eae7;
 39}
 40
 41/* chooser */
 42#img-chooser-dlg .details {
 43    padding: 10px;
 44    text-align: center;
 45}
 46
 47#img-chooser-dlg .details-info {
 48    border-top: 1px solid #cccccc;
 49    font: 11px Arial, Helvetica, sans-serif;
 50    margin-top: 5px;
 51    padding-top: 5px;
 52    text-align: left;
 53}
 54
 55#img-chooser-dlg .details-info b {
 56    color: #555555;
 57    display: block;
 58    margin-bottom: 4px;
 59}
 60
 61#img-chooser-dlg .details-info span {
 62    display: block;
 63    margin-bottom: 5px;
 64    margin-left: 5px;
 65}
 66
 67#img-chooser-view {
 68    background: white;
 69    font: 11px Arial, Helvetica, sans-serif;
 70}
 71
 72#img-chooser-view .thumb {
 73    background: #dddddd;
 74    padding: 3px;
 75}
 76
 77#img-chooser-view .thumb img {
 78    height: 60px;
 79    width: 80px;
 80}
 81
 82#img-chooser-view .thumb-wrap {
 83    float: left;
 84    margin: 4px;
 85    margin-right: 0;
 86    padding: 5px;
 87}
 88
 89#img-chooser-view .thumb-wrap span {
 90    display: block;
 91    overflow: hidden;
 92    text-align: center;
 93}
 94
 95#img-chooser-view .x-view-over {
 96    border: 1px solid #dddddd;
 97    background: #efefef repeat-x left top;
 98    padding: 4px;
 99}
100
101#img-chooser-view .x-view-selected {
102    background: #DFEDFF;
103    border: 1px solid #6593cf;
104    padding: 4px;
105}
106
107#img-chooser-view .x-view-selected .thumb {
108    background: transparent;
109}
110
111#img-chooser-view .x-view-selected span {
112    color: #1A4D8F;
113}
114
115#img-chooser-view .loading-indicator {
116    font-size: 11px;
117    background-image: url('../../resources/images/grid/loading.gif');
118    background-repeat: no-repeat;
119    background-position: left;
120    padding-left: 20px;
121    margin: 10px;
122}
123
124/* list view */
125#images-view .x-panel-body {
126    background: white;
127    font: 11px Arial, Helvetica, sans-serif;
128}
129
130#images-view .thumb {
131    background: #dddddd;
132    padding: 3px;
133}
134
135#images-view .thumb img {
136    height: 60px;
137    width: 80px;
138}
139
140#images-view .thumb-wrap {
141    float: left;
142    margin: 0px;
143    margin-right: 0;
144    padding: 0px;
145    border: 0px
146}
147
148#images-view .thumb-wrap span {
149    display: block;
150    overflow: hidden;
151    text-align: center;
152}
153
154#images-view .x-view-over {
155    border: 1px solid #dddddd;
156    background: #efefef url(../../gxt/images/default/grid/row-over.gif) repeat-x left top;
157    padding: 4px;
158}
159
160#images-view .x-view-selected {
161    background: #eff5fb no-repeat right bottom;
162    border: 1px solid #99bbe8;
163    padding: 4px;
164}
165
166#images-view .x-view-selected .thumb {
167    background: transparent;
168}
169
170#images-view .loading-indicator {
171    font-size: 11px;
172    background-image: url(../../gxt/resources/images/default/grid/loading.gif);
173    background-repeat: no-repeat;
174    background-position: left;
175    padding-left: 20px;
176    margin: 10px;
177}
178
179/* totals grid */
180.x-grid3-body .x-grid3-td-cost {
181    background-color: #F1F2F4;
182}
183
184.x-grid3-summary-row {
185    background: #F1F2F4 none repeat scroll 0% 50%;
186    border-left: 1px solid #FFFFFF;
187    border-right: 1px solid #FFFFFF;
188    color: #333333;
189}
190
191.x-grid3-summary-row .x-grid3-cell-inner {
192    font-weight: bold;
193    padding-bottom: 4px;
194}
195
196.x-grid3-cell-inner {
197    font-family: "segoe ui", tahoma, arial, sans-serif;
198}
199
200#demo-header {
201    background: #1E4176 url(../images/bg/hd-bg.gif) repeat-x scroll 0pt;
202    border: 0pt none;
203    padding-left: 3px;
204}
205
206#demo-theme {
207    float: right;
208    padding-top: 5px;
209    padding-right: 8px;
210}
211
212#demo-title {
213    color: white;
214    font-family: tahoma, arial, sans-serif;
215    font-size: 16px;
216    font-size-adjust: none;
217    font-stretch: normal;
218    font-style: normal;
219    font-variant: normal;
220    font-weight: normal;
221    line-height: normal;
222    padding: 6 0 8 6px;
223}
224
225.sample-box {
226    float: left;
227    width: 135px;
228    margin: 5px 5px 0 5px;
229    text-align: center;
230    height: 114px;
231    cursor: default;
232    color: #444;
233    overflow: hidden;
234}
235
236.sample-over {
237    background: transparent url(../images/thumbs/sample-over.gif) no-repeat;
238}
239
240.sample-over div {
241    color: #1860A8;
242}
243
244.sample-box div, #sample-box div a {
245    font-size: 10px;
246    line-height: 12px;
247    font-family: tahoma, arial, sans-serif;
248}
249
250.sample-box dt a {
251    border: 0 none !important;
252}
253
254.x-view-over {
255    background: #EFEFEF url(../images/default/grid/row-over.gif) repeat-x scroll left top;
256    border: 1px solid #DDDDDD;
257    padding: 4px;
258}
259
260.x-view-selected {
261    border: 1px solid #99BBE8;
262    padding: 4px;
263}
264
265.x-view-selected .thumb {
266    background: transparent none repeat scroll 0%;
267}
268
269.green {
270    color: green;
271}
272
273.red {
274    color: red;
275}
276
277.text {
278    font-size: 12px;
279}
280
281.pad-text {
282    font-size: 12px;
283    padding: 5px;
284}
285
286.x-grid3-row-body p {
287    margin: 5px 5px 10px 5px !important;
288}
289
290.icon-app-side {
291    background-image: url(../images/icons/application_side_list.png) !important;
292}
293
294.icon-calendar {
295    background-image: url(../images/icons/calendar.gif) !important;
296}
297
298.icon-list-items {
299    background-image: url(../images/icons/list-items.gif) !important;
300}
301
302.icon-menu-show {
303    background-image: url(../images/icons/menu-show.gif) !important;
304}
305
306.icon-user-add {
307    background-image: url(../images/icons/fam/user_add.gif) !important;
308}
309
310.icon-user-delete {
311    background-image: url(../images/icons/fam/user_delete.gif) !important;
312}
313
314.icon-connect {
315    background-image: url(../images/icons/fam/connect.gif) !important;
316}
317
318.icon-accordion {
319    background-image: url(../images/icons/accordion.gif) !important;
320}
321
322.user {
323    background-image: url(../images/icons/fam/user.gif) !important;
324}
325
326.user-add {
327    background-image: url(../images/icons/fam/user_add.gif) !important;
328}
329
330.user-delete {
331    background-image: url(../images/icons/fam/user_delete.gif) !important;
332}
333
334.connect {
335    background-image: url(../images/icons/fam/connect.gif) !important;
336}
337
338.user-girl {
339    background-image: url(../images/icons/fam/user_female.gif) !important;
340}
341
342.user-kid {
343    background-image: url(../images/icons/fam/user_green.gif) !important;
344}
345
346.user-suit {
347    background-image: url(../images/icons/fam/user_suit.gif) !important;
348}
349
350.icon-filter {
351    background-image: url(../images/icons/funnel.png) !important;
352}
353
354.icon-form {
355    background-image: url(../images/icons/application_form.png) !important;
356}
357
358.icon-add {
359    background-image: url(../images/icons/add.gif) !important;
360}
361
362.icon-plugin {
363    background-image: url(../images/icons/plugin.png) !important;
364}
365
366.icon-table {
367    background-image: url(../images/icons/table.png) !important;
368}
369
370.icon-delete {
371    background-image: url(../images/icons/delete.gif) !important;
372}
373
374.icon-email {
375    background-image: url(../images/icons/email.png) !important;
376}
377
378.icon-email-add {
379    background-image: url(../images/icons/email_add.png) !important;
380}
381
382.icon-email-reply {
383    background-image: url(../images/icons/email_go.png) !important;
384}
385
386.icon-date-add {
387    background-image: url(../images/icons/date-add.png) !important;
388}
389
390.icon-contact {
391    background-image: url(../images/icons/vcard.png) !important;
392}
393
394.icon-contact-add {
395    background-image: url(../images/icons/vcard_add.png) !important;
396}
397
398.icon-shell {
399    background-image: url(../images/icons/shell.gif) !important;
400}
401
402.icon-page {
403    background-image: url(../images/icons/document.gif) !important;
404}
405
406.icon-page-java {
407    background-image: url(../images/icons/page_white_cup.png) !important;
408}
409
410.icon-page-html {
411    background-image: url(../images/icons/page_white_code.png) !important;
412}
413
414.icon-album {
415    background-image: url(../images/icons/album.gif) !important;
416}
417
418.icon-text {
419    background-image: url(../images/icons/text.gif) !important;
420}
421
422.icon-add-disabled {
423    background-image: url(../images/icons/add.gif) !important;
424}
425
426.icon-chart {
427    background-image: url(../images/icons/chart.png) !important;
428}
429
430.icon-list {
431    background-image: url(../images/icons/list.gif) !important;
432}
433
434.icon-feed {
435    background-image: url(../images/icons/feed.gif) !important;
436}
437
438.icon-info {
439    background-image: url(../images/icons/information.png) !important;
440}
441
442.icon-info-white {
443    background-image: url(../images/icons/information-white.gif) !important;
444}
445
446.icon-music {
447    background-image: url(../images/icons/music.png) !important;
448}
449
450.icon-printer {
451    background-image: url(../images/icons/printer.png) !important;
452}
453
454.icon-page-code {
455    background-image: url(../images/icons/page.png) !important;
456}
457
458.icon-tabs {
459    background-image: url(../images/icons/tabs.gif) !important;
460}
461
462.add {
463    background-image: url(../images/icons/toolbar/add.gif) !important;
464}
465
466.add16 {
467    background-image: url(../images/icons/toolbar/add16.gif) !important;
468}
469
470.add24 {
471    background-image: url(../images/icons/toolbar/add24.gif) !important;
472}
473
474#custom-slider {
475    width: 214px;
476    padding-top: 6px;
477    background-repeat: no-repeat;
478    background-image: url(../images/bg/ticks.gif);
479}
480
481#custom-slider .x-slider-thumb {
482    background-image: url(../images/bg/slider-thumb.png);
483}