Project

General

Profile

Download (38.1 KB) Statistics
| Branch: | Revision:

git_sitools_idoc / szcluster-db / workspace / client-public / res / css / desktop.css @ d45a7442

1

    
2
/***************************************
3
* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES
4
* 
5
* This file is part of SITools2.
6
* 
7
* SITools2 is free software: you can redistribute it and/or modify
8
* it under the terms of the GNU General Public License as published by
9
* the Free Software Foundation, either version 3 of the License, or
10
* (at your option) any later version.
11
* 
12
* SITools2 is distributed in the hope that it will be useful,
13
* but WITHOUT ANY WARRANTY; without even the implied warranty of
14
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
15
* GNU General Public License for more details.
16
* 
17
* You should have received a copy of the GNU General Public License
18
* along with SITools2.  If not, see <http://www.gnu.org/licenses/>.
19
***************************************/
20
/*!
21
 * Ext JS Library 3.2.1
22
 * Copyright(c) 2006-2010 Ext JS, Inc.
23
 * licensing@extjs.com
24
 * http://www.extjs.com/license
25
 */
26
html, body {
27
        /*background:#3d71b8 url(../wallpapers/desktop_large.jpg) no-repeat left top;*/
28
        background:#3d71b8 url(../wallpapers/desktop2.jpg) no-repeat left top;
29
        background-size : 100%;
30
    font: normal 12px tahoma, arial, verdana, sans-serif;
31
        margin: 0;
32
        padding: 0;
33
        border: 0 none;
34
        overflow: hidden;
35
        height: 100%;
36
}
37

    
38
.start {
39
        background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important;
40
}
41

    
42
.bogus {
43
        background-image: url( ../images/desktop/bogus.png ) !important;
44
}
45

    
46
.logout {
47
        background-image: url( /sitools/common/res/images/icons/logout.png ) !important;
48
}
49

    
50
.login {
51
        background-image: url( /sitools/common/res/images/icons/login.png ) !important;
52
}
53

    
54
.settings {
55
        background-image: url( /sitools/common/res/images/icons/save.png ) !important;
56
}
57

    
58
.version {
59
        background-image: url( /sitools/common/res/images/icons/version.png ) !important;
60
}
61

    
62
.openSearch {
63
        background-image: url(/sitools/common/res/images/icons/toolbar_open_search.png);         
64
}
65

    
66
.plot {
67
        background-image: url(/sitools/common/res/images/icons/plot.png);         
68
}
69
.help {
70
        background-image: url( /sitools/common/res/images/icons/help.png ) !important;
71
}
72

    
73
.semantic {
74
        background-image: url( /sitools/common/res/images/icons/tree_dictionary.png );
75
}
76

    
77
.dataDetail {
78
        background-image: url( /sitools/common/res/images/icons/toolbar_details.png );
79
}
80

    
81
.tasks {
82
        background-image: url( /sitools/common/res/images/icons/tree_application_plugin.png );
83
}
84

    
85
.editProfile {
86
        background-image: url(/sitools/common/res/images/icons/tree_userman.png); 
87
}
88

    
89
.diskSpace {
90
        background-image: url(/sitools/common/res/images/icons/tree_user_storage.png);
91
}
92

    
93
.orders {
94
        background-image: url(/sitools/common/res/images/icons/tree_orders.png);
95
}
96

    
97
.dataviews {
98
        background-image: url(/sitools/common/res/images/icons/tree_datasets.png);        
99
}
100

    
101
.form {
102
        background-image: url(/sitools/common/res/images/icons/tree_forms.png);        
103
}
104

    
105
.datasetRessource {
106
        background-image: url( /sitools/common/res/images/icons/tree_datasets_resource.png );
107
}
108

    
109
.preferences {
110
        background-image: url( /sitools/common/res/images/icons/espace_utilisateur_ptt.png ) !important;
111
}
112
#dpanels {
113
        width: 250px;
114
        float: right;
115
}
116

    
117
#dpanels .x-panel {
118
        margin: 15px;
119
}
120

    
121
#dpanels .x-date-picker {
122
        border: 0 none;
123
        border-top: 0 none;
124
        background: transparent;
125
}
126

    
127
#dpanels .x-date-picker td.x-date-active {
128
        background: #ffffff;
129
}
130

    
131
#dpanels .x-date-picker {
132
        width: 100% !important;
133
}
134

    
135
#x-desktop {
136
        border: 0 none;
137
        position: relative;
138
    overflow: hidden;
139
    zoom:1;
140
    width : 100%;
141
}
142

    
143
#ux-taskbar .x-btn {
144
        margin: 1px 0 0 1px;
145
}
146

    
147
#ux-taskbar-start .x-btn {
148
        margin: 0;
149
}
150

    
151
#ux-taskbar button {
152
        /* width: 150px;
153
        overflow: hidden; */
154
        text-align: left;
155
        color: #ffffff;
156
}
157
#title-bar-wrapper {
158
        height:35px;
159
}
160

    
161
#title-bar {
162
        color: #225599;
163
        padding: 9px 7px;
164
        font: bold 16px tahoma,arial,verdana,sans-serif;
165
        float:left;
166
}
167

    
168
#x-logout {
169
        float:right;
170
        padding:6px 7px;
171
}
172

    
173
.x-btn-text-icon .x-btn-center .logout {
174
        background-position:0pt 3px;
175
        background-repeat:no-repeat;
176
        padding:3px 0pt 3px 18px;
177
}
178

    
179
#ux-taskbar {
180
        background:transparent none;
181
        height:30px;
182
        margin:0;
183
        padding:0;
184
        /*position:relative;*/
185
         /*z-index: 10000;*/
186
         visibility:hidden;
