@cryptotaxi247 / MeshCentral / commits / b0850abe

Fixed HTML issue, ClickOnce permission.

Ylian Saint-Hilaire committed Apr 9, 2019 at 11:23 UTC b0850abef29bc616ce926439951eeaac1778d4f7
1 file changed +1600
public/styles/style-old.css new
+1600
@@ -0,0 +1,1600 @@
1 +body {
2 + margin: 0;
3 + padding: 0;
4 + border: 0;
5 + color: black;
6 + font-size: 13px;
7 + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
8 + background-color: #d3d9d6;
9 + overflow-y: hidden;
10 +}
11 +
12 +#container {
13 + background-color: #fff;
14 + width: 960px;
15 + min-width: 960px;
16 + max-height: 100vh;
17 + margin: 0 auto;
18 + border-top: 0;
19 + border-right: 1px solid #b7b7b7;
20 + border-bottom: 0;
21 + border-left: 1px solid #b7b7b7;
22 + padding: 0;
23 +}
24 +
25 + .fullscreen #container {
26 + width: 100%;
27 + min-width: 700px;
28 + min-height: 0px;
29 + border-right: 0px none #b7b7b7;
30 + border-left: 0px none #b7b7b7;
31 + }
32 +
33 + .fulldesk #container {
34 + width: 100%;
35 + min-width: 700px;
36 + min-height: 0px;
37 + border-right: 0px none #b7b7b7;
38 + border-left: 0px none #b7b7b7;
39 + position: unset;
40 + }
41 +
42 +#masthead {
43 + width: auto;
44 + margin: 0;
45 + padding: 0;
46 + overflow: hidden;
47 + text-align: right;
48 + background-color: #036;
49 + background-image: url(../logo.png);
50 + background-position-x: 0px;
51 + background-position-y: 0px;
52 + background-attachment: initial;
53 + background-repeat: no-repeat;
54 + width: 960px;
55 + height: 66px;
56 +}
57 +
58 + .fullscreen #masthead {
59 + width: 100%;
60 + }
61 +
62 + .fulldesk #masthead {
63 + display: none;
64 + }
65 + .fulldesk #mastheadx {
66 + display: none;
67 + }
68 + .fulldesk #p11deviceNameHeader {
69 + display: none;
70 + }
71 +
72 +#masthead .title {
73 + float: left;
74 + height: 66px;
75 + color: #c8c8c8;
76 + padding-left: 20px;
77 + padding-top: 8px;
78 + font-size: 46px;
79 + font-family: Arial,Helvetica,sans-serif;
80 + font-weight: bold;
81 +}
82 +
83 +#masthead .title2 {
84 + float: left;
85 + height: 66px;
86 + color: #c8c8c8;
87 + padding-left: 5px;
88 + padding-top: 14px;
89 + font-size: 14px;
90 + font-family: Arial,Helvetica,sans-serif;
91 + font-weight: bold;
92 +}
93 +
94 +#page_content {
95 + max-height: calc(100vh - 108px);
96 +}
97 + .fullscreen #page_content {
98 + position: absolute;
99 + top: 66px;
100 + left: 90px;
101 + right: 0px;
102 + bottom: 0px;
103 + }
104 + .arg_hide #page_content {
105 + left: 0px;
106 + }
107 + .fulldesk #page_content {
108 + position: static;
109 + top: 0;
110 + left: 0;
111 + right: 0;
112 + bottom: 0;
113 + }
114 +
115 +#page_leftbar {
116 + height: calc(100vh - 66px);
117 + width: 90px;
118 + position: absolute;
119 + z-index: 1000;
120 + background: #113962;
121 + background: linear-gradient(to bottom, #104893 0%,#113962 100%);
122 + color: white;
123 +}
124 + .fullscreen #page_leftbar {
125 + display: block;
126 + }
127 + .arg_hide #page_leftbar {
128 + display: none;
129 + }
130 + .fulldesk #page_leftbar {
131 + display: none;
132 + }
133 +
134 +#topbar {
135 + /* height: 24px; */
136 + position: relative;
137 +}
138 +
139 + .fulldesk #topbar {
140 + display: none;
141 + }
142 +
143 +.topbar_td {
144 + width: 100px;
145 + height: 24px;
146 + cursor: pointer;
147 +}
148 +.topbar_td_end {
149 + text-align: right;
150 + height: 24px;
151 +}
152 +
153 +#toggle {
154 + cursor: pointer;
155 + color: white;
156 + position: absolute;
157 + top: 3px;
158 + right: 6px
159 +}
160 +
161 +#MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu {
162 + width: 100%;
163 + height: 22px
164 +}
165 +
166 +#MainMenuSpan {
167 + display: table;
168 +}
169 + .fullscreen #MainMenuSpan {
170 + display: none;
171 + }
172 + .fulldesk #MainMenuSpan {
173 + display: none;
174 + }
175 +
176 +#column_l {
177 + position: relative;
178 + float: left;
179 + width: 930px;
180 + margin: 0;
181 + padding: 0 15px;
182 + background-color: #fff;
183 + /*max-height: calc(100vh - 111px);*/
184 + min-width: unset;
185 +}
186 +.room4submenu {
187 + max-height: calc(100vh - 159px) !important;
188 +}
189 +
190 + .fullscreen #column_l {
191 + height: calc(100vh - 135px);
192 + width: calc(100% - 30px);
193 + overflow-y: auto;
194 + }
195 +
196 + .fulldesk #column_l {
197 + width: 100%;
198 + height: unset;
199 + margin-left: unset;
200 + overflow-y: unset;
201 + padding: 0;
202 + max-height: unset;
203 + }
204 + .fulldesk #column_l_bottomgap {
205 + display: none;
206 + }
207 +
208 +#centralTable {
209 + width: 100%;
210 +}
211 +
212 +#welcomeimage {
213 + text-align: right;
214 +}
215 +
216 +@media (max-width: 800px) {
217 + .fullscreen #welcomeimage {
218 + display: none;
219 + }
220 +}
221 +
222 +#welcomeimage img {
223 + height: 310px;
224 + width: 359px;
225 +}
226 +
227 +#logincell {
228 + text-align: center;
229 +}
230 +
231 +#loginpanel, #createpanel, #resetpanel, #tokenpanel, #resettokenpanel, #resetpasswordpanel, #resetpasswordpanel {
232 + display: inline-block;
233 + margin: 0;
234 + background-color: #979797;
235 + border-radius: 16px;
236 + width: 300px;
237 + padding: 16px;
238 + text-align: center;
239 +}
240 +
241 +#passwordPolicyCallout, #rpasswordPolicyCallout {
242 + left: -10px;
243 + width: 100px;
244 + position: absolute;
245 + background-color: #FFC;
246 + border-radius: 5px;
247 + padding: 5px;
248 + box-shadow: 0px 0px 15px #666;
249 + font-size: 10px;
250 +}
251 +
252 +#passWarning {
253 + padding-top:6px;
254 +}
255 +
256 +#footer {
257 + clear: both;
258 + overflow: auto;
259 + width: 100%;
260 + text-align: center;
261 + background-color: #113962;
262 + padding-top: 5px;
263 + padding-bottom: 5px;
264 +}
265 + .fulldesk #footer {
266 + display: none;
267 + }
268 +
269 +/* Support for footer made with table */
270 +#footer table {
271 + width:100%;
272 + border-spacing: 10px;
273 + border-collapse: separate;
274 +}
275 +#footer td:first-child {
276 + text-align: left;
277 + color:white;
278 +}
279 +#footer td {
280 + padding: 0px;
281 + text-align: right;
282 + color: white;
283 +}
284 +
285 +/* Support for new footer made with div (like masterhead) */
286 +.footer1 {
287 + text-align: left;
288 + float: left;
289 + padding: 10px;
290 + color: white;
291 +}
292 +.footer2 {
293 + padding: 10px;
294 + text-align: right;
295 + color: white;
296 +}
297 +
298 +#masthead img {
299 + float: left;
300 +}
301 +
302 +#masthead p {
303 + font-size: 11px;
304 + color: #fff;
305 + margin: 10px 10px 0;
306 +}
307 +
308 +#footer a {
309 + color: #fff;
310 + text-decoration: underline;
311 +}
312 +
313 + #footer a:hover {
314 + color: #fff;
315 + text-decoration: none;
316 + }
317 +
318 +#dialog {
319 + z-index: 1000;
320 + background-color: #EEE;
321 + box-shadow: 0px 0px 15px #666;
322 + font-family: Arial,Helvetica,sans-serif;
323 + border-radius: 5px;
324 + position: fixed;
325 + top: 180px;
326 + left: calc((100% / 2) - 200px);
327 + width: 400px;
328 +}
329 +
330 +#dialogHeader {
331 + width: 100%;
332 + background-color: #003366;
333 + color: #FFF;
334 + border-radius: 5px 5px 0 0;
335 +}
336 +
337 +#dialogBody {
338 + margin-right: 16px;
339 + margin-left: 8px;
340 +}
341 +
342 +.dialogText {
343 + width: 100%;
344 + max-height: 260px;
345 + overflow-x: hidden;
346 + overflow-y: auto;
347 + line-height: 160%
348 +}
349 +.dialogTextLog {
350 + font-size:10px
351 +}
352 +
353 +#dialog1 {
354 + margin: auto;
355 + text-align: center;
356 + margin: 3px;
357 +}
358 +
359 +#id_dialogMessage {
360 + padding:10px;
361 +}
362 +
363 +#dialog2, #dialog3 {
364 + margin: auto;
365 + margin: 3px;
366 +}
367 +
368 +#idx_dlgButtonBar {
369 + padding: 10px;
370 + margin-bottom: 20px;
371 +}
372 +
373 +#idx_dlgCancelButton {
374 + float: right;
375 + width: 80px;
376 + margin-left: 5px;
377 +}
378 +
379 +#idx_dlgOkButton {
380 + float: right;
381 + width: 80px;
382 +}
383 +
384 +#idx_dlgDeleteButton {
385 + width: 80px;
386 +}
387 +
388 +#ua_fileaccessquota {
389 + width: 80px;
390 + text-align: right
391 +}
392 +
393 +#broadcastMessage {
394 + width: 370px;
395 + height: 100px;
396 + resize: none;
397 +}
398 +
399 +#idx_deskFullBtn2 {
400 + float: left;
401 + font-size: large;
402 + cursor: pointer;
403 + display: none;
404 +}
405 + .fulldesk #idx_deskFullBtn2 {
406 + display: block;
407 + }
408 + .fulldesk #deskFullBtn {
409 + display: none;
410 + }
411 +
412 +#p0message {
413 + margin: 50px;
414 + text-align: center;
415 +}
416 +
417 +#devListToolbarViewIcons {
418 + float:right;
419 +}
420 +
421 +#devListToolbarSpan {
422 + width: 100%;
423 + height: 24px;
424 + background-color: #d3d9d6;
425 + vertical-align: middle;
426 + border-spacing: 0
427 +}
428 +
429 +#SearchInput {
430 + width:120px;
431 +}
432 +
433 +#devListToolbarView, #devListToolbarSort, #devListToolbarSize {
434 + float: right;
435 +}
436 +
437 +#refreshmap {
438 + margin-left:5px;
439 +}
440 +
441 +/* Example if <table> is relplaced with <div><p> then image can be defined in css
442 +#NoMeshesPanel {
443 + background: url(../images/info.png) no-repeat 23px 20px;
444 + height: 48px;
445 + width: 47px;
446 + width: 100%;
447 + border: none;
448 + margin: auto;
449 + padding: 20px;
450 +}
451 + #NoMeshesPanel p {
452 + display: inline-block;
453 + vertical-align: middle;
454 + margin-left: 60px;
455 + } */
456 +
457 + #NoMeshesPanel a {
458 + cursor: pointer;
459 + }
460 + #NoMeshesPanel table {
461 + width: 100%;
462 + padding: 20px
463 + }
464 + NoMeshesPanel img {
465 + height: 48px;
466 + width: 47px;
467 + }
468 +
469 +#xdevices {
470 + max-height: calc(100vh - 239px);
471 + overflow-y: auto;
472 + overflow-x: hidden;
473 + -webkit-overflow-scrolling: touch;
474 +}
475 +
476 +#xdevicesmap {
477 + height: calc(100vh - 239px);
478 + width: 100%;
479 + overflow: hidden;
480 + position: relative;
481 +}
482 +#xmapSearchResultsDlg {
483 + position: absolute;
484 + max-height: 280px;
485 + left: 5px;
486 + top: 5px;
487 + max-width: 250px;
488 + z-index: 1000;
489 + background-color: #EEE;
490 + box-shadow: 0px 0px 15px #666;
491 +}
492 +#xmapSearchResultsBck {
493 + width: 100%;
494 + background-color: #003366;
495 + color: #FFF;
496 + border-radius: 5px 5px 0 0;
497 +}
498 +
499 +#xmapSearchClose {
500 + float: right;
501 + padding: 5px;
502 + cursor: pointer;
503 +}
504 +
505 +.xmapItem {
506 + overflow-y: auto;
507 + width: 100%;
508 + max-height: 240px
509 +}
510 +.xmapItemSel1 {
511 + cursor: pointer;
512 + padding: 5px;
513 + background-color: #F5F5F5;
514 +}
515 +.xmapItemSel1 {
516 + cursor: pointer;
517 + padding: 5px;
518 + background-color: #EBEBEB;
519 +}
520 +
521 +#xmap-info-window {
522 + text-shadow: 0px 0px 15px #FFF
523 +}
524 +
525 +#p2 a, #p6 a, #p10 a {
526 + cursor: pointer;
527 +}
528 +
529 +#p2AccountImage {
530 + width: 150px;
531 + height: 103px;
532 + margin-bottom: 10px;
533 + margin-right: 20px;
534 + float:right;
535 +}
536 +
537 +.p2AccountActions {
538 + width: 15px;
539 + display: inline-block;
540 +}
541 +.p2AccountActions span {
542 + color: green;
543 + font-size: 10px;
544 +}
545 +
546 +.newMeshBtn {
547 + background: url(../images/icon-addnew.png) no-repeat 0px 0px;
548 + height: 12px;
549 + width: 12px;
550 + cursor: pointer;
551 + border: none;
552 + padding-left: 15px;
553 +}
554 +
555 +#p2noMeshFound, #p2ServerActionsBackup, #p2ServerActionsRestore, #p2ServerActionsVersion, #p2ServerActionsErrors, #serverStats {
556 + margin-left:40px;
557 +}
558 +
559 +.pTable {
560 + width: 100%;
561 + height: 24px;
562 + background-color: #d3d9d6;
563 + margin-bottom: 4px;
564 + vertical-align: middle;
565 + border-spacing: 0;
566 +
567 +}
568 +
569 +#p3users {
570 + max-height: calc(100vh - 243px);
571 + overflow-y: auto;
572 +}
573 +.p3usersTable {
574 + width: 100%;
575 + border-spacing: 0;
576 + padding: 0;
577 +}
578 +.p3usersTable th {
579 + color: gray;
580 +}
581 +
582 +#p3events {
583 + height: calc(100vh - 243px);
584 + overflow-y: scroll
585 +}
586 +
587 +.p3eventsTable {
588 + width: 100%;
589 + border-spacing: 0;
590 + padding: 0;
591 +}
592 +.p3eventsTable {
593 + width: 100%;
594 + border-spacing: 0;
595 + padding: 0;
596 +}
597 +
598 +#p4name, #p4email, #p4pass1, #p4pass2 {
599 + width: 230px;
600 +}
601 +
602 +#p5filehead {
603 + width: 100%;
604 + background-color: #d3d9d6;
605 + text-align: left;
606 + padding: 4px;
607 +}
608 +
609 +#p5filesubhead {
610 + background-color: #E4E9E7;
611 + height: 28px;
612 +}
613 +
614 +#p5rightOfButtons {
615 + float: right;
616 + margin-top: 3px;
617 +}
618 +
619 +#p5filetable {
620 + width: 100%;
621 + height: calc(100vh - 294px);
622 + overflow: auto;
623 + -webkit-user-select: none;
624 + position: relative;
625 +}
626 +
627 +#p5PublicShare {
628 + display: none;
629 + width: 100%;
630 + overflow: auto;
631 + -webkit-user-select: none;
632 + background-color: lightsteelblue;
633 +}
634 +
635 +#bigok {
636 + width: 256px;
637 + overflow: hidden;
638 + position: absolute;
639 + left: 337px;
640 + top: 20px;
641 + text-align: center;
642 + font-size: 1600%;
643 + color: #AAAAAA;
644 +}
645 +
646 +#bigfail {
647 + width: 256px;
648 + overflow: hidden;
649 + position: absolute;
650 + left: 337px;
651 + top: 20px;
652 + text-align: center;
653 + font-size: 1600%;
654 + color: #AAAAAA;
655 +}
656 +
657 +.chartViewCanvas {
658 +<<<<<<< HEAD
659 + width: 80px;
660 +=======
661 + width: 60px;
662 +>>>>>>> b375b9fdb2584c2cd6311834bd6c540545d075b4
663 + display: inline-block;
664 +}
665 +
666 +.chartViewText {
667 + width: 160px;
668 + display: inline-block;
669 +}
670 +
671 +#serverCpuChart, #serverMemoryChart {
672 + width: 60px;
673 + height: 60px;
674 +}
675 +
676 +#p10BackButton, #p11BackButton {
677 + float:left
678 +}
679 +
680 +#p10html2 table {
681 + color: black;
682 + background-color: #EEE;
683 + border-color: #AAA;
684 + border-width: 1px;
685 + border-style: solid;
686 + border-collapse: collapse;
687 + width: 100%;
688 +}
689 + #p10html2 thead {
690 + background-color:#AAAAAA;
691 + font-weight:bold;
692 + }
693 + #p10html2 thead tr {
694 + background-color:#AAAAAA;
695 + font-weight:bold;
696 + }
697 + #p10html2 thead img {
698 + float: right;
699 + cursor: pointer;
700 + padding: 3px;
701 + }
702 + #p10html2 .altBack {
703 + background-color: #DDD;
704 + }
705 +
706 +.pwState {
707 + display: table-cell;
708 + height: 16px;
709 +}
710 +.pwsYellow { background-color: yellow; }
711 +.pwsTransparent { background-color: #00000000; }
712 +.pwsBlack { background-color: black; }
713 +.pwsBlue { background-color: blue; }
714 +.pwsBlue2 { background-color: blue; }
715 +.pwsLightblue { background-color: lightblue; }
716 +.pwsBlueviolet { background-color: blueviolet; }
717 +.pwsDarkgreen { background-color: darkgreen; }
718 +.pwsLightseagreen { background-color: lightseagreen; }
719 +.pwsLightseagreen2 { background-color: lightseagreen; }
720 +
721 +.p10html3right {
722 + float: right;
723 + font-size: x-small;
724 +}
725 +
726 +.p10html3left {
727 + font-size: x-small;
728 +}
729 +
730 +#MainComputerImage {
731 + border-width: 0px;
732 + height: 200px;
733 + width: 200px;
734 +}
735 +
736 +#MainComputerState {
737 + font-size: 12px;
738 + font-weight: bold;
739 + width: 100%;
740 + text-align: center;
741 +}
742 +
743 +#d2groupop {
744 + float: right;
745 + width: 250px;
746 +}
747 +
748 +#p12warning, #p12warning2, #p14warning, #p14warning2 {
749 + max-width: 100%;
750 + display:none;
751 + cursor: pointer;
752 + margin-bottom: 5px;
753 +}
754 +
755 +#MainMeshImage {
756 + border-width: 0px;
757 + height: 200px;
758 + width: 200px;
759 + float: right;
760 +}
761 +
762 +#DeskTools {
763 + position: absolute;
764 + width: 400px;
765 + height: 100%;
766 + background-color: gray;
767 + top: 0;
768 + right: 0;
769 + border-left: 2px solid lightgray;
770 + display: none;
771 +}
772 +#DeskToolsRefreshButton {
773 + float: right;
774 + padding: 3px;
775 + cursor: pointer;
776 +}
777 +
778 +a {
779 + color: #036;
780 + text-decoration: underline;
781 +}
782 +
783 +.i1 {
784 + background: url(../images/icons50.png) 0px 0px;
785 + height: 50px;
786 + width: 50px;
787 + cursor: pointer;
788 + border: none;
789 +}
790 +
791 +.i2 {
792 + background: url(../images/icons50.png) -50px 0px;
793 + height: 50px;
794 + width: 50px;
795 + cursor: pointer;
796 + border: none;
797 +}
798 +
799 +.i3 {
800 + background: url(../images/icons50.png) -100px 0px;
801 + height: 50px;
802 + width: 50px;
803 + cursor: pointer;
804 + border: none;
805 +}
806 +
807 +.i4 {
808 + background: url(../images/icons50.png) -150px 0px;
809 + height: 50px;
810 + width: 50px;
811 + cursor: pointer;
812 + border: none;
813 +}
814 +
815 +.i5 {
816 + background: url(../images/icons50.png) -200px 0px;
817 + height: 50px;
818 + width: 50px;
819 + cursor: pointer;
820 + border: none;
821 +}
822 +
823 +.i6 {
824 + background: url(../images/icons50.png) -250px 0px;
825 + height: 50px;
826 + width: 50px;
827 + cursor: pointer;
828 + border: none;
829 +}
830 +
831 +.j1 {
832 + background: url(../images/icons16.png) 0px 0px;
833 + height: 16px;
834 + width: 16px;
835 + cursor: pointer;
836 + border: none;
837 +}
838 +
839 +.j2 {
840 + background: url(../images/icons16.png) -16px 0px;
841 + height: 16px;
842 + width: 16px;
843 + cursor: pointer;
844 + border: none;
845 +}
846 +
847 +.j3 {
848 + background: url(../images/icons16.png) -32px 0px;
849 + height: 16px;
850 + width: 16px;
851 + cursor: pointer;
852 + border: none;
853 +}
854 +
855 +.j4 {
856 + background: url(../images/icons16.png) -48px 0px;
857 + height: 16px;
858 + width: 16px;
859 + cursor: pointer;
860 + border: none;
861 +}
862 +
863 +.j5 {
864 + background: url(../images/icons16.png) -64px 0px;
865 + height: 16px;
866 + width: 16px;
867 + cursor: pointer;
868 + border: none;
869 +}
870 +
871 +.j6 {
872 + background: url(../images/icons16.png) -80px 0px;
873 + height: 16px;
874 + width: 16px;
875 + cursor: pointer;
876 + border: none;
877 +}
878 +
879 +.lbbutton {
880 + width:74px;
881 + height:74px;
882 + border-radius:5px;
883 + background-color:white;
884 + margin-left:8px;
885 + margin-top:8px;
886 + position:relative;
887 + cursor:pointer;
888 + opacity:0.5;
889 +}
890 +
891 +.lbbutton:hover {
892 + opacity:1;
893 +}
894 +
895 +.lbbuttonsel {
896 + opacity:0.9;
897 +}
898 +
899 +.lbbuttonsel2 {
900 + width:82px;
901 + border-radius:5px 0px 0px 5px;
902 + opacity:1;
903 +}
904 +
905 +.lb1 {
906 + background: url(../images/leftbar-62.jpg) -0px 0px;
907 + height: 62px;
908 + width: 62px;
909 + cursor: pointer;
910 + border: none;
911 + position:absolute;
912 + top: 6px;
913 + left: 6px
914 +}
915 +
916 +.lb2 {
917 + background: url(../images/leftbar-62.jpg) -75px 0px;
918 + height: 62px;
919 + width: 62px;
920 + cursor: pointer;
921 + border: none;
922 + position:absolute;
923 + top: 6px;
924 + left: 6px
925 +}
926 +
927 +.lb3 {
928 + background: url(../images/leftbar-62.jpg) -150px 0px;
929 + height: 62px;
930 + width: 62px;
931 + cursor: pointer;
932 + border: none;
933 + position:absolute;
934 + top: 6px;
935 + left: 6px
936 +}
937 +
938 +.lb4 {
939 + background: url(../images/leftbar-62.jpg) -225px 0px;
940 + height: 62px;
941 + width: 62px;
942 + cursor: pointer;
943 + border: none;
944 + position:absolute;
945 + top: 6px;
946 + left: 6px
947 +}
948 +
949 +.lb5 {
950 + background: url(../images/leftbar-62.jpg) -294px 0px;
951 + height: 62px;
952 + width: 62px;
953 + cursor: pointer;
954 + border: none;
955 + position:absolute;
956 + top: 6px;
957 + left: 6px
958 +}
959 +
960 +.lb6 {
961 + background: url(../images/leftbar-62.jpg) -360px 0px;
962 + height: 62px;
963 + width: 62px;
964 + cursor: pointer;
965 + border: none;
966 + position:absolute;
967 + top: 6px;
968 + left: 6px
969 +}
970 +
971 +.m0 { background : url(../images/images16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
972 +.m1 { background : url(../images/images16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
973 +.m2 { background : url(../images/images16.png) -96px 0px; height : 16px; width : 16px; border:none; float:left }
974 +.m3 { background : url(../images/images16.png) -112px 0px; height : 16px; width : 16px; border:none; float:left }
975 +.si0 { background : url(../images/icons16.png) 0px 0px; height : 16px; width : 16px; border:none; float:left }
976 +.si1 { background : url(../images/icons16.png) -16px 0px; height : 16px; width : 16px; border:none; float:left }
977 +.si2 { background : url(../images/icons16.png) -32px 0px; height : 16px; width : 16px; border:none; float:left }
978 +.si3 { background : url(../images/icons16.png) -48px 0px; height : 16px; width : 16px; border:none; float:left }
979 +.si4 { background : url(../images/icons16.png) -64px 0px; height : 16px; width : 16px; border:none; float:left }
980 +
981 +.mi { background : url(../images/meshicon50.png) 0px 0px; height: 50px; width: 50px; cursor:pointer; border:none }
982 +
983 +#floatframe {
984 + position: fixed;
985 + top: 200px;
986 + height: 300px;
987 + z-index: 200;
988 + display: none;
989 +}
990 +
991 +.style1 {
992 + text-align: center;
993 +}
994 +
995 +.style2 {
996 + text-align: center;
997 + background-color: #808080;
998 + font-weight: bold;
999 +}
1000 +
1001 +.style3 {
1002 + text-align: center;
1003 + color: white;
1004 + background-color: #808080;
1005 + font-weight: bold;
1006 +}
1007 +
1008 +.style3x {
1009 + text-align: center;
1010 + color: white;
1011 + background-color: #808080;
1012 + font-weight: bold;
1013 +}
1014 +
1015 + .style3x:hover {
1016 + background-color: #606060;
1017 + }
1018 +
1019 + .style3x.fullselect {
1020 + background-color: #003366;
1021 + }
1022 +
1023 + .style3x.semiselect {
1024 + background-color: #606060;
1025 + }
1026 +
1027 +.style3sel {
1028 + text-align: center;
1029 + color: white;
1030 + background-color: #003366;
1031 + font-weight: bold;
1032 +}
1033 +
1034 +
1035 +.style4 {
1036 + color: white;
1037 + text-decoration: none;
1038 +}
1039 +
1040 +.style5 {
1041 + text-align: center;
1042 + background-color: #808080;
1043 + font-weight: normal;
1044 +}
1045 +
1046 +.style6 {
1047 + text-align: left;
1048 + background-color: #D3D9D6;
1049 + padding:3px;
1050 +}
1051 +
1052 +.style7 {
1053 + font-size: large;
1054 + background-color: #FFFFFF;
1055 + width: 180px;
1056 +}
1057 +
1058 +.style9 {
1059 + max-width: 400px;
1060 + overflow: hidden;
1061 +}
1062 +
1063 +.style10 {
1064 + background-color: #C9C9C9;
1065 +}
1066 +
1067 +.style11 {
1068 + font-size: large;
1069 + background-color: #C9C9C9;
1070 +}
1071 +
1072 +.style14 {
1073 + height: 100%;
1074 + text-align: left;
1075 + background-color: #D3D9D6;
1076 +}
1077 +
1078 +.auto-style1 {
1079 + text-align: right;
1080 + background-color: #D3D9D6;
1081 +}
1082 +
1083 +.icon2 {
1084 + float: left;
1085 + margin: 7px;
1086 +}
1087 +
1088 +.warningbox {
1089 + width: auto;
1090 + border-radius: 8px;
1091 + padding: 8px;
1092 + background-color: lightsalmon;
1093 +}
1094 +
1095 +.fileIcon1 {
1096 + background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb49Y2Sj9LT2f///yH5BAEAAAMALAAAAAAQABAAAAImnI+py+1vhJwyUYAzHTL4D3qdlJWaIFJqmKod607sDKIiDUP63hQAOw==);
1097 + height: 16px;
1098 + width: 16px;
1099 + cursor: pointer;
1100 + border: none;
1101 + float: left;
1102 + margin-top: 1px;
1103 +}
1104 +
1105 +.fileIcon2 {
1106 + background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAM2xV/Xur+XPgP///yH5BAEAAAMALAAAAAAQABAAAAJD3ISZIGHWUGihznesYDYATFVM+D2hJ4lgN1olxALAtAlmPCJvuMmJd6PJckDYwicrHhTD5o7plJmg0Uc0asNMkphHAQA7);
1107 + height: 16px;
1108 + width: 16px;
1109 + cursor: pointer;
1110 + border: none;
1111 + float: left;
1112 + margin-top: 1px;
1113 +}
1114 +
1115 +.fileIcon3 {
1116 + background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb19IGBgbq6uv///yH5BAEAAAMALAAAAAAQABAAAAIy3ISpxgcPH2ouQgFEw1YmxnUXKEaaEZZnVWZk66JwzKpvuwZzwOgwb/C1gIOA8Yg8DgoAOw==);
1117 + height: 16px;
1118 + width: 16px;
1119 + cursor: pointer;
1120 + border: none;
1121 + float: left;
1122 + margin-top: 1px;
1123 +}
1124 +
1125 +.fileIcon4 {
1126 + background: url(../images/meshicon16.png);
1127 + height: 16px;
1128 + width: 16px;
1129 + cursor: pointer;
1130 + border: none;
1131 + float: left;
1132 + margin-top: 1px;
1133 +}
1134 +
1135 +.filelist {
1136 + -moz-user-select: none;
1137 + -khtml-user-select: none;
1138 + -webkit-user-select: none;
1139 + -o-user-select: none;
1140 + cursor: default;
1141 + -khtml-user-drag: element;
1142 + background-color: white;
1143 + clear: both;
1144 +}
1145 +
1146 +.noselect {
1147 + -webkit-touch-callout: none;
1148 + -webkit-user-select: none;
1149 + -khtml-user-select: none;
1150 + -moz-user-select: none;
1151 + -ms-user-select: none;
1152 + user-select: none;
1153 +}
1154 +
1155 +.fsize {
1156 + float: right;
1157 + text-align: right;
1158 + width: 180px;
1159 +}
1160 +
1161 +.g1 {
1162 + background-position: 0% 0%;
1163 + width: 14px;
1164 + height: 100%;
1165 + float: left;
1166 + /* fallback (Opera) */
1167 + /* Mozilla: */
1168 + /* Chrome, Safari:*/
1169 + background-image: linear-gradient(to right, #ffffff 0%, #c9c9c9 100%);
1170 + background-color: #c9c9c9;
1171 + background-repeat: repeat;
1172 + background-attachment: scroll;
1173 +}
1174 + #p3events .g1 {
1175 + float: none;
1176 + }
1177 + #p3users .g1 {
1178 + height:24px;
1179 + float: left;
1180 + }
1181 +
1182 +.g1s {
1183 + background-image: linear-gradient(to right, #ffffff 0%, #b9b9b9 100%);
1184 +}
1185 +
1186 +.g2 {
1187 + background-position: 0% 0%;
1188 + width: 14px;
1189 + height: 100%;
1190 + float: right;
1191 + /* fallback (Opera) */
1192 + /* Mozilla: */
1193 + /* Chrome, Safari:*/
1194 + background-image: linear-gradient(to right, #c9c9c9 0%, #ffffff 100%);
1195 + background-color: #c9c9c9;
1196 + background-repeat: repeat;
1197 + background-attachment: scroll;
1198 +}
1199 + #p3events .g2 {
1200 + float: none;
1201 + }
1202 + #p3users .g2 {
1203 + height:24px;
1204 + float: right;
1205 + }
1206 +
1207 +.g2s {
1208 + background-image: linear-gradient(to right, #b9b9b9 0%, #ffffff 100%);
1209 +}
1210 +
1211 +.h1pre {
1212 + width: 16px;
1213 + height: 100%;
1214 + float: left;
1215 + font-size: large;
1216 + background-color: #FFFFFF;
1217 +}
1218 +
1219 +.h1 {
1220 + background-position: 0% 0%;
1221 + width: 14px;
1222 + height: 100%;
1223 + /* fallback (Opera) */
1224 + /* Mozilla: */
1225 + /* Chrome, Safari:*/
1226 + background-image: linear-gradient(to right, #ffffff 0%, #d3d9d6 100%);
1227 + background-color: #d3d9d6;
1228 + background-repeat: repeat;
1229 + background-attachment: scroll;
1230 +}
1231 +
1232 +.h2end {
1233 + height: 100%;
1234 + width: 20px;
1235 + float: right;
1236 + background-color: #ffffff
1237 +}
1238 +
1239 +.h2 {
1240 + background-position: 0% 0%;
1241 + width: 14px;
1242 + height: 100%;
1243 + /* fallback (Opera) */
1244 + /* Mozilla: */
1245 + /* Chrome, Safari:*/
1246 + background-image: linear-gradient(to right, #d3d9d6 0%, #ffffff 100%);
1247 + background-color: #d3d9d6;
1248 + background-repeat: repeat;
1249 + background-attachment: scroll;
1250 +}
1251 +
1252 +.e1 {
1253 + font-size: large;
1254 + margin-top: 4px;
1255 + margin-bottom: 3px;
1256 + overflow: hidden;
1257 + word-wrap: hyphenate;
1258 + white-space: nowrap;
1259 + text-overflow: ellipsis;
1260 +}
1261 +
1262 +.e2 {
1263 + float: left;
1264 + height: 100%;
1265 + background-color: #c9c9c9;
1266 +}
1267 +
1268 +.e2s {
1269 + background-color: #b9b9b9;
1270 +}
1271 +
1272 +.bar {
1273 + font-size: large;
1274 + background-color: #C9C9C9;
1275 + height: 24px;
1276 + float: left;
1277 + margin-bottom: 2px;
1278 +}
1279 + #p3users .bar {
1280 + width: 100%;
1281 + font-size: medium;
1282 + }
1283 +
1284 +.baricon {
1285 + float: left;
1286 + height: 24px;
1287 + width: 24px;
1288 + background-color: white;
1289 +}
1290 + .baricon div {
1291 + width: 16px;
1292 + margin-top: 4px;
1293 + margin-left: 2px;
1294 + height: 16px
1295 + }
1296 +
1297 +.bar2 {
1298 + font-size: large;
1299 + height: 24px;
1300 + float: left;
1301 + margin-bottom: 2px;
1302 +}
1303 +
1304 +.bar18 {
1305 + font-size: large;
1306 + background-color: #C9C9C9;
1307 + height: 18px;
1308 + float: left;
1309 + margin-bottom: 2px;
1310 +}
1311 +
1312 +.bar182 {
1313 + font-size: large;
1314 + height: 18px;
1315 + float: left;
1316 + margin-bottom: 2px;
1317 +}
1318 +
1319 +.devHeaderx {
1320 + color: lightgray;
1321 +}
1322 +
1323 +.DevSt {
1324 + border-bottom-style: solid;
1325 + border-bottom-width: 1px;
1326 + border-bottom-color: #DDDDDD;
1327 +}
1328 +
1329 +.contextMenu {
1330 + background: #F9F9F9;
1331 + box-shadow: 0 0 12px rgba( 0, 0, 0, .3 );
1332 + border: 1px solid #ccc;
1333 + /*border-radius: 4px;*/
1334 + display: none;
1335 + position: absolute;
1336 + top: 0;
1337 + left: 0;
1338 + list-style: none;
1339 + margin: 0;
1340 + padding: 5px;
1341 + min-width: 100px;
1342 + max-width: 150px;
1343 + z-index: 500;
1344 +}
1345 +
1346 +.cmtext {
1347 + color: #444;
1348 + display: inline-block;
1349 + padding-left: 8px;
1350 + padding-right: 8px;
1351 + padding-top: 5px;
1352 + padding-bottom: 5px;
1353 + text-decoration: none;
1354 + width: 85%;
1355 + cursor: default;
1356 + overflow: hidden;
1357 + position: relative;
1358 +}
1359 +
1360 + .cmtext:hover {
1361 + color: #f9f9f9;
1362 + background: #444;
1363 + }
1364 +
1365 +.gray {
1366 + /*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");*/ /* Firefox 10+, Firefox on Android */
1367 + filter: gray; /* IE6-9 */
1368 + -webkit-filter: grayscale(100%) opacity(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
1369 +}
1370 +
1371 +.unselectable {
1372 + -webkit-touch-callout: none;
1373 + -webkit-user-select: none;
1374 + -khtml-user-select: none;
1375 + -moz-user-select: none;
1376 + -ms-user-select: none;
1377 + user-select: none;
1378 +}
1379 +
1380 +.notifiyBox {
1381 + position: absolute;
1382 + z-index:1000;
1383 + top: 50px;
1384 + right: 26px;
1385 + width: 300px;
1386 + text-align: left;
1387 + background-color: #F0ECCD;
1388 + border: 4px solid #666;
1389 + -webkit-border-radius: 10px;
1390 + -moz-border-radius: 10px;
1391 + border-radius: 10px;
1392 + -webkit-box-shadow: 2px 2px 4px #888;
1393 + -moz-box-shadow: 2px 2px 4px #888;
1394 + box-shadow: 2px 2px 4px #888;
1395 + max-height:200px;
1396 +}
1397 +
1398 +.notifiyBox:before {
1399 + content: ' ';
1400 + position: absolute;
1401 + width: 0;
1402 + height: 0;
1403 + right: 5px;
1404 + top: -30px;
1405 + border: 15px solid;
1406 + border-color: transparent #666 #666 transparent;
1407 +}
1408 +
1409 +.notifiyBox:after {
1410 + content: ' ';
1411 + position: absolute;
1412 + width: 0;
1413 + height: 0;
1414 + right: 7px;
1415 + top: -24px;
1416 + border: 12px solid;
1417 + border-color: transparent #F0ECCD #F0ECCD transparent;
1418 +}
1419 +
1420 +.notification {
1421 + width:100%;
1422 + min-height:30px;
1423 +}
1424 +
1425 +.notification:hover {
1426 + background-color: #EFE8B6;
1427 +}
1428 +
1429 +#notificationCount {
1430 + min-width: 28px;
1431 + font-size: 20px;
1432 + border-radius: 5px;
1433 + background-color: lightblue;
1434 + text-align: center;
1435 + margin: 8px;
1436 + cursor: pointer;
1437 + padding: 4px
1438 +}
1439 +
1440 +#deskarea3x {
1441 + background: black;
1442 + text-align: center;
1443 + position: relative;
1444 + overflow: hidden;
1445 +}
1446 +
1447 +#DeskFocus {
1448 + overflow: hidden;
1449 + color: transparent;
1450 + border:3px dotted rgba(255,0,0,.2);
1451 + position: absolute;
1452 + border-radius: 5px;
1453 +}
1454 +
1455 +#DeskParent {
1456 + overflow:hidden
1457 +}
1458 +
1459 +#Desk {
1460 + overflow: hidden;
1461 + width: 100%;
1462 + -ms-touch-action: none;
1463 + margin-left: 0px;
1464 +}
1465 +
1466 +
1467 +#deskToolsBar {
1468 + position: absolute;
1469 + padding: 3px;
1470 + border-radius: 3px 3px 0px 0px;
1471 + top: 5px;
1472 + left: 4px;
1473 + bottom: 26px;
1474 + background-color:lightgray;
1475 + cursor: pointer;
1476 +}
1477 +
1478 +#DeskToolsProcesses {
1479 + overflow-y: scroll;
1480 + position: absolute;
1481 + top: 24px;
1482 + bottom: 0px;
1483 + width: 100%
1484 +}
1485 +
1486 +.deskToolsBar {
1487 + padding: 3px;
1488 +}
1489 +.deskToolsBar:hover {
1490 + background-color: #EFE8B6;
1491 +}
1492 +
1493 +
1494 +.userTableHeader {
1495 + border-bottom: 1pt solid lightgray;
1496 + padding-top: 4px;
1497 + padding-bottom: 4px;
1498 +}
1499 +
1500 +.viewSelector {
1501 + width:32px;
1502 + height:32px;
1503 + background-color:#DDD;
1504 + border-radius:3px;
1505 + float:left;
1506 + margin-left:5px;
1507 + cursor: pointer;
1508 + opacity: 0.3;
1509 +}
1510 +
1511 +.viewSelectorSel {
1512 + background-color:#BBB;
1513 + opacity: 0.8;
1514 +}
1515 +
1516 + .viewSelector:hover {
1517 + opacity: 0.5;
1518 + background-color:#AAA;
1519 + }
1520 +
1521 +
1522 +.viewSelector1 {
1523 + margin-left:2px;
1524 + margin-top:2px;
1525 + background: url(../images/views.png) -0px 0px;
1526 + height: 28px;
1527 + width: 28px;
1528 +}
1529 +
1530 +.viewSelector2 {
1531 + margin-left:2px;
1532 + margin-top:2px;
1533 + background: url(../images/views.png) -28px 0px;
1534 + height: 28px;
1535 + width: 28px;
1536 +}
1537 +
1538 +.viewSelector3 {
1539 + margin-left:2px;
1540 + margin-top:2px;
1541 + background: url(../images/views.png) -56px 0px;
1542 + height: 28px;
1543 + width: 28px;
1544 +}
1545 +
1546 +.viewSelector4 {
1547 + margin-left:2px;
1548 + margin-top:2px;
1549 + background: url(../images/views.png) -84px 0px;
1550 + height: 28px;
1551 + width: 28px;
1552 +}
1553 +
1554 +.viewSelector5 {
1555 + margin-left:2px;
1556 + margin-top:2px;
1557 + background: url(../images/views.png) -112px 0px;
1558 + height: 28px;
1559 + width: 28px;
1560 +}
1561 +
1562 +.backButtonEx {
1563 + margin-left:2px;
1564 + margin-top:2px;
1565 + background: url(../images/views.png) -140px 0px;
1566 + height: 28px;
1567 + width: 28px;
1568 +}
1569 +
1570 +.backButton {
1571 + width:32px;
1572 + height:32px;
1573 + background-color:#DDD;
1574 + border-radius:3px;
1575 + float:left;
1576 + margin-right:5px;
1577 + cursor: pointer;
1578 + opacity: 0.3;
1579 +}
1580 + .backButton:hover {
1581 + opacity: 0.5;
1582 + background-color:#AAA;
1583 + }
1584 +
1585 +.hoverButton {
1586 + opacity: 0.5;
1587 + width: 10px;
1588 + height: 10px;
1589 +}
1590 +
1591 + .hoverButton:hover {
1592 + opacity: 1;
1593 + }
1594 +
1595 +.tagSpan {
1596 + background-color: lightgray;
1597 + padding: 3px;
1598 + margin-right: 4px;
1599 + border-radius: 5px;
1600 +}
\ No newline at end of file