/www/themes/coffee/grid.css

http://cupsfilter.googlecode.com/ · CSS · 457 lines · 389 code · 40 blank · 28 comment · 0 complexity · 3caec7450942b07da60ef769d0e3257a MD5 · raw file

  1. .GridHeader {
  2. }
  3. .Header {
  4. width: 100%;
  5. }
  6. .Header th {
  7. font-size: 100%; font-weight: bold; text-align: left;
  8. padding: 2px;
  9. background-image: url(images/headerbg.gif); color: #ffffff;
  10. width: 100%;
  11. white-space: nowrap;
  12. }
  13. .HeaderLeft {
  14. background-image: url(images/headerleft.gif);
  15. }
  16. .HeaderRight {
  17. background-image: url(images/headerright.gif);
  18. }
  19. .HeaderButton {
  20. background-image: url(images/headerbg.gif);
  21. }
  22. .HeaderButton img{
  23. width: 21px;
  24. }
  25. .HeaderLeft img{
  26. width: 4px;
  27. }
  28. .HeaderRight img{
  29. width: 9px;
  30. }
  31. .GridHeader table {margin:0;}
  32. .GridHeader td, tr {padding:0;}
  33. /* Grid */
  34. table.scroll {
  35. border-right: 1px solid #FFFFFF;
  36. table-layout: fixed;
  37. margin-bottom:0;
  38. }
  39. table.scroll tbody tr {
  40. background-color: #eceae3;
  41. }
  42. table.scroll tbody tr.alt{
  43. background-color: #e3dfd1;
  44. }
  45. table.scroll tr.over td{
  46. background-color: #D2B48C;
  47. }
  48. table.scroll tr.selected td {
  49. background-color: #c9b9b1;
  50. color: Black;
  51. }
  52. table.scroll tbody tr td {
  53. font-size: 90%;
  54. padding: 2px;
  55. text-align: left;
  56. border-left: 1px solid #FFFFFF;
  57. border-bottom: 1px solid #FFFFFF;
  58. text-overflow: ellipsis;
  59. overflow: hidden;
  60. white-space: nowrap;
  61. height : auto;
  62. }
  63. table.scroll thead tr th {
  64. font-size: 90%;
  65. font-weight: normal;
  66. padding: 2px;
  67. border-left: 1px solid #FFFFFF;
  68. border-bottom: 1px solid #FFFFFF;
  69. text-align: left;
  70. overflow: hidden;
  71. white-space: nowrap;
  72. background: url(images/grid-blue-hd.gif) transparent repeat-x;
  73. height : 18px;
  74. }
  75. table.scroll thead tr th div img {
  76. width: 9px;
  77. }
  78. table.scroll th div {
  79. overflow: hidden;
  80. /* white-space: nowrap;*/
  81. word-wrap: break-word;
  82. height : 18px;
  83. }
  84. table.scroll th span {
  85. cursor: e-resize;
  86. /* border-right: 1px solid #D6D2C2; */
  87. width: 5px;
  88. float: right;
  89. position: relative;
  90. display: block;
  91. margin: -1px -1px -1px 0px;
  92. height: 18px;
  93. overflow: hidden;
  94. white-space: nowrap;
  95. }
  96. table.scroll thead {
  97. }
  98. /* End Grid */
  99. /* Pager */
  100. div.scroll {
  101. vertical-align: top;
  102. height: 23px;
  103. text-align: center;
  104. white-space: nowrap;
  105. background-image: url(images/grid-blue-ft.gif);
  106. border-right: 1px solid #FFFFFF;
  107. border-left: 1px solid #FFFFFF;
  108. border-bottom: 1px solid #FFFFFF;
  109. }
  110. div.scroll span {
  111. vertical-align : top;
  112. }
  113. .selbox {
  114. font-size: x-small;
  115. vertical-align : top;
  116. }
  117. input.selbox{
  118. font-size: x-small;
  119. vertical-align : top;
  120. }
  121. .pgbuttons {
  122. margin-top :1px;
  123. }
  124. .nav-table-left {
  125. padding:1px;
  126. float: left;
  127. margin-top:2px;
  128. /* position:absolute;*/
  129. }
  130. .nav-table-right {
  131. padding:1px;
  132. float: right;
  133. margin-top:2px;
  134. }
  135. table.navtable {margin-bottom:0; width: auto;}
  136. table.navtable tbody tr {
  137. background-image: url(images/grid-blue-ft.gif);
  138. }
  139. table.navtable tbody tr td.nav-button {
  140. border: 1px solid #FFFFFF;
  141. white-space: nowrap;
  142. }
  143. table.navtable tbody tr td.nav-hover {
  144. border: 1px solid #c9b9b1;
  145. }
  146. table.tbutton tbody tr td {
  147. border : none;
  148. padding:0px;
  149. }
  150. img.jsHover { /*not used */
  151. border: 1px solid #99CCFF;
  152. }
  153. /* End Pager */
  154. /*multiselect checkbox */
  155. .cbox {
  156. height: 10px;
  157. width: 10px;
  158. /* text-align: center;*/
  159. /*border:1px solid #999;*/
  160. }
  161. /* end multiselect */
  162. /* loading div */
  163. div.loading {
  164. position: absolute;
  165. padding: 3px;
  166. text-align: center;
  167. font-weight: bold;
  168. background: red;
  169. color: white;
  170. display: none;
  171. }
  172. div.loadingui {
  173. display:none;
  174. z-index:6000;
  175. position:absolute;
  176. }
  177. div.loadingui div.msgbox {
  178. position: relative;
  179. z-index:6001;
  180. left: 35%;
  181. top:45%;
  182. background: url(images/loading.gif) no-repeat left;
  183. width: 100px;
  184. border: 2px solid #B2D2FF;
  185. text-align: right;
  186. height: auto;
  187. padding:2px;
  188. margin: 0px;
  189. }
  190. /* end loading div */
  191. /*toolbar */
  192. div.userdata {
  193. margin-top: 0px;
  194. background-color : #e3dfd1;
  195. height : 20px;
  196. overflow: hidden;
  197. }
  198. /* end toolbar */
  199. /*Subgrid text mode*/
  200. .subgrid {
  201. height: 100%;
  202. overflow: auto;
  203. }
  204. .tablediv {
  205. background-color: White;
  206. border-spacing: 1px; /*cellspacing:poor IE support for this*/
  207. border-collapse: separate;
  208. width:100%; /* FF hack poor when scroling subgrid */
  209. }
  210. .celldiv {
  211. float: left;
  212. display: table-cell;
  213. border: 1px dotted #CCCCCC;
  214. overflow: auto;
  215. white-space: normal;
  216. }
  217. .celldivth {
  218. float: left; /*fix for buggy browsers*/
  219. border: 1px solid #CCCCCC;
  220. background-color: #99CCFF;
  221. border-bottom: 1px solid #CBC7B8;
  222. text-align: left;
  223. overflow: auto;
  224. }
  225. .rowdiv {
  226. display: table-row;
  227. background: #F9F9F9 none;
  228. color: #000000;
  229. width: 100%;
  230. overflow:auto;
  231. }
  232. /* End Subgrid */
  233. /* InLine editing */
  234. input.editable[type="text"] {
  235. font-size: x-small;
  236. overflow: hidden;
  237. }
  238. input.editable[type="checkbox"] {
  239. }
  240. textarea.editable {
  241. overflow: hidden;
  242. }
  243. select.editable {
  244. font-size: x-small;
  245. }
  246. /* End Inline Editing */
  247. /*Modal Window */
  248. .modaltext{
  249. text-align : left;
  250. }
  251. .modalwin{
  252. border:1px solid #555555;
  253. background:#F9F9F9;
  254. text-align:left;
  255. margin: 0 auto;
  256. overflow: auto;
  257. }
  258. .modalhead {
  259. background-image: url(images/grid-blue-hd.gif);
  260. height: 20px;
  261. }
  262. .modalcontent {
  263. overflow: auto;
  264. margin-bottom: 9px;
  265. margin-left: 5px;
  266. }
  267. /* end Modal window*/
  268. /* Search window */
  269. input.search {
  270. margin: 2px;
  271. width: 70px;
  272. font-size: 10px;
  273. color: #15428B;
  274. }
  275. select.search {
  276. margin: 2px;
  277. width: 70px;
  278. font-size: 10px;
  279. color: #15428B;
  280. }
  281. .buttonsearch {
  282. width : 50px;
  283. font-size: 10px;
  284. color: #15428B;
  285. }
  286. /*End search */
  287. /* Form edit */
  288. .FormGrid {
  289. margin: 0px;
  290. }
  291. .EditTable {
  292. width: 100%;
  293. }
  294. .FormData { /* tr */
  295. }
  296. #FormError td {
  297. font-size: 90%;
  298. color: #FF0000;
  299. vertical-align: top;
  300. background-color: #f7f7f7;
  301. }
  302. .CaptionTD{ /* td */
  303. font-weight: normal; text-align: left; vertical-align: top;
  304. padding: 1px;
  305. border-top: 1px solid #D4D0C8;
  306. white-space: nowrap;
  307. color: #000000;
  308. }
  309. .DataTD { /* td */
  310. padding: 1px;
  311. border-top: 1px solid #D4D0C8;
  312. vertical-align: top;
  313. }
  314. .navButton{
  315. border-top: 1px solid #D4D0C8;
  316. border-bottom: 1px solid #D4D0C8;
  317. text-align: center;
  318. }
  319. .navButton input{
  320. width:19px;
  321. }
  322. input.EditButton { /* buttons are at footer tr */
  323. font-size: 10px;
  324. color: #15428B;
  325. }
  326. td.EditButton {
  327. text-align: right;
  328. border-top: 1px solid #D4D0C8;
  329. border-bottom: 1px solid #D4D0C8;
  330. }
  331. .FormElement { /* form element - input -text,textarea,checkbox - select */
  332. }
  333. .FormElement {
  334. font-size: 10px;
  335. }
  336. input[type="text"].FormElement{
  337. color: #15428B;
  338. }
  339. input[type="checkbox"].FormElement{
  340. width: 15px;
  341. color: #15428B;
  342. }
  343. input[type="textarea"].FormElement{
  344. color: #15428B;
  345. }
  346. select.FormElement {
  347. font-size: 10px;
  348. color: #15428B;
  349. }
  350. /* End Eorm edit */
  351. /* Delete Dialog */
  352. .DelButton > input { /* buttons are at footer tr */
  353. font-size: 10px;
  354. color: #15428B;
  355. }
  356. .DelButton {
  357. text-align: right;
  358. }
  359. /* End Delete Dialog */
  360. img.jqResize {
  361. position:absolute;
  362. bottom: 0px;
  363. right: 0px;
  364. cursor :se-resize;
  365. }
  366. .dirty-cell {
  367. background: transparent url(images/dirty.gif) no-repeat 0 0;
  368. }
  369. #DelError td {
  370. font-size: 90%;
  371. color: #FF0000;
  372. vertical-align: top;
  373. background-color: #f7f7f7;
  374. }
  375. /* Tree Grid */
  376. .tree-wrap
  377. {
  378. float: left;
  379. position: relative;
  380. height: 18px;
  381. white-space: nowrap;
  382. overflow: hidden;
  383. }
  384. .tree-minus
  385. {
  386. position: absolute;
  387. height: 18px;
  388. width: 16px;
  389. overflow: hidden;
  390. background: url(images/tree_minus.gif) no-repeat;
  391. }
  392. .tree-plus
  393. {
  394. position: absolute;
  395. height: 18px;
  396. width: 16px;
  397. overflow: hidden;
  398. background: url(images/tree_plus.gif) no-repeat;
  399. }
  400. .tree-leaf
  401. {
  402. position: absolute;
  403. height: 18px;
  404. width: 16px;
  405. overflow: hidden;
  406. background: url(images/tree_leaf.gif) no-repeat;
  407. }
  408. .treeclick
  409. {
  410. cursor: pointer;
  411. }
  412. .edit-cell {
  413. background-color: #D2B48C !important;
  414. }
  415. .selected-row, .selected-row TD {
  416. background-color: #c9b9b1;
  417. }