Fecino
/
Inspinia
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Theme Inspinia
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
Inspinia/css/plugins/jqGrid/ui.jqgrid.css

ui.jqgrid.css 13KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171 
  1. /*Grid*/

  2. .ui-jqgrid {position: relative;}

  3. .ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px;}

  4. /* caption*/

  5. .ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}

  6. .ui-jqgrid .ui-jqgrid-caption {text-align: left;}

  7. .ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }

  8. .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}

  9. .ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }

  10. .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }

  11. /* header*/

  12. .ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}

  13. .ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}

  14. .ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;}

  15. .ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}

  16. .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}

  17. .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}

  18. .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}

  19. .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}

  20. .ui-first-th-ltr {border-right: 1px solid; }

  21. .ui-first-th-rtl {border-left: 1px solid; }

  22. .ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}

  23. .ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}

  24. .ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}

  25. .ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}

  26. .ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}

  27. .ui-jqgrid .ui-i-asc {margin-top:0;height:16px;}

  28. .ui-jqgrid .ui-i-desc {margin-top:0;margin-left:13px;height:16px;}

  29. .ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}

  30. .ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }

  31. tr.ui-search-toolbar input {margin: 1px 0 0 0}

  32. tr.ui-search-toolbar select {margin: 1px 0 0 0}

  33. /* body */ 

  34. .ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;}

  35. .ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; }

  36. .ui-jqgrid tr.jqgrow { outline-style: none; }

  37. .ui-jqgrid tr.jqgroup { outline-style: none; }

  38. .ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

  39. .ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}

  40. .ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

  41. .ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

  42. .ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}

  43. .ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}

  44. .ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}

  45. .ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}

  46. /* footer */

  47. .ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}

  48. .ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;}

  49. .ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}

  50. .ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}

  51. .ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}

  52. /* Pager*/

  53. .ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}

  54. .ui-jqgrid .ui-pager-control {position: relative;}

  55. .ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0;}

  56. .ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}

  57. .ui-jqgrid .ui-pg-button  { height:19px !important;}

  58. .ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}

  59. .ui-jqgrid .ui-pg-button:hover { padding: 0; }

  60. .ui-jqgrid .ui-state-disabled:hover {padding:1px;}

  61. .ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0;}

  62. .ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0;}

  63. .ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}

  64. .ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}

  65. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}

  66. .ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }

  67. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}

  68. .ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0;}

  69. .ui-jqgrid td textarea {width:auto;height:auto;}

  70. .ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}

  71. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}

  72. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }

  73. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}

  74. /*subgrid*/

  75. .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}

  76. .ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}

  77. .ui-jqgrid .ui-subgrid table {table-layout: fixed;}

  78. .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

  79. .ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}

  80. .ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}

  81. .ui-jqgrid .ui-th-subgrid {height:20px;}

  82. /* loading */

  83. .ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}

  84. .ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}

  85. /* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */

  86. * .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}

  87. /* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/

  88. /* end loading div */

  89. /* toolbar */

  90. .ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 21px;overflow: hidden;	}

  91. /*Modal Window */

  92. .ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}

  93. .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }

  94. .ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 

  95. .ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}

  96. 

  97. .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }

  98. .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }

  99. .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}

  100. .ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}

  101. .ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}

  102. .ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }

  103. /* end Modal window*/

  104. /* Form edit */

  105. .ui-jqdialog-content .FormGrid {margin: 0;}

  106. .ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}

  107. .ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}

  108. .EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}

  109. .EditTable td textarea { width:auto; height:auto;}

  110. .ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}

  111. .ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}

  112. .ui-jqdialog-content input.FormElement {padding:.3em}

  113. .ui-jqdialog-content select.FormElement {padding:.3em}

  114. .ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}

  115. 

  116. .ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}

  117. .ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}

  118. .ui-jqdialog-content .form-view-data {white-space:pre}

  119. .fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

  120. .fm-button-icon-left { padding-left: 1.9em; }

  121. .fm-button-icon-right { padding-right: 1.9em; }

  122. .fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }

  123. .fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}

  124. #nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }

  125. /* End Eorm edit */

  126. /*.ui-jqgrid .edit-cell {}*/

  127. .ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}

  128. /* inline edit actions button*/

  129. .ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,

  130. .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {

  131.     margin: -1px;

  132. }

  133. /* Tree Grid */

  134. .ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}

  135. .ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}

  136. .ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}

  137. .ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}

  138. .ui-jqgrid .treeclick {cursor: pointer;}

  139. /* moda dialog */

  140. * iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}

  141. /*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/

  142. .ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}

  143. /* RTL Support */

  144. .ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}

  145. .ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}

  146. .ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}

  147. .ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}

  148. .ui-jqgrid .ui-sort-rtl {left:0;}

  149. .ui-jqgrid .tree-wrap-ltr {float: left;}

  150. .ui-jqgrid .tree-wrap-rtl {float: right;}

  151. .ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}

  152. 

  153. /* Toolbar Search Menu */

  154. .ui-search-menu { position: absolute; padding: 2px 5px;}

  155. .ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}

  156. .ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }

  157. a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; }

  158. .ui-jqgrid .ui-search-table .ui-search-input>input,

  159. .ui-jqgrid .ui-search-table .ui-search-input>select

  160. {

  161.     display: block;

  162.     -moz-box-sizing: border-box;

  163.     -webkit-box-sizing: border-box;

  164.     box-sizing: border-box;

  165. } 

  166. .ui-jqgrid .ui-jqgrid-view input,

  167. .ui-jqgrid .ui-jqgrid-view select,

  168. .ui-jqgrid .ui-jqgrid-view textarea,

  169. .ui-jqgrid .ui-jqgrid-view button {

  170.     font-size: 11px

  171. }