187
}
188

    
189
.x-btn-icon .ux-taskbutton-center .x-btn-text{
190
        background-position: center !important;
191
        background-repeat: no-repeat;
192
        height: 32px;
193
        width: 32px;
194
        cursor:pointer;
195
        white-space: nowrap;
196
    padding:0;
197
}
198
.x-btn-icon .ux-taskbutton-center{
199
        padding:1px;
200
}
201

    
202
.x-btn-text-icon .ux-taskbutton-center .x-btn-text{
203
        background-position: 0 6px;
204
        background-repeat: no-repeat;
205
        padding:7px 0px 7px 20px;
206
}
207

    
208
.x-btn-text-icon .ux-startbutton-center .x-btn-text{
209
        background-position: 0 4px;
210
        background-repeat: no-repeat;
211
        color:#000000 !important;
212
        font-weight:bold;
213
        padding:7px 0px 7px 28px;
214
}
215

    
216
.ux-taskbutton-left, .ux-taskbutton-right{
217
        font-size:1px;
218
    line-height:1px;
219
}
220
.ux-taskbutton-left{
221
        width:4px;
222
        height:28px;
223
        background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 0;
224
}
225
.ux-taskbutton-right{
226
        width:4px;
227
        height:28px;
228
        background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;
229
}
230
.ux-taskbutton-left i, .ux-taskbutton-right i{
231
        display:block;
232
    width:4px;
233
    overflow:hidden;
234
    font-size:1px;
235
    line-height:1px;
236
}
237
.ux-taskbutton-center{
238
        background:url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;
239
        vertical-align: middle;
240
        text-align:center;
241
        padding:0 5px;
242
        cursor:pointer;
243
        white-space:nowrap;
244
}
245

    
246
#ux-taskbar .ux-taskbutton-left{
247
        background-position:0 0;
248
}
249
#ux-taskbar .ux-taskbutton-right{
250
        background-position:0 -28px;
251
}
252
#ux-taskbar .ux-taskbutton-center{
253
        background-position:0 -56px;
254
}
255

    
256
#ux-taskbar .x-btn-over .ux-taskbutton-left{
257
        background-position:0 -252px;
258
}
259
#ux-taskbar .x-btn-over  .ux-taskbutton-right{
260
        background-position:0 -280px;
261
}
262
#ux-taskbar .x-btn-over .ux-taskbutton-center{
263
        background-position:0 -308px;
264
}
265

    
266
#ux-taskbar .x-btn-click .ux-taskbutton-left{
267
        background-position:0 -168px;
268
}
269
#ux-taskbar .x-btn-click  .ux-taskbutton-right{
270
        background-position:0 -196px;
271
}
272
#ux-taskbar .x-btn-click .ux-taskbutton-center{
273
        background-position:0 -224px;
274
}
275

    
276
#ux-taskbar .active-win .ux-taskbutton-left{
277
        background-position:0 -84px;
278
}
279
#ux-taskbar .active-win  .ux-taskbutton-right{
280
        background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;
281
}
282
#ux-taskbar .active-win .ux-taskbutton-center{
283
        background:url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;
284
}
285
#ux-taskbar .active-win .ux-taskbutton-center button {
286
    color:#fff;
287
}
288

    
289
#spacer {
290
        height: 25px;
291
        float: left;
292
        width: 0;
293
        overflow: hidden;
294
        margin-top: 2px;
