Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
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.

578 lines
11 KiB

  1. /*!
  2. * Ext JS Library 3.2.0
  3. * Copyright(c) 2006-2010 Ext JS, Inc.
  4. * licensing@extjs.com
  5. * http://www.extjs.com/license
  6. */
  7. /* Grid3 styles */
  8. .x-grid3 {
  9. position:relative;
  10. overflow:hidden;
  11. }
  12. .x-grid-panel .x-panel-body {
  13. overflow:hidden !important;
  14. }
  15. .x-grid-panel .x-panel-mc .x-panel-body {
  16. border:1px solid;
  17. }
  18. .x-grid3 table {
  19. table-layout:fixed;
  20. }
  21. .x-grid3-viewport{
  22. overflow:hidden;
  23. }
  24. .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
  25. -moz-outline: none;
  26. outline: none;
  27. -moz-user-focus: normal;
  28. }
  29. .x-grid3-row td, .x-grid3-summary-row td {
  30. line-height:13px;
  31. vertical-align: top;
  32. padding-left:1px;
  33. padding-right:1px;
  34. -moz-user-select: none;
  35. -khtml-user-select:none;
  36. -webkit-user-select:ignore;
  37. }
  38. .x-grid3-cell{
  39. -moz-user-select: none;
  40. -khtml-user-select:none;
  41. -webkit-user-select:ignore;
  42. }
  43. .x-grid3-hd-row td {
  44. line-height:15px;
  45. vertical-align:middle;
  46. border-left:1px solid;
  47. border-right:1px solid;
  48. }
  49. .x-grid3-hd-row .x-grid3-marker-hd {
  50. padding:3px;
  51. }
  52. .x-grid3-row .x-grid3-marker {
  53. padding:3px;
  54. }
  55. .x-grid3-cell-inner, .x-grid3-hd-inner{
  56. overflow:hidden;
  57. -o-text-overflow: ellipsis;
  58. text-overflow: ellipsis;
  59. padding:3px 3px 3px 5px;
  60. white-space: nowrap;
  61. }
  62. .x-grid3-hd-inner {
  63. position:relative;
  64. cursor:inherit;
  65. padding:4px 3px 4px 5px;
  66. }
  67. .x-grid3-row-body {
  68. white-space:normal;
  69. }
  70. .x-grid3-body-cell {
  71. -moz-outline:0 none;
  72. outline:0 none;
  73. }
  74. /* IE Quirks to clip */
  75. .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
  76. width:100%;
  77. }
  78. /* reverse above in strict mode */
  79. .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
  80. width:auto;
  81. }
  82. .x-grid-row-loading {
  83. background: no-repeat center center;
  84. }
  85. .x-grid-page {
  86. overflow:hidden;
  87. }
  88. .x-grid3-row {
  89. cursor: default;
  90. border: 1px solid;
  91. width:100%;
  92. }
  93. .x-grid3-row-over {
  94. border:1px solid;
  95. background: repeat-x left top;
  96. }
  97. .x-grid3-resize-proxy {
  98. width:1px;
  99. left:0;
  100. cursor: e-resize;
  101. cursor: col-resize;
  102. position:absolute;
  103. top:0;
  104. height:100px;
  105. overflow:hidden;
  106. visibility:hidden;
  107. border:0 none;
  108. z-index:7;
  109. }
  110. .x-grid3-resize-marker {
  111. width:1px;
  112. left:0;
  113. position:absolute;
  114. top:0;
  115. height:100px;
  116. overflow:hidden;
  117. visibility:hidden;
  118. border:0 none;
  119. z-index:7;
  120. }
  121. .x-grid3-focus {
  122. position:absolute;
  123. left:0;
  124. top:0;
  125. width:1px;
  126. height:1px;
  127. line-height:1px;
  128. font-size:1px;
  129. -moz-outline:0 none;
  130. outline:0 none;
  131. -moz-user-select: text;
  132. -khtml-user-select: text;
  133. -webkit-user-select:ignore;
  134. }
  135. /* header styles */
  136. .x-grid3-header{
  137. background: repeat-x 0 bottom;
  138. cursor:default;
  139. zoom:1;
  140. padding:1px 0 0 0;
  141. }
  142. .x-grid3-header-pop {
  143. border-left:1px solid;
  144. float:right;
  145. clear:none;
  146. }
  147. .x-grid3-header-pop-inner {
  148. border-left:1px solid;
  149. width:14px;
  150. height:19px;
  151. background: transparent no-repeat center center;
  152. }
  153. .ext-ie .x-grid3-header-pop-inner {
  154. width:15px;
  155. }
  156. .ext-strict .x-grid3-header-pop-inner {
  157. width:14px;
  158. }
  159. .x-grid3-header-inner {
  160. overflow:hidden;
  161. zoom:1;
  162. float:left;
  163. }
  164. .x-grid3-header-offset {
  165. padding-left:1px;
  166. text-align: left;
  167. }
  168. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  169. border-left:1px solid;
  170. border-right:1px solid;
  171. }
  172. td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  173. background: repeat-x left bottom;
  174. }
  175. .x-grid3-sort-icon{
  176. background-repeat: no-repeat;
  177. display: none;
  178. height: 4px;
  179. width: 13px;
  180. margin-left:3px;
  181. vertical-align: middle;
  182. }
  183. .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
  184. display: inline;
  185. }
  186. /* Header position fixes for IE strict mode */
  187. .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
  188. position:relative;
  189. }
  190. .ext-strict .ext-ie6 .x-grid3-hd-inner{
  191. position:static;
  192. }
  193. /* Body Styles */
  194. .x-grid3-body {
  195. zoom:1;
  196. }
  197. .x-grid3-scroller {
  198. overflow:auto;
  199. zoom:1;
  200. position:relative;
  201. }
  202. .x-grid3-cell-text, .x-grid3-hd-text {
  203. display: block;
  204. padding: 3px 5px 3px 5px;
  205. -moz-user-select: none;
  206. -khtml-user-select: none;
  207. -webkit-user-select:ignore;
  208. }
  209. .x-grid3-split {
  210. background-position: center;
  211. background-repeat: no-repeat;
  212. cursor: e-resize;
  213. cursor: col-resize;
  214. display: block;
  215. font-size: 1px;
  216. height: 16px;
  217. overflow: hidden;
  218. position: absolute;
  219. top: 2px;
  220. width: 6px;
  221. z-index: 3;
  222. }
  223. /* Column Reorder DD */
  224. .x-dd-drag-proxy .x-grid3-hd-inner{
  225. background: repeat-x left bottom;
  226. width:120px;
  227. padding:3px;
  228. border:1px solid;
  229. overflow:hidden;
  230. }
  231. .col-move-top, .col-move-bottom{
  232. width:9px;
  233. height:9px;
  234. position:absolute;
  235. top:0;
  236. line-height:1px;
  237. font-size:1px;
  238. overflow:hidden;
  239. visibility:hidden;
  240. z-index:20000;
  241. background:transparent no-repeat left top;
  242. }
  243. /* Selection Styles */
  244. .x-grid3-row-selected {
  245. border:1px dotted;
  246. }
  247. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  248. background: repeat-x 0 bottom !important;
  249. vertical-align:middle !important;
  250. padding:0;
  251. border-top:1px solid;
  252. border-bottom:none !important;
  253. border-right:1px solid !important;
  254. text-align:center;
  255. }
  256. .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
  257. padding:0 4px;
  258. text-align:center;
  259. }
  260. /* dirty cells */
  261. .x-grid3-dirty-cell {
  262. background: transparent no-repeat 0 0;
  263. }
  264. /* Grid Toolbars */
  265. .x-grid3-topbar, .x-grid3-bottombar{
  266. overflow:hidden;
  267. display:none;
  268. zoom:1;
  269. position:relative;
  270. }
  271. .x-grid3-topbar .x-toolbar{
  272. border-right:0 none;
  273. }
  274. .x-grid3-bottombar .x-toolbar{
  275. border-right:0 none;
  276. border-bottom:0 none;
  277. border-top:1px solid;
  278. }
  279. /* Props Grid Styles */
  280. .x-props-grid .x-grid3-cell{
  281. padding:1px;
  282. }
  283. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  284. background:transparent repeat-y -16px !important;
  285. padding-left:12px;
  286. }
  287. .x-props-grid .x-grid3-body .x-grid3-td-name{
  288. padding:1px;
  289. padding-right:0;
  290. border:0 none;
  291. border-right:1px solid;
  292. }
  293. /* dd */
  294. .x-grid3-col-dd {
  295. border:0 none;
  296. padding:0;
  297. background:transparent;
  298. }
  299. .x-dd-drag-ghost .x-grid3-dd-wrap {
  300. padding:1px 3px 3px 1px;
  301. }
  302. .x-grid3-hd {
  303. -moz-user-select:none;
  304. -khtml-user-select:none;
  305. -webkit-user-select:ignore;
  306. }
  307. .x-grid3-hd-btn {
  308. display:none;
  309. position:absolute;
  310. width:14px;
  311. background:no-repeat left center;
  312. right:0;
  313. top:0;
  314. z-index:2;
  315. cursor:pointer;
  316. }
  317. .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
  318. display:block;
  319. }
  320. a.x-grid3-hd-btn:hover {
  321. background-position:-14px center;
  322. }
  323. /* Expanders */
  324. .x-grid3-body .x-grid3-td-expander {
  325. background:transparent repeat-y right;
  326. }
  327. .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
  328. padding:0 !important;
  329. height:100%;
  330. }
  331. .x-grid3-row-expander {
  332. width:100%;
  333. height:18px;
  334. background-position:4px 2px;
  335. background-repeat:no-repeat;
  336. background-color:transparent;
  337. }
  338. .x-grid3-row-collapsed .x-grid3-row-expander {
  339. background-position:4px 2px;
  340. }
  341. .x-grid3-row-expanded .x-grid3-row-expander {
  342. background-position:-21px 2px;
  343. }
  344. .x-grid3-row-collapsed .x-grid3-row-body {
  345. display:none !important;
  346. }
  347. .x-grid3-row-expanded .x-grid3-row-body {
  348. display:block !important;
  349. }
  350. /* Checkers */
  351. .x-grid3-body .x-grid3-td-checker {
  352. background:transparent repeat-y right;
  353. }
  354. .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
  355. padding:0 !important;
  356. height:100%;
  357. }
  358. .x-grid3-row-checker, .x-grid3-hd-checker {
  359. width:100%;
  360. height:18px;
  361. background-position:2px 2px;
  362. background-repeat:no-repeat;
  363. background-color:transparent;
  364. }
  365. .x-grid3-row .x-grid3-row-checker {
  366. background-position:2px 2px;
  367. }
  368. .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
  369. background-position:-23px 2px;
  370. }
  371. .x-grid3-hd-checker {
  372. background-position:2px 1px;
  373. }
  374. .ext-border-box .x-grid3-hd-checker {
  375. background-position:2px 3px;
  376. }
  377. .x-grid3-hd-checker-on .x-grid3-hd-checker {
  378. background-position:-23px 1px;
  379. }
  380. .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
  381. background-position:-23px 3px;
  382. }
  383. /* Numberer */
  384. .x-grid3-body .x-grid3-td-numberer {
  385. background:transparent repeat-y right;
  386. }
  387. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  388. padding:3px 5px 0 0 !important;
  389. text-align:right;
  390. }
  391. /* Row Icon */
  392. .x-grid3-body .x-grid3-td-row-icon {
  393. background:transparent repeat-y right;
  394. vertical-align:top;
  395. text-align:center;
  396. }
  397. .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
  398. padding:0 !important;
  399. background-position:center center;
  400. background-repeat:no-repeat;
  401. width:16px;
  402. height:16px;
  403. margin-left:2px;
  404. margin-top:3px;
  405. }
  406. /* All specials */
  407. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  408. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  409. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  410. background:transparent repeat-y right;
  411. }
  412. .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
  413. padding: 1px 0 0 0 !important;
  414. }
  415. .x-grid3-check-col {
  416. width:100%;
  417. height:16px;
  418. background-position:center center;
  419. background-repeat:no-repeat;
  420. background-color:transparent;
  421. }
  422. .x-grid3-check-col-on {
  423. width:100%;
  424. height:16px;
  425. background-position:center center;
  426. background-repeat:no-repeat;
  427. background-color:transparent;
  428. }
  429. /* Grouping classes */
  430. .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
  431. zoom:1;
  432. }
  433. .x-grid-group-hd {
  434. border-bottom: 2px solid;
  435. cursor:pointer;
  436. padding-top:6px;
  437. }
  438. .x-grid-group-hd div.x-grid-group-title {
  439. background:transparent no-repeat 3px 3px;
  440. padding:4px 4px 4px 17px;
  441. }
  442. .x-grid-group-collapsed .x-grid-group-body {
  443. display:none;
  444. }
  445. .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
  446. position:relative;
  447. top:-1px;
  448. }
  449. .ext-ie .x-props-grid .x-editor .x-form-text {
  450. position:static;
  451. top:0;
  452. }
  453. .x-grid-empty {
  454. padding:10px;
  455. }
  456. /* fix floating toolbar issue */
  457. .ext-ie7 .x-grid-panel .x-panel-bbar {
  458. position:relative;
  459. }
  460. /* Reset position to static when Grid Panel has been framed */
  461. /* to resolve 'snapping' from top to bottom behavior. */
  462. /* @forumThread 86656 */
  463. .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
  464. position: static;
  465. }
  466. .ext-ie6 .x-grid3-header {
  467. position: relative;
  468. }
  469. /* Fix WebKit bug in Grids */
  470. .ext-webkit .x-grid-panel .x-panel-bwrap{
  471. -webkit-user-select:none;
  472. }
  473. .ext-webkit .x-tbar-page-number{
  474. -webkit-user-select:ignore;
  475. }
  476. /* end*/
  477. /* column lines */
  478. .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  479. padding-right:0;
  480. border-right:1px solid;
  481. }