TableAjax.php.style.css 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. .AjaxTable{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
  2. .AjaxTableCont {position:relative; margin:10px 0; width:100%; overflow-x:auto; border:none;}
  3. .AjaxTable *,
  4. .AjaxTable.table {white-space:nowrap; width:auto;}
  5. .AjaxTable .popover * {white-space:normal;}
  6. .AjaxTable p {margin:0;}
  7. .AjaxTable td, .AjaxTable th {line-height:18px;}
  8. .AjaxTable i {margin: 0 0 0 2px;opacity: 0.5;}
  9. .AjaxTable span.filter {background-color:#999;}
  10. .AjaxTable .indeterminate {opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);}
  11. .AjaxTable .columnpicker li, .AjaxTable .actions li {padding-left:5px;}
  12. .AjaxTableCont .btn-toolbar {margin:2px 0 0 0;}
  13. .AjaxTableCont .btn-toolbar .btn-group {vertical-align:top;}
  14. .AjaxTable input[type=checkbox] {margin:0;padding:0;height:13px;}
  15. .AjaxTable input[type=text].filter {margin:0;padding:0 5px;box-shadow:none;width:100%;background:#eee;color:#000;}
  16. .AjaxTable input[type=text].filter {border-width:2px 0;border-color:#eee;border-style:solid;}
  17. .AjaxTable input[type=text].filter-active {border-color:#00ACCC;}
  18. .AjaxTable .date-wrap {width:100%;min-width:115px;}
  19. .AjaxTable .dateWrap .add-on {margin:0;padding:0;background:none;border:none;float:right;cursor:pointer;}
  20. .AjaxTable .actions a {padding:0;margin:0;}
  21. .AjaxTableCont .text-right {text-align:right}
  22. .AjaxTableCont .breadcrumb em {color:#bbb;}
  23. .AjaxTable-loading .head-info {background:url(./icon/loading.gif) no-repeat left top; background-position:0 6px;}
  24. .AjaxTable-loading .loading-info,
  25. .AjaxTableCont .tblAjax__inlineEditBox .loading-info {display:block; padding:0 0 0 20px; background:url(./icon/loading.gif) no-repeat left top;}
  26. .AjaxTableCont .loading-info {display:none;}
  27. .AjaxTableCont .tblAjax__inlineEditBox .loading-info {display:block;}
  28. .AjaxTableCont .table {margin-bottom:0px;}
  29. .AjaxTableCont .stickyCol1 a { color:#333; }
  30. .AjaxTableCont .stickyCol1 a:hover { color:#337AB7; text-decoration:none; }
  31. .AjaxTableTaskCnt {padding:0 10px 10px 10px;}
  32. .AjaxTable .tbl-short-txt{max-width:140px; overflow:hidden;}
  33. .AjaxTable .tbl-short-txt span{display:block; height:18px;}
  34. .AjaxTable .tooltip-inner{white-space:normal;}
  35. .AjaxTable thead .sort .ta-ordering {cursor:pointer;}
  36. .AjaxTable thead .sort .ta-ordering span {margin:0 10px 0 0; padding:0; background-repeat:no-repeat; background-position:right top;}
  37. .AjaxTable thead .sort .ta-ordering-down span:after{content:"\e252";font-family:"Glyphicons Halflings";line-height:1;margin:0 0 0 3px;display:inline-block;color:#bbb;}
  38. .AjaxTable thead .sort .ta-ordering-up span:after{content:"\e253";font-family:"Glyphicons Halflings";line-height:1;margin:0 0 0 3px;display:inline-block;color:#bbb;}
  39. .AjaxTable thead .sort .ta-ordering {position:relative;}
  40. .AjaxTable thead .sort th .hover-show:hover{background-color:#000; background-image:url(stuff/twitter-bootstrap/img/glyphicons-halflings-white.png);}
  41. .AjaxTable thead .sort th .hover-show{display:none;}
  42. .AjaxTable thead .sort th:hover .hover-show{display:inline;}
  43. .AjaxTable thead .sort .ta-ordering .remove-cell {position:absolute; top:6px; right:2px; display:none; color:#f00;}
  44. .AjaxTable thead .sort .ta-ordering:hover .remove-cell {display:block;}
  45. .AjaxTableCont .pagination { margin:0; }
  46. .AjaxTableCont .pagination a { line-height:16px; }
  47. .AjaxTableCont .AjaxTableEdit-label { display:block; margin:0 0 3px 0; font-size:12px !important; line-height:16px !important; }
  48. .AjaxTableCont .AjaxTableEdit-label code { padding:0; white-space:nowrap; background-color:transparent; border:none; color:#777; font-size:10px !important; line-height:14px !important; }
  49. .AjaxTableCont .AjaxTableEdit .show-last-value .button-appendBack .glyphicon,
  50. .AjaxTableCont .AjaxFrmHorizontalEdit .show-last-value .button-appendBack .glyphicon {display:none;}
  51. .AjaxTableHist em {color:silver;}
  52. .AjaxTableCont .foot * { font-size:12px !important; }
  53. .AjaxTableCont .foot { margin:10px; }
  54. .AjaxTableCont .foot .foot-info { float:left; padding:0 20px; }
  55. .AjaxTableCont .foot .foot-info p { line-height:16px; margin:5px 0; }
  56. .AjaxTable-loading .foot .foot-info {padding-left:20px; background:url(./icon/loading.gif) no-repeat left top;}
  57. .tblAjax__head__specialFilter {margin:0;padding:4px 4px 0 127px;}
  58. .tblAjax__head__specialFilter .btn-group {margin:0 4px 4px 4px;padding:0;}
  59. .tblAjax__head__specialFilter .btn-group .glyphicon-remove {color:#f00;}
  60. .tblAjax__head__specialFilter .btn-group button.disabled .glyphicon-remove {color:#bbb;}
  61. /* overwrite bootstrap table border */
  62. .AjaxTable, .AjaxTableEdit,
  63. .AjaxTable td, .AjaxTableEdit td,
  64. .AjaxTable th, .AjaxTableEdit th { border-color:#999; }
  65. /* cell A_STATUS */
  66. .AjaxTable .cell-A_STATUS-NORMAL { background:#aeffae; color:#000; text-align:center; }
  67. .AjaxTable .cell-A_STATUS-WAITING { background:#ffd2ff; color:#000; text-align:center; }
  68. .AjaxTable .cell-A_STATUS-MONITOR { background:#cccaff; color:#000; text-align:center; }
  69. .AjaxTable .cell-A_STATUS-WARNING { background:#ffbaba; color:#000; text-align:center; }
  70. .AjaxTable .cell-A_STATUS-DELETED { background:#e0e0e0; color:#808080; text-align:center; }
  71. .AjaxTable .cell-A_STATUS-OFF_SOFT { background:#fce3b7; color:#808080; text-align:center; }
  72. .AjaxTable .cell-A_STATUS-OFF_HARD { background:#eee; color:#808080; text-align:center; }
  73. /* cell Status */
  74. .AjaxTable .cell-Status-U { background:rgb(0,176,80); color:#000; text-align:center; }
  75. .AjaxTable .cell-Status-NU { background:#f00; color:#000; text-align:center; }
  76. .AjaxTable .cell-Status-P { background:rgb(112,48,160); color:#000; text-align:center; }
  77. .AjaxTable .cell-Status-PT { background:rgb(127,127,127); color:#000; text-align:center; }
  78. .AjaxTable .cell-Status-O { background:rgb(0,176,240); color:#000; text-align:center; }
  79. .AjaxTable .cell-Status-DZ { background:rgb(0,112,192); color:#000; text-align:center; }
  80. .AjaxTable .cell-Status-Z {}
  81. /* map */
  82. .AjaxTable .cell-mapfld { cursor:pointer; }
  83. .AjaxTable .cell-mapfld:hover { opacity:1; }
  84. .AjaxTable .cell-mapfld-remove { display:none; }
  85. .AjaxTable .cell-mapfld-hasValue .cell-mapfld-select { color:#f00; }
  86. .AjaxTable .cell-mapfld-hasValue .cell-mapfld-remove { display:inline-block; }
  87. .AjaxTableCont .mapEditor { position:absolute; bottom:0; right:6px; width:512px; height:318px; overflow:hidden; color:#eee; border:1px solid #999; }
  88. .AjaxTableCont .mapEditor-panel { height:16px; padding:0 6px; background:#999; border-bottom:1px solid #eee; }
  89. .AjaxTableCont .mapEditor-panel a { display:block; float:right; padding:0 6px; font-weight:bold; font-size:12px; line-height:16px; color:#fff; }
  90. .AjaxTableCont .mapEditor-panel a:hover { color:#006CD7; text-decoration:none; }
  91. .AjaxTableCont .mapEditor-panel a.mapEditor-panel-close:hover { color:#f00; }
  92. .AjaxTableCont .mapEditor-map { background:#fff; height:400px; }
  93. .AjaxTableCont-mapEditorContainer .mapEditor-map { border:1px solid #999; overflow:hidden; }
  94. /* .mapEditor-btnBackToWindow "olControlSave",overview_replacement */
  95. .olControlEditingToolbar .mapEditor-btnBackToWindowItemInactive,
  96. .olControlEditingToolbar .mapEditor-btnBackToWindowItemActive {
  97. background-image: url(icon/map.window.png);
  98. background-position: 0 0;
  99. background-repeat: no-repeat;
  100. }
  101. /*
  102. .mapEditor-btnBackToWindowItemInactive { background-image: url(stuff/open-layers/theme/default/img/overview_replacement.gif); }
  103. .mapEditor-btnBackToWindowItemActive { background-image: url(stuff/open-layers/theme/default/img/overview_replacement.gif); }
  104. */
  105. .ui-dialog-content .mapEditor-btnBackToWindowItemInactive,
  106. .ui-dialog-content .mapEditor-btnBackToWindowItemActive { display:none; }
  107. .AjaxTableCont .valign-btns-bottom .btn { vertical-align:text-bottom; font-weight:normal; font-size:12px; line-height:14px; }
  108. .ui-resizable-s { bottom:0; }
  109. .ui-resizable-e { right:0; }
  110. .AjaxTableCont-mapEditorContainer .ui-resizable-s { background-color:#ddd; }
  111. .AjaxTableCont-mapEditorContainer .ui-resizable-s:hover { background-color:#888; }