295
}
296

    
297
.x-window-body p,.x-panel-body p {
298
        padding: 10px;
299
        margin: 0;
300
}
301

    
302
.x-window-maximized .x-window-bc {
303
        height:0;
304
}
305

    
306
.icon-grid {
307
    background-image:url( ../images/desktop/grid.png ) !important;
308
}
309
.datasetExplorerModule {
310
    background-image:url( /sitools/common/res/images/icons/32x32/dataset_explorer_32.png ) !important;
311
    background-size: 18px 18px;
312
        background-position: left !important;
313
        background-repeat: no-repeat;
314
}
315
.graphModule {
316
    background-image:url( /sitools/common/res/images/icons/32x32/graph_32.png ) !important;
317
    background-size: 18px 18px;
318
        background-position: left !important;
319
        background-repeat: no-repeat;
320
}
321
.feedsModule {
322
    background-image:url( /sitools/common/res/images/icons/32x32/rss_32.png ) !important;
323
    background-size: 18px 18px;
324
        background-position: left !important;
325
        background-repeat: no-repeat;
326
}
327
.helpModule {
328
    background-image:url( /sitools/common/res/images/icons/help.png ) !important;
329
}
330
.formsModule {
331
    background-image:url( /sitools/common/res/images/icons/32x32/form_list_32.png ) !important;
332
    background-size: 18px 18px;
333
        background-position: left !important;
334
        background-repeat: no-repeat;
335
}
336
.openSearchModule {
337
    background-image:url( /sitools/common/res/images/icons/open_search_small.png ) !important;
338
}
339
.desktopManagerModule {
340
    background-image:url( /sitools/common/res/images/icons/desktop_manager_small.png ) !important;
341
}
342
.projectDescriptionModule {
343
    background-image:url( /sitools/common/res/images/icons/32x32/description_project_32.png ) !important;
344
    background-size: 18px 18px;
345
        background-position: left !important;
346
        background-repeat: no-repeat;
347
}
348
.projectServicesModule {
349
    background-image:url( /sitools/common/res/images/icons/32x32/tree_application_resource_32.png ) !important;
350
    background-size: 18px 18px;
351
        background-position: left !important;
352
        background-repeat: no-repeat;
353
}
354
.contentViewerModule {
355
    background-image:url( /sitools/common/res/images/icons/32x32/content-viewer_32.png ) !important;
356
    background-size: 18px 18px;
357
        background-position: left !important;
358
        background-repeat: no-repeat;
359
}
360
.contentEditorModule {
361
    background-image:url( /sitools/common/res/images/icons/32x32/content-editor_32.png ) !important;
362
    background-size: 18px 18px;
363
        background-position: left !important;
364
        background-repeat: no-repeat;
365
}
366
.datastorageExplorerModule {
367
        background-image:url( /sitools/common/res/images/icons/32x32/datastorage-explorer_32.png ) !important;
368
    background-size: 18px 18px;
369
        background-position: left !important;
370
        background-repeat: no-repeat;
371
}
372

    
373
.addToCartModule {
374
        background-image: url("/sitools/common/res/images/icons/tree_orders.png");
375
        background-size: 18px 18px;
376
        background-position: left !important;
377
        background-repeat: no-repeat;
378
}
379

    
380
/*ADD OUR CSS class for Module */
381
.downloads {
382
    background-image:url( /sitools/common/res/images/icons/32x32/downloads.png ) !important;
383
    background-size: 18px 18px;
384
        background-position: left !important;
385
        background-repeat: no-repeat;
386
}
387

    
388
.rss {
389
    background-image:url( /sitools/common/res/images/icons/32x32/rss_32.png ) !important;
390
    background-size: 18px 18px;
391
        background-position: left !important;
392
        background-repeat: no-repeat;
393
}
394
.externalLinks {
395
        background-image:url( /sitools/common/res/images/icons/32x32/links2.png ) !important;
396
    background-size: 18px 18px;
397
        background-position: left !important;
398
        background-repeat: no-repeat;
399
}
400
.relatedPapersModule {
401
    background-image:url( /sitools/common/res/images/icons/32x32/description_project_32.png ) !important;
402
    background-size: 18px 18px;
403
        background-position: left !important;
404
        background-repeat: no-repeat;
405
}
406

    
407
/*------------------------------------------------- */
408

    
409
.add {
410
    background-image:url(../images/desktop/icons/add.gif) !important;
411
}
412
.option {
413
    background-image:url(../images/desktop/icons/plugin.gif) !important;
414
}
415
.remove {
416
    background-image:url(../images/desktop/icons/delete.gif) !important;
417
}
418
.save {
419
    background-image:url(../images/desktop/icons/save.gif) !important;
420
}
421
.accordion {
422
    background-image:url(../images/desktop/accordian.gif) !important;
423
}
424
.tabs {
425
    background-image:url(../images/desktop/tabs.gif) !important;
426
}
427

    
428
/* IM window icons */
429

    
430
.user {
431
    background-image:url( /sitools/common/res/images/icons/tree_userman.png ) !important;
432
}
433

    
434
.user-add {
435
    background-image:url(../images/desktop/icons/user_add.gif) !important;
436
}
437

    
438
.user-delete {
439
    background-image:url(../images/desktop/icons/user_delete.gif) !important;
440
}
441

    
442
.connect {
443
    background-image:url(../images/desktop/icons/connect.gif) !important;
444
}
445

    
446
.user-girl {
447
    background-image:url(../images/desktop/icons/user_female.gif) !important;
448
}
449

    
450
.user-kid {
451
    background-image:url(../images/desktop/icons/user_green.gif) !important;
452
}
453

    
454
.user-suit {
455
    background-image:url(../images/desktop/icons/user_suit.gif) !important;
456
}
457

    
458
.ux-start-menu {
459
        background:transparent none;
460
        border:0px none;
461
        padding:0;
462
}
463

    
464
.ux-start-menu-tl .x-window-header {
465
        color:#f1f1f1;
466
        font:bold 11px tahoma,arial,verdana,sans-serif;
467
    padding:5px 0 4px 0;
468
}
469

    
470
.x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon {
471
        background-position:0pt 4px;
472
        background-repeat:no-repeat;
473
        padding-left:20px !important;
474
}
475

    
476
.ux-start-menu-tl {
477
        background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 0;
478
        padding-left:6px;
479
    zoom:1;
480
    z-index:1;
481
    position:relative;
482
}
483

    
484
.ux-start-menu-tr {
485
        background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right 0;
486
        padding-right:6px;
487
}
488

    
489
.ux-start-menu-tc {
490
        background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 0;
491
        overflow:hidden;
492
    zoom:1;
493
}
494

    
495
.ux-start-menu-ml {
496
        background: transparent url( ../images/taskbar/black/start-menu-left-right.png ) repeat-y 0 0;
497
        padding-left:6px;
498
    zoom:1;
499
}
500

    
501
.ux-start-menu-bc {
502
        background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 bottom;
503
    zoom:1;
504
}
505

    
506
.ux-start-menu-bc .x-window-footer {
507
    padding-bottom:6px;
508
    zoom:1;
509
    font-size:0;
510
    line-height:0;
511
}
512

    
513
.ux-start-menu-bl {
514
        background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 bottom;
515
        padding-left:6px;
516
    zoom:1;
517
}
518

    
519
.ux-start-menu-br {
520
        background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right bottom;
521
        padding-right:6px;
522
    zoom:1;
523
}
524

    
525
.x-panel-nofooter .ux-start-menu-bc {
526
        height:6px;
527
}
528

    
529
.ux-start-menu-splitbar-h {
530
        background-color:#d0d0d0;
531
}
532

    
533

    
534
.ux-start-menu-bwrap {
535
        background:transparent none;
536
        border:0px none;
537
}
538

    
539
.ux-start-menu-body {
540
        background:transparent none;
541
        border:0px none;
542
}
543

    
544
.ux-start-menu-apps-panel {
545
        background:#ffffff none;
546
        border:1px solid #1e2124;
547
}
548

    
549
.ux-start-menu-tools-panel {
550
        border:0px none;
551
        background:transparent url( ../images/taskbar/black/start-menu-right.png ) repeat-y scroll right 0pt;
552
}
553

    
554
#ux-taskbar-start {
555
        background:#000000 url( ../images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;
556
        left:0px;
557
        padding:0;
558
        position:absolute;
559
}
560

    
561
#ux-taskbar-start .x-toolbar {
562
        background: none;
563
        padding:0px;
564
        border:0px none;
565
}
566

    
567
#ux-taskbuttons-panel {
568
        background:#000000 url( ../images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;
569
        padding-top:0;
570
        margin-left: 111px;
571
}
572

    
573
.ux-taskbuttons-strip-wrap {
574
        /* overflow:hidden;
575
        position:relative;
576
        width:100%; */
577

    
578
        width:100%;
579
    overflow:hidden;
580
    position:relative;
581
    zoom:1;
582
}
583

    
584
ul.ux-taskbuttons-strip {
585
        display:block;
586
/*         width:5000px; */
587
    zoom:1;
588
}
589

    
590
ul.ux-taskbuttons-strip li {
591
    float:left;
592
/*     margin-left:2px; */
593
}
594

    
595

    
596
ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {
597
    float:left;
598
    margin:0 !important;
599
    padding:0 !important;
600
    border:0 none !important;
601
    font-size:1px !important;
602
    line-height:1px !important;
603
    overflow:hidden;
604
    zoom:1;
605
    background:transparent !important;
606
    width:25px;
607
}
608

    
609
.x-clear {
610
    clear:both;
611
    height:0;
612
    overflow:hidden;
613
    line-height:0;
614
    font-size:0;
615
}
616

    
617
.x-taskbuttons-scrolling {
618
        position:relative;
619
}
620

    
621
.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
622
        margin-left:18px;
623
        margin-right:18px;
624
}
625

    
626
td.ux-taskButtons-edge {
627
    /*float:left;*/
628
    margin:0 !important;
629
    padding:0 !important;
630
    border:0 none !important;
631
    font-size:1px !important;
632
    line-height:1px !important;
633
    overflow:hidden;
634
    zoom:1;
635
    background:transparent !important;
636
    width:1px;
637
}
638

    
639
.ux-taskbuttons-scroller-left {
640
    background: transparent url( ../images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;
641
    width:18px;
642
    position:absolute;
643
    left:1px;
644
    top:0px;
645
    z-index:10;
646
    cursor:pointer;
647
}
648
.ux-taskbuttons-scroller-left-over {
649
    background-position: 0 0;
650
}
651
.ux-taskbuttons-scroller-left-disabled {
652
    background-position: -18px 0;
653
    opacity:.5;
654
    -moz-opacity:.5;
655
    filter:alpha(opacity=50);
656
    cursor:default;
657
}
658
.ux-taskbuttons-scroller-right {
659
    background: transparent url( ../images/taskbar/black/scroll-right.gif ) no-repeat 0 0;
660
    width:18px;
661
    position:absolute;
662
    right:0;
663
    top:0px;
664
    z-index:10;
665
    cursor:pointer;
666
}
667
.ux-taskbuttons-scroller-right-over {
668
    background-position: -18px 0;
669
}
670
.ux-taskbuttons-scroller-right-disabled {
671
    background-position: 0 0;
672
    opacity:.5;
673
    -moz-opacity:.5;
674
    filter:alpha(opacity=50);
675
    cursor:default;
676
}
677

    
678
#btn-showDesk {
679
        margin : -1px !important;
680
        -moz-box-shadow: 2px 2px 5px 2px #343434;   
681
        -webkit-box-shadow: 2px 2px 2px 2px #343434;   -o-box-shadow: 2px 2px 5px 2px #343434;   
682
        box-shadow: 2px 2px 4px 0px #343434;   filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5);
683
        opacity: .7;
684
    -moz-opacity: .7;
685
    filter:alpha(opacity=70);
686
        
687
        background: -moz-linear-gradient(-45deg,  rgba(151,153,160,1) 0%, rgba(183,184,191,0.94) 16%, rgba(135,136,145,0.86) 37%, rgba(112,114,121,0.81) 50%, rgba(199,202,209,0.62) 99%, rgba(199,202,209,0.62) 100%); /* FF3.6+ */
688
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(151,153,160,1)), color-stop(16%,rgba(183,184,191,0.94)), color-stop(37%,rgba(135,136,145,0.86)), color-stop(50%,rgba(112,114,121,0.81)), color-stop(99%,rgba(199,202,209,0.62)), color-stop(100%,rgba(199,202,209,0.62))); /* Chrome,Safari4+ */
689
        background: -webkit-linear-gradient(-45deg,  rgba(151,153,160,1) 0%,rgba(183,184,191,0.94) 16%,rgba(135,136,145,0.86) 37%,rgba(112,114,121,0.81) 50%,rgba(199,202,209,0.62) 99%,rgba(199,202,209,0.62) 100%); /* Chrome10+,Safari5.1+ */
690
        background: -o-linear-gradient(-45deg,  rgba(151,153,160,1) 0%,rgba(183,184,191,0.94) 16%,rgba(135,136,145,0.86) 37%,rgba(112,114,121,0.81) 50%,rgba(199,202,209,0.62) 99%,rgba(199,202,209,0.62) 100%); /* Opera 11.10+ */
691
        background: -ms-linear-gradient(-45deg,  rgba(151,153,160,1) 0%,rgba(183,184,191,0.94) 16%,rgba(135,136,145,0.86) 37%,rgba(112,114,121,0.81) 50%,rgba(199,202,209,0.62) 99%,rgba(199,202,209,0.62) 100%); /* IE10+ */
692
        background: linear-gradient(135deg,  rgba(151,153,160,1) 0%,rgba(183,184,191,0.94) 16%,rgba(135,136,145,0.86) 37%,rgba(112,114,121,0.81) 50%,rgba(199,202,209,0.62) 99%,rgba(199,202,209,0.62) 100%); /* W3C */
693
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9799a0', endColorstr='#9ec7cad1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
694
}
695

    
696
#btn-showDesk:HOVER {
697
        background: -moz-linear-gradient(-45deg,  rgba(199,202,209,0.62) 0%, rgba(199,202,209,0.62) 1%, rgba(149,150,160,0.81) 50%, rgba(151,151,160,0.86) 64%, rgba(208,208,216,0.93) 83%, rgba(151,153,160,1) 100%); /* FF3.6+ */
698
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(199,202,209,0.62)), color-stop(1%,rgba(199,202,209,0.62)), color-stop(50%,rgba(149,150,160,0.81)), color-stop(64%,rgba(151,151,160,0.86)), color-stop(83%,rgba(208,208,216,0.93)), color-stop(100%,rgba(151,153,160,1))); /* Chrome,Safari4+ */
699
        background: -webkit-linear-gradient(-45deg,  rgba(199,202,209,0.62) 0%,rgba(199,202,209,0.62) 1%,rgba(149,150,160,0.81) 50%,rgba(151,151,160,0.86) 64%,rgba(208,208,216,0.93) 83%,rgba(151,153,160,1) 100%); /* Chrome10+,Safari5.1+ */
700
        background: -o-linear-gradient(-45deg,  rgba(199,202,209,0.62) 0%,rgba(199,202,209,0.62) 1%,rgba(149,150,160,0.81) 50%,rgba(151,151,160,0.86) 64%,rgba(208,208,216,0.93) 83%,rgba(151,153,160,1) 100%); /* Opera 11.10+ */
701
        background: -ms-linear-gradient(-45deg,  rgba(199,202,209,0.62) 0%,rgba(199,202,209,0.62) 1%,rgba(149,150,160,0.81) 50%,rgba(151,151,160,0.86) 64%,rgba(208,208,216,0.93) 83%,rgba(151,153,160,1) 100%); /* IE10+ */
702
        background: linear-gradient(135deg,  rgba(199,202,209,0.62) 0%,rgba(199,202,209,0.62) 1%,rgba(149,150,160,0.81) 50%,rgba(151,151,160,0.86) 64%,rgba(208,208,216,0.93) 83%,rgba(151,153,160,1) 100%); /* W3C */
703
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec7cad1', endColorstr='#9799a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
704
}
705

    
706
#btn-showDesk:ACTIVE {
707
        opacity: .5;
708
    -moz-opacity: .5;
709
    filter:alpha(opacity=50);
710
}
711

    
712
.ux-toolmenu-sep {
713
        background-color:#18191a;
714
        border-bottom:1px solid #858789;
715
        display:block;
716
        font-size:1px;
717
        line-height:1px;
718
        margin:2px 3px;
719
}
720

    
721
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {
722
        color:#ffffff;
723
}
724

    
725
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {
726
        color:#000000;
727
}
728

    
729
.ux-start-menu-tools-panel .x-menu-item-active {
730
        background: #525456 url( ../images/taskbar/black/item-over.gif ) repeat-x left bottom;
731
        border:1px solid #000000;
732
        padding: 0;
733
}
734

    
735
#ux-taskbar .x-splitbar-h {
736
        background:#000000 url( ../images/taskbar/black/taskbar-split-h.gif ) no-repeat 0 0;
737
        width:8px;
738
}
739

    
740
.x-window-header-text {
741
        cursor:default;
742
        padding-left: 5px !important;
743
}
744

    
745
/*
746
 * Begin Start button
747
 */
748
.ux-startbutton-left, .ux-startbutton-right{
749
        font-size:1px;
750
    line-height:1px;
751
}
752
.ux-startbutton-left{
753
        width:10px;
754
        height:28px;
755
        background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 0;
756
}
757
.ux-startbutton-right{
758
        width:10px;
759
        height:30px;
760
        background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -28px;
761
}
762
.ux-startbutton-left i, .ux-startbutton-right i{
763
        display:block;
764
    width:10px;
765
    overflow:hidden;
766
    font-size:1px;
767
    line-height:1px;
768
}
769
.ux-startbutton-center{
770
        background:url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -56px;
771
        vertical-align: middle;
772
        text-align:center;
773
        padding:0;
774
        cursor:pointer;
775
        white-space:nowrap;
776
}
777

    
778
#ux-taskbar .ux-startbutton-left{
779
        background-position:0 0;
780
}
781
#ux-taskbar .ux-startbutton-right{
782
        background-position:0 -30px;
783
}
784
#ux-taskbar .ux-startbutton-center{
785
        background-position:0 -60px;
786
}
787

    
788
#ux-taskbar .x-btn-over .ux-startbutton-left{
789
        background-position:0 -270px;
790
}
791
#ux-taskbar .x-btn-over  .ux-startbutton-right{
792
        background-position:0 -300px;
793
}
794
#ux-taskbar .x-btn-over .ux-startbutton-center{
795
        background-position:0 -330px;
796
}
797

    
798
#ux-taskbar .x-btn-click .ux-startbutton-left{
799
        background-position:0 -180px;
800
}
801
#ux-taskbar .x-btn-click  .ux-startbutton-right{
802
        background-position:0 -210px;
803
}
804
#ux-taskbar .x-btn-click .ux-startbutton-center{
805
        background-position:0 -240px;
806
}
807

    
808
#ux-taskbar .active-win .ux-startbutton-left{
809
        background-position:0 -90px;
810
}
811
#ux-taskbar .active-win  .ux-startbutton-right{
812
        background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -120px;
813
}
814
#ux-taskbar .active-win .ux-startbutton-center{
815
        background:url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -150px;
816
}
817
#ux-taskbar .active-win .ux-startbutton-center button {
818
    color:#fff;
819
}
820

    
821
.ux-taskbar-warning {
822
        height : 30px;
823
        width : 24px;
824
        border : none;
825
}
826

    
827
.ux-taskbuttons-edge .x-warning {
828
        color: #C33;
829
    background-image: url(../images/ux/exclamation.gif);
830
    background-repeat: no-repeat;
831
    background-position: center center;
832
    height: 30px;
833
}
834
/*
835
 * End Start button
836
 */
837

    
838
.x-resizable-proxy{
839
    background:#C7DFFC;
840
    opacity:.5;
841
    -moz-opacity:.5;
842
    filter:alpha(opacity=50);
843
    border: 1px solid #3b5a82;
844
}
845

    
846
/* Desktop Shortcuts */
847
#x-shortcuts dt {
848
    float:left;
849
    margin:15px 0 0 15px;
850
    clear:left;
851
    width:64px;
852
    font:normal 10px tahoma,arial,verdana,sans-serif;
853
    text-align:center;
854
    zoom:1;
855
    display:block;
856
}
857
#x-shortcuts dt a {
858
    width:64px;
859
    display:block;
860
    color:white;
861
    text-decoration:none;
862
}
863
#x-shortcuts dt div {
864
    width:100%;
865
    color:white;
866
    overflow:hidden;
867
    text-overflow:ellipsis;
868
    cursor:pointer;
869
}
870
.ext-ie #x-shortcuts dt img {
871
    background:transparent !important;
872
}
873
#x-shortcuts dt a:hover {
874
    text-decoration:underline;
875
}
876
/* shortcuts */
877
#grid-win-shortcut img {
878
    width:48px;
879
    height:48px;
880
    background-image: url(../images/desktop/grid48x48.png);
881
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
882
}
883
#acc-win-shortcut img {
884
    width:48px;
885
    height:48px;
886
    background-image: url(../images/desktop/im48x48.png);
887
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
888
}
889

    
890
.graphNodeType {
891
        height:24px !important;
892
        width:24px !important;                
893
}
894

    
895
.imageDsNode{
896
        max-height : 70px;        
897
        max-width : 70px;
898
}
899

    
900
.cnes {
901
        background-image : url('/sitools/common/res/wallpapers/fond_sitools2.jpg');
902
        background-color: black;
903
        background-position : top center;
904
}
905

    
906
.linkImageDataView ul li img {
907
        width : 80px;
908
        height : 80px;
909
}
910

    
911
.linkImageDataView ul li {
912
        float: left;
913
        padding-top: 10px;
914
        margin-top : 10px;
915
        /*    margin: 10px 0 0 25px;*/
916
        text-align: center;
917
        line-height: 1.25em;
918
        color: #333;
919
        font-family: "Helvetica Neue", sans-serif;
920
        height: 90px;
921
        width: 120px;
922
        overflow: hidden;
923
        cursor: pointer;
924
}
925

    
926
.linkImageDataView .nodes-hover {
927
    background: -webkit-linear-gradient(top, #D8D8D8 , #F8F8F8);
928
    background: -moz-linear-gradient(top, #D8D8D8 , #F8F8F8);
929
    -moz-border-radius: 8px;
930
    -webkit-border-radius: 8px;
931
}
932

    
933
.dataview_columnValue {
934
        margin-bottom: 5px;        
935
}
936

    
937
.sitools {
938
        overflow: hidden;        
939
}
940

    
941
#rightPanel {
942
        float : left;
943
        height : 100%; /*1000px;*/        
944
        /*background-color: black;*/
945
        width : 15%; 
946
}
947

    
948
#x-headers {
949
        height : 150px;
950
        /*background-color: black;*/
951
}
952
#news {
953
        height : 50%;
954
        width : 100%;
955
}
956

    
957
#shortcuts {
958
        height : 100%;/* 50%;*/
959
        width : 100%;
960
/*         border-top: 1px solid #A3A3A3; */
961
}
962

    
963
#x-bottom {
964
        height : 50px;
965
        /*background-color: black;*/
966
        clear: both;
967
}
968

    
969
#sitools-desktop {
970
        height : 100%;
971
}
972

    
973
#x-desktop-taskbar {
974
        float : left;
975
        width : 85%;
976
        height : 100%; /*1000px;*/
977
}
978

    
979
.x-navBar {
980
        height : 35px;        
981
        background: #000000 url( ../images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;
982
        padding-top:0;
983
        float : left;
984
        position:relative;
985
}
986

    
987
.x-navBar-buttons {
988
        border-left : 1px solid #000000;
989
/*         padding-top: 7px; */
990
        padding-left: 12px;
991
        padding-right: 6px;
992
        height : 35px;        
993
        background-color: #000000;
994
        /*position: initial;*/
995
}
996

    
997
.navBarButtons-icon {
998
        height : 32px !important;
999
        width :32px !important;
1000
        -webkit-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1001
           -moz-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1002
    -ms-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1003
    -o-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1004
    transition: width .5s cubic-bezier( .4, 1, .4, 1);
1005
    z-index:1;
1006
}
1007

    
1008
.navBarButtons-icon:HOVER {
1009
        -webkit-transform: scale(1.09);
1010
        -moz-transform: scale(1.09);
1011
        -ms-transform: scale(1.09);
1012
        -o-transform: scale(1.09);
1013
        transform: scale(1.09);
1014
        z-index:5;
1015
        opacity: .7;
1016
    -moz-opacity: .7;
1017
    filter:alpha(opacity=70);
1018
}
1019

    
1020
.navBarButtons-icon:ACTIVE {
1021
        opacity : .3;
1022
}
1023

    
1024
.taskbarButtons-icon {
1025
        -webkit-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1026
           -moz-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1027
    -ms-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1028
    -o-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1029
    transition: width .5s cubic-bezier( .4, 1, .4, 1);
1030
}
1031

    
1032
.taskbarButtons-icon:HOVER {
1033
        -webkit-transform: scale(1.07);
1034
        -moz-transform: scale(1.07);
1035
        -ms-transform: scale(1.07);
1036
        -o-transform: scale(1.07);
1037
        transform: scale(1.07);
1038
        opacity: .7;
1039
    -moz-opacity: .7;
1040
    filter:alpha(opacity=70);
1041
}
1042

    
1043
.taskbarButtons-icon:ACTIVE {
1044
        opacity: .3;
1045
    -moz-opacity: .3;
1046
    filter:alpha(opacity=30);
1047
}
1048

    
1049
.x-navBar-items {
1050
        padding-left : 5px;        
1051
        padding-right : 5px;
1052
        padding-top: 5px;
1053
        padding-bottom: 2px;        
1054
        
1055
}
1056

    
1057
.x-navBar-items button {
1058
        font: 12px arial,tahoma,verdana,helvetica;
1059
        color: white;
1060
        /*text-transform: uppercase;*/
1061
        font-weight: bold;
1062
}
1063

    
1064
#navBarId .x-btn-over .ux-taskbutton-left{
1065
        background-position:0 -252px;
1066
}
1067
#navBarId .x-btn-over  .ux-taskbutton-right{
1068
        background-position:0 -280px;
1069
}
1070
#navBarId .x-btn-over .ux-taskbutton-center{
1071
        background-position:0 -308px;
1072
}
1073

    
1074
#x-headers .x-panel-body {
1075
        background-color: black;
1076
        color : white;        
1077
}
1078

    
1079
.sitools-module-panel .x-panel-body{
1080
/*         background-color: #D9DCDF;         */
1081
}
1082

    
1083
<!-- Tree node selected for xtheme-gray -->
1084
#x-tree-node .x-tree-selected{
1085
        background-color: white;
1086
}
1087
.sitools-userContainer {
1088
        position: absolute;
1089
        color: black;
1090
        z-index: 1;
1091
        text-align: right;
1092
        border-color: #848AC7;
1093
        background-color: white;
1094
        opacity: .7;
1095
    -moz-opacity: .7;
1096
    filter:alpha(opacity=70);
1097
        
1098
        background-color:#EDEDED;
1099
        border:1px solid #666666;
1100
        margin:10px auto;
1101
        padding:10px;
1102
}
1103

    
1104
.sitools-userContainer-arrow-border-down {
1105
  border-color: #666666 transparent transparent transparent;
1106
  border-style: solid;
1107
  border-width: 10px;
1108
  height:0;
1109
  width:0;
1110
  position:absolute;
1111
  bottom:-22px;
1112
  z-index: 1;
1113
}
1114
.sitools-userContainer-arrow-down {
1115
  border-color: #EDEDED transparent transparent transparent;
1116
  border-style: solid;
1117
  border-width: 10px;
1118
  height:0;
1119
  width:0;
1120
  position:absolute;
1121
  bottom:-20px;
1122
  z-index: 1;
1123
}
1124

    
1125
.sitools-userContainer-arrow-border-up {
1126
  border-color: transparent transparent #666666 transparent;
1127
  border-style: solid;
1128
  border-width: 10px;
1129
  height:0;
1130
  width:0;
1131
  position:absolute;
1132
  top:-21px;
1133
  z-index: 1;
1134
}
1135
.sitools-userContainer-arrow-up {
1136
  border-color: transparent transparent #EDEDED transparent;
1137
  border-style: solid;
1138
  border-width: 10px;
1139
  height:0;
1140
  width:0;
1141
  position:absolute;
1142
  top:-19px;
1143
  z-index: 1;
1144
}
1145

    
1146
.sitools-userContainer-icon {
1147
        float: left;
1148
        width: 16px;
1149
        padding-left: 10px;
1150
}
1151

    
1152
.userProfileBtn {
1153
        padding: 5px;
1154
        float: left;
1155
}
1156

    
1157
.datastorageSelectionClass {
1158
        border: 0.07em outset #B3B3B3 !important;
1159
        box-shadow: 1px 1px 1px 1px #888 !important;
1160
        background: linear-gradient(135deg, #F2F2F2 0%,rgba(242, 242, 242, 0) 100%);
1161
}
1162

    
1163
.dv-datastorage-wrap{
1164
        float:left;
1165
        margin : 10px 15px 10px 15px;
1166
        border-radius: 1px;
1167
        /*border: 1px outset #F8F8F8;*/
1168
        text-align: center;
1169
        width: 90px;
1170
        height : 88px;
1171
        /*box-shadow: 1.5px 1.5px 0.5px rgba(124, 128, 114, 0.96);
1172
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
1173
          zoom: 1;
1174
        text-shadow: 0.5px 2px 0px rgba( 255, 255, 255, 0.2);
1175
        background: -moz-radial-gradient(center, ellipse cover, #e2e2e2 0%, #d1d1d1 21%, #dbdbdb 43%, #fefefe 100%);
1176
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e2e2), color-stop(21%,#d1d1d1), color-stop(43%,#dbdbdb), color-stop(100%,#fefefe));
1177
        background: -webkit-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%); 
1178
        background: -o-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%); 
1179
        background: -ms-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%); 
1180
        background: radial-gradient(ellipse at center, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%);*/
1181
}
1182

    
1183
.dv-datastorage-wrap:ACTIVE{
1184
        background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); 
1185
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); 
1186
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
1187
        background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); 
1188
        background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
1189
    box-shadow: 0.5px 0.5px 5px #666666 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
1190
}
1191

    
1192
.dv-datastorage-wrap:HOVER{
1193
        background: -moz-linear-gradient(-45deg, #D5D5D5 0%, #E7E7E7 100%);
1194
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#D5D5D5), color-stop(100%,#E7E7E7)); 
1195
        background: -webkit-linear-gradient(-45deg, #D5D5D5 0%,#E7E7E7 100%); 
1196
        background: -o-linear-gradient(-45deg, #D5D5D5 0%,#E7E7E7 100%); 
1197
        background: -ms-linear-gradient(-45deg,#D5D5D5 0%,#E7E7E7 100%);
1198
        background: linear-gradient(135deg, #D5D5D5 0%, #E7E7E7 100%); 
1199
}
1200

    
1201
.dv-datastorage{
1202
        padding : 5px 3px 4px 3px;
1203
        display:block;
1204
        overflow : hidden;
1205
        text-overflow: ellipsis;
1206
        text-align : center;
1207
}
1208

    
1209
.dv-datastorage span{
1210
        white-space: nowrap;
1211
}
1212

    
1213
#treepanel .x-tree-node .x-tree-selected {
1214
/*         background-color: white !important; */
1215
}
1216

    
1217

    
1218
.full-desktop {
1219
        width:100% !important;
1220
}
1221

    
1222
/** START CSS FEED MODULE + FEED DETAILS **/
1223
#leftPanel {
1224
        float : left;
1225
        height : 100%; /*1000px;*/        
1226
        width : 20%;
1227
}
1228

    
1229

    
1230
#menu {
1231
        height : 100%;
1232
        width : 100%;
1233
}
1234

    
1235

    
1236
#feeds-date {
1237
        padding: 5px 0px 0px 0px;
1238
}
1239

    
1240
.detailFeed-view{
1241
        background: rgb(250,242,230); /* Old browsers */
1242
        background: -moz-linear-gradient(45deg,  rgba(250,242,230,1) 6%, rgba(224,206,178,1) 29%, rgba(228,214,190,1) 32%, rgba(246,237,222,1) 75%); /* FF3.6+ */
1243
        background: -webkit-gradient(linear, left bottom, right top, color-stop(6%,rgba(250,242,230,1)), color-stop(29%,rgba(224,206,178,1)), color-stop(32%,rgba(228,214,190,1)), color-stop(75%,rgba(246,237,222,1))); /* Chrome,Safari4+ */
1244
        background: -webkit-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); /* Chrome10+,Safari5.1+ */
1245
        background: -o-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); /* Opera 11.10+ */
1246
        background: -ms-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); /* IE10+ */
1247
        background: linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); /* W3C */
1248
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf2e6', endColorstr='#f6edde',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
1249
                        
1250
}
1251

    
1252
.feed-article {
1253
        padding: 15px;
1254
        margin: 25px;
1255
        -moz-border-radius:5px;
1256
        -webkit-border-radius:5px;
1257
        border-radius:5px;
1258
        border: 1px solid rgba(80, 80, 80, 0.1);
1259
        -moz-box-shadow: 5px 5px 6px 0px #656565;
1260
        -webkit-box-shadow: 5px 5px 6px 0px #656565;
1261
        -o-box-shadow: 5px 5px 6px 0px #656565;
1262
        box-shadow: 5px 5px 6px 0px #656565;
1263
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=6);
1264
        background-color : white;
1265
}
1266

    
1267
.feed-img{
1268
        float: left;
1269
}
1270

    
1271
.feed-title{
1272
        text-align: center;
1273
        font-size: 18px;
1274
        padding: 14px;
1275
}
1276

    
1277
.feed-date-detail{
1278
        padding-top : 45px;
1279
}
1280

    
1281
.feed-author{
1282
        padding-top : 2px;
1283
}
1284

    
1285
.feed-description{
1286
        padding-top: 25px;
1287
        padding-bottom: 25px;
1288
        text-indent: 18px;
1289
}
1290

    
1291
.feed-complementary{
1292
        padding : 10px;
1293
        border : 1px solid #c0c0c0;
1294
        -moz-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
1295
        -webkit-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
1296
        -o-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
1297
        box-shadow: inset 3px 3px 3px 1px #c0c0c0;
1298
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=135, Strength=3);
1299
        -moz-border-radius: 5px;
1300
        -webkit-border-radius: 5px;
1301
        border-radius: 5px;
1302
}
1303
/** END CSS FEED MODULE + FEED DETAILS **/
1304

    
1305

    
1306
/** START PREVIEW BOX CSS **/
1307
.taskbar-previewbox {
1308
        position: absolute;
1309
        /*top: 35px;*/
1310
        padding-top: 8px;
1311
        left: 0px;
1312
        width: 250px;
1313
        height: 180px;
1314
        z-index: 9500;
1315
        user-select: none;
1316
        -moz-user-select: -moz-none;
1317
        -khtml-user-select: none;
1318
        -webkit-user-select: none;
1319
        -webkit-transform: translate3d(0, 0, 0);
1320
}
1321

    
1322
.taskbar-previewbox-ml,
1323
.taskbar-previewbox-mc,
1324
.taskbar-previewbox-mr {
1325
        height: 178px;
1326
        background-repeat: no-repeat;
1327
        
1328
        -moz-border-radius: 10px;
1329
        -webkit-border-radius: 10px;
1330
        border-radius: 10px;
1331
        
1332
        background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 5%, rgba(0,0,0,0.31) 54%, rgba(0,0,0,0.09) 87%, rgba(0,0,0,0) 100%); /* FF3.6+ */
1333
        background: -webkit-gradient(linear, left top, right bottom, color-stop(5%,rgba(0,0,0,0.65)), color-stop(54%,rgba(0,0,0,0.31)), color-stop(87%,rgba(0,0,0,0.09)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
1334
        background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.31) 54%,rgba(0,0,0,0.09) 87%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
1335
        background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.31) 54%,rgba(0,0,0,0.09) 87%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
1336
        background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.31) 54%,rgba(0,0,0,0.09) 87%,rgba(0,0,0,0) 100%); /* IE10+ */
1337
        background: linear-gradient(135deg,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.31) 54%,rgba(0,0,0,0.09) 87%,rgba(0,0,0,0) 100%); /* W3C */
1338
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
1339
        
1340
}
1341
.taskbar-previewbox-ml {
1342
        position: relative;
1343
        background-position: 0 0;
1344
/*         padding-left: 15px; */
1345
}
1346
.taskbar-previewbox-mc {
1347
        background-position: 0 -178px;
1348
        background-repeat: repeat-x;
1349
        width: 250px;
1350
}
1351
.taskbar-previewbox-mr {
1352
        background-position: right -356px;
1353
        padding-right: 15px;
1354
}
1355
.taskbar-previewbox-arrow {
1356
        background-image: url(../images/icons/arrow-down-gray.png);
1357
        background-repeat: no-repeat;
1358
        position: relative;
1359
        top: -13px;
1360
        left: 114px;
1361
        width: 22px;
1362
        height: 25px;
1363
}
1364
.taskbar-previewbox-desc {
1365
        color: #FFF;
1366
        font-size: 10pt;
1367
        font-weight: bold;
1368
        padding-top: 14px;
1369
        text-align: center;
1370
        overflow: hidden;
1371
        text-overflow: ellipsis;
1372
        -o-text-overflow: ellipsis;
1373
        white-space: nowrap;
1374
        text-shadow: 0.1em 0.1em 0.1em #000000;
1375
}
1376
.taskbar-previewbox-win {
1377
        position: absolute;
1378
        left : 16px;
1379
        height : 10px;
1380
        width : 10px;
1381
}
1382
.taskbar-previewbox-win-transform {
1383
        transform-origin: 0% 0%;
1384
        -webkit-transform-origin: 0% 0%;
1385
        -moz-transform-origin: 0% 0%;
1386
        -o-transform-origin: 0% 0%;
1387
}
1388
.taskbar-previewbox-win-mask {
1389
        position: absolute;
1390
        left: 0px;
1391
        top: 0px;
1392
        width: 100%;
1393
        height: 100%;
1394
        background: transparent;
1395
        z-index: 8999;
1396
}
1397
.taskbar-previewbox-transition {
1398
        transition-delay: 0s;
1399
        transition-property: top, left, opacity;
1400
        transition-duration: 0.8s;
1401

    
1402
        -webkit-transition-delay: 0s;
1403
        -webkit-transition-property: top, left, opacity;
1404
        -webkit-transition-duration: 0.8s;
1405

    
1406
        -moz-transition-delay: 0s;
1407
        -moz-transition-property: top, left, opacity;
1408
        -moz-transition-duration: 0.8s;
1409

    
1410
        -o-transition-delay: 0s;
1411
        -o-transition-property: top, left, opacity;
1412
        -o-transition-duration: 0.8s;
1413
}
1414

    
1415
/** END PREVIEW BOX CSS **/
1416

    
1417
/** START TOOLBAR BUTTON **/
1418

    
1419
.arrow-back{
1420
        background-image : url(../images/icons/simple-arrow-left.png);
1421
}
1422

    
1423
.arrow-next{
1424
        background-image : url(../images/icons/simple-arrow-right.png);
1425
}
1426

    
1427
.btn-format-icon {
1428
        background-size : 16px 16px;
1429
}
1430

    
1431
/** ENDTOOLBAR BUTTON **/
1432

    
1433
.x-item-disabled-custom {
1434
        color : black;
1435
        border : none;
1436
}
1437

    
1438
.menu-title {
1439
        color : white;
1440
}
1441

    
1442
.button-transition {
1443
        -webkit-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1444
        -moz-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1445
        -ms-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1446
        -o-transition: width .5s cubic-bezier( .4, 1, .4, 1);
1447
        transition: width .5s cubic-bezier( .4, 1, .4, 1);
1448
}
1449

    
1450
.button-transition:HOVER {
1451
        -webkit-transform: scale(1.09);
1452
        -moz-transform: scale(1.09);
1453
        -ms-transform: scale(1.09);
1454
        -o-transform: scale(1.09);
1455
        transform: scale(1.09);
1456
        z-index:5;
1457
        opacity: .7;
1458
    -moz-opacity: .7;
1459
    filter:alpha(opacity=70);
1460
}
1461

    
1462
.button-transition:ACTIVE {
1463
        opacity : .6;
1464
}
1465

    
1466
.x-grid3-row-warningDate {
1467
        color : #F63E3E !important;
1468
}
1469

    
1470
/* SEARCH button re-styling (for more visibility) */
1471
button.x-btn-search{
1472
        color:#0033FF;
1473
        font-size: 1.3em;
1474
        font-weight: bold;
1475
        background-image: url("/sitools/common/res/images/icons/toolbar_open_search.png");
1476
}
1477

    
1478
/* RESET FORM button styling*/
1479
button.x-btn-reset{
1480
        font-size: 1.2em;
1481
        font-weight: normal;
1482
        background-image: url("/sitools/common/res/images/icons/clean.png");
1483
}
1484

    
1485
}