Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

table.css 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. .i-table {
  2. border: 1px solid #29528a;
  3. background: #fff;
  4. }
  5. .i-table:before {
  6. display: block;
  7. height: 2px;
  8. overflow: hidden;
  9. background: transparent url(../../panel/img/top-right-small.png) no-repeat right top;
  10. content: url(../../panel/img/top-left-small.png);
  11. margin: -1px -1px 0 -1px;
  12. }
  13. .i-table:after {
  14. display: block;
  15. height: 2px;
  16. overflow: hidden;
  17. background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;
  18. content: url(../../panel/img/bottom-left.png);
  19. margin: 0 -1px -1px -1px;
  20. }
  21. .i-table-header-wrap {
  22. height: 26px;
  23. background: #e7edf3 url(../img/header-bg.png) repeat-x;
  24. border-bottom: 1px solid #6082b0;
  25. margin-top: -1px;
  26. }
  27. .i-table-header {
  28. }
  29. .i-table-header table,
  30. .i-table-table {
  31. border-collapse: collapse;
  32. margin: 0;
  33. padding: 0;
  34. border: 0;
  35. }
  36. .i-table-header td,
  37. .i-table-table td {
  38. margin:0;
  39. padding:0;
  40. border:0;
  41. }
  42. .i-table-header td {
  43. cursor: pointer;
  44. }
  45. .i-table-resizer {
  46. display: block;
  47. height: 26px;
  48. float: right;
  49. background: #aabdda url(../img/resizer-bg.png);
  50. cursor: e-resize;
  51. }
  52. .i-table-caption-container {
  53. float: right;
  54. overflow: hidden;
  55. white-space: nowrap;
  56. font-weight: bold;
  57. color: #1c3e6e;
  58. padding-top: 5px;
  59. }
  60. /* disabled row in column selector */
  61. .i-off {
  62. font-style: italic;
  63. }
  64. .i-table-header-cell {
  65. }
  66. .i-table-header-cell-asc {
  67. background: blue;
  68. }
  69. .i-table-header-cell-desc {
  70. background: cyan;
  71. }
  72. .i-table-body {
  73. /*margin: 0 1px;*/
  74. }
  75. .i-table-row {
  76. border: 0;
  77. margin: 0;
  78. padding: 3px 0 3px 0;
  79. cursor: pointer;
  80. }
  81. .i-table-row:hover,
  82. .i-table .i-odd:hover {
  83. background-color: #d3dfee;
  84. }
  85. .i-table .i-odd {
  86. background-color: #f1f5f9;
  87. }
  88. .i-table .i-selected {
  89. background: #375f98 url(../img/selected-bg.png) repeat-x;
  90. color: #fff;
  91. }
  92. .i-table-row-spacer {
  93. height: 10px;
  94. overflow: hidden; /* IE hack to allow < one line height divs */
  95. }
  96. .i-table-cell-content {
  97. white-space: nowrap;
  98. overflow: hidden;
  99. /*border-right: 1px solid #e4e8ef;
  100. padding-left: 2px;
  101. width: 98%;*/
  102. }
  103. .i-table-column-selector {
  104. float: right;
  105. background: transparent url(../img/colsel.png) no-repeat;
  106. margin: 4px 0 0 0;
  107. height:15px;
  108. width:15px;
  109. }
  110. .i-table-focus-slot-left {
  111. border-left: 2px solid #375f98;
  112. margin-right: -2px;
  113. }
  114. .i-table-focus-slot-right {
  115. border-right: 2px solid #375f98;
  116. margin-left: -2px;
  117. }
  118. .i-table-header-drag {
  119. position: absolute;
  120. background: #e7edf3 url(../img/header-bg.png) repeat-x;
  121. border: 1px solid #375f98;
  122. padding: 4px;
  123. color: #1c3e6e;
  124. font-weight: bold;
  125. opacity: 0.5;
  126. filter: alpha(opacity=50);
  127. }
  128. .i-table-scrollposition {
  129. display: none;
  130. position: absolute;
  131. width: 150px;
  132. padding: 4px;
  133. border: 1px solid black;
  134. background: yellow;
  135. }
  136. /* IE specific styles */
  137. * html .i-table-header-wrap {
  138. margin-top: 0;
  139. }
  140. *+html .i-table-header-wrap {
  141. margin-top: 1px;
  142. }