cdb.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679
  1. .cdb-view > .hide-tabs > .tab > ::-webkit-scrollbar {
  2. width: 12px;
  3. }
  4. .cdb-view .cdb {
  5. margin-bottom: 350px;
  6. }
  7. .cdb-view.cdb-diff .cdb-sheet th,
  8. .cdb-view.cdb-diff th.start {
  9. background-color: #d60;
  10. }
  11. .cdb {
  12. background-color: black;
  13. }
  14. .cdb:focus {
  15. outline: none;
  16. }
  17. .cdb .cdb-sheet td.cursorView {
  18. border: 2px solid #ccc !important;
  19. }
  20. .cdb .cdb-sheet th.highlight {
  21. background-color: #1c3c70;
  22. }
  23. .cdb .cdb-sheet .highlight td.start,
  24. .cdb .cdb-sheet .highlightth {
  25. background-color: #1c3c70;
  26. }
  27. .cdb .cdb-sheet .active-line {
  28. background-color: #1f1e1e;
  29. }
  30. .cdb .cdb-sheet tr.selected,
  31. .cdb .cdb-sheet td.selected {
  32. background-color: #313a48;
  33. }
  34. .cdb .cdb-sheet tr.selected.top td.start,
  35. .cdb .cdb-sheet td.selected.top td.start {
  36. border-top: 1px solid #ccc;
  37. }
  38. .cdb .cdb-sheet tr.selected.bot td.start,
  39. .cdb .cdb-sheet td.selected.bot td.start {
  40. border-bottom: 1px solid #ccc;
  41. }
  42. .cdb .cdb-sheet tr.selected td.start,
  43. .cdb .cdb-sheet td.selected td.start,
  44. .cdb .cdb-sheet tr.selected td.t_readonly,
  45. .cdb .cdb-sheet td.selected td.t_readonly {
  46. border-left: 1px solid #ccc;
  47. border-right: 1px solid #ccc;
  48. color: #aaaaaa;
  49. background-color: #0b57d0;
  50. }
  51. .cdb .cdb-sheet td.selected.top {
  52. border-top: 1px solid #ccc;
  53. }
  54. .cdb .cdb-sheet td.selected.right {
  55. border-right: 1px solid #ccc;
  56. }
  57. .cdb .cdb-sheet td.selected.bot {
  58. border-bottom: 1px solid #ccc;
  59. }
  60. .cdb .cdb-sheet td.selected.left {
  61. border-left: 1px solid #ccc;
  62. }
  63. .cdb .cdb-sheet {
  64. width: 100%;
  65. table-layout: fixed;
  66. border-collapse: collapse;
  67. border-spacing: 0;
  68. background-color: #222;
  69. position: relative;
  70. }
  71. .cdb .cdb-sheet th.start {
  72. width: 30px;
  73. border-left-color: #333;
  74. cursor: default;
  75. }
  76. .cdb .cdb-sheet td.start {
  77. text-align: center;
  78. cursor: pointer;
  79. background-color: #333;
  80. border-left: none;
  81. }
  82. .cdb .cdb-sheet tr.head td.start {
  83. cursor: nw-resize;
  84. }
  85. .cdb .cdb-sheet tr.separator {
  86. height: 10px;
  87. }
  88. .cdb .cdb-sheet tr.separator td {
  89. position: sticky;
  90. top: 19px;
  91. z-index: 2;
  92. border-left: none;
  93. padding-top: 6px;
  94. color: #bbb;
  95. font-weight: bold;
  96. background-color: #444;
  97. }
  98. .cdb .cdb-sheet tr.separator td .toggle {
  99. padding: 0px 4px;
  100. padding-left: 10px;
  101. color: #aaa;
  102. }
  103. .cdb .cdb-sheet tr.separator td .toggle:hover {
  104. color: #ccc;
  105. }
  106. .cdb .cdb-sheet tr.separator.seplevel-1 td {
  107. background-color: #3d3d3d;
  108. }
  109. .cdb .cdb-sheet tr.separator.seplevel-1 td .toggle {
  110. padding-left: 25px;
  111. }
  112. .cdb .cdb-sheet tr.separator.seplevel-2 td {
  113. background-color: #383838;
  114. }
  115. .cdb .cdb-sheet tr.separator.seplevel-2 td .toggle {
  116. padding-left: 40px;
  117. }
  118. .cdb .cdb-sheet tr.separator.seplevel-3 td {
  119. background-color: #343434;
  120. }
  121. .cdb .cdb-sheet tr.separator.seplevel-3 td .toggle {
  122. padding-left: 50px;
  123. }
  124. .cdb .cdb-sheet tr.separator.seplevel-4 td {
  125. background-color: #303030;
  126. }
  127. .cdb .cdb-sheet tr.separator.seplevel-4 td .toggle {
  128. padding-left: 60px;
  129. }
  130. .cdb .cdb-sheet tr.separator.seplevel-5 td {
  131. background-color: #303030;
  132. }
  133. .cdb .cdb-sheet tr.separator.seplevel-5 td .toggle {
  134. padding-left: 70px;
  135. }
  136. .cdb .cdb-sheet tr.separator.seplevel-6 td {
  137. background-color: #303030;
  138. }
  139. .cdb .cdb-sheet tr.separator.seplevel-6 td .toggle {
  140. padding-left: 80px;
  141. }
  142. .cdb .cdb-sheet tr.locIgnored {
  143. background-color: #221C1C;
  144. }
  145. .cdb .cdb-sheet td {
  146. padding: 2px 4px;
  147. overflow: hidden;
  148. }
  149. .cdb .cdb-sheet tr.props td,
  150. .cdb .cdb-sheet tr.code td,
  151. .cdb .cdb-sheet tr.list td {
  152. overflow: visible;
  153. }
  154. .cdb .cdb-sheet > tbody > tr.props:last-child {
  155. border-bottom: 0;
  156. background-color: black;
  157. }
  158. .cdb .cdb-sheet td.edit {
  159. /*padding : 2px;
  160. padding-right : 6px;*/
  161. }
  162. .cdb .cdb-sheet td.edit > input,
  163. .cdb .cdb-sheet td.edit textarea,
  164. .cdb .cdb-sheet td.edit select {
  165. width: 100%;
  166. padding: 0px 2px;
  167. border: none;
  168. }
  169. .cdb .cdb-sheet td.edit > textarea {
  170. overflow: hidden;
  171. }
  172. .cdb .cdb-sheet td.edit > div.error {
  173. margin-top: 5px;
  174. position: absolute;
  175. z-index: 300;
  176. color: red;
  177. background-color: #633;
  178. border: 1px solid #833;
  179. max-width: 200px;
  180. padding: 2px;
  181. }
  182. .cdb .cdb-sheet td.edit_long {
  183. padding-bottom: 0px;
  184. }
  185. .cdb .cdb-sheet tr.filtered,
  186. .cdb .cdb-sheet tr.hidden,
  187. .cdb .cdb-sheet tr.sep-hidden {
  188. display: none;
  189. }
  190. .cdb .cdb-sheet tr.clickable {
  191. cursor: pointer;
  192. }
  193. .cdb .cdb-sheet tr.clickable:hover {
  194. background-color: #f8f8f8;
  195. }
  196. .cdb .cdb-sheet:not(.cdb-sub-sheet) > thead.head > th {
  197. position: sticky;
  198. z-index: 600;
  199. top: 0;
  200. }
  201. .cdb .cdb-sheet tr.head,
  202. .cdb .cdb-sheet th {
  203. font-weight: bold;
  204. text-align: center;
  205. padding: 1px 10px 4px 10px;
  206. box-shadow: inset 0px -1px 1px #666;
  207. border-left: 1px solid #444;
  208. background-color: #222;
  209. color: #ddd;
  210. width: auto;
  211. white-space: nowrap;
  212. overflow: hidden;
  213. cursor: pointer;
  214. user-select: none;
  215. }
  216. .cdb .cdb-sheet tr.head .display {
  217. font-style: italic;
  218. }
  219. .cdb .cdb-sheet td {
  220. user-select: none;
  221. border-left: 1px solid #444;
  222. }
  223. .cdb .cdb-sheet tr {
  224. border-bottom: 1px solid #333;
  225. }
  226. .cdb .cdb-sheet tr.validation-error td {
  227. background-color: rgba(255, 0, 0, 0.3);
  228. }
  229. .cdb .cdb-sheet tr.list {
  230. background-color: black;
  231. }
  232. .cdb .cdb-sheet tr.list > td {
  233. padding: 0;
  234. padding-bottom: 20px;
  235. border: none;
  236. }
  237. .cdb .cdb-sheet th.t_tilepos {
  238. width: 64px;
  239. }
  240. .cdb .cdb-sheet td.t_tilepos {
  241. text-align: center;
  242. }
  243. .cdb .cdb-sheet td.t_readonly {
  244. background-color: #333;
  245. }
  246. .cdb .cdb-sheet th.t_bool,
  247. .cdb .cdb-sheet th.t_int,
  248. .cdb .cdb-sheet th.t_float {
  249. width: 6%;
  250. }
  251. .cdb .cdb-sheet th.hidden,
  252. .cdb .cdb-sheet td.hidden {
  253. width: 1px;
  254. padding: 0;
  255. visibility: hidden;
  256. }
  257. .cdb .cdb-sheet td.t_bool {
  258. text-align: center;
  259. }
  260. .cdb .cdb-sheet td.t_bool.true {
  261. color: #76AA09;
  262. font-weight: bold;
  263. font-size: inherit;
  264. }
  265. .cdb .cdb-sheet td.t_bool.false {
  266. color: red;
  267. font-weight: normal;
  268. font-size: 75%;
  269. }
  270. .cdb .cdb-sheet td.t_script {
  271. color: #CCC;
  272. }
  273. .cdb .cdb-sheet td.t_script div.script {
  274. white-space: nowrap;
  275. font-family: Consolas, Courier;
  276. font-size: 80%;
  277. }
  278. .cdb .cdb-sheet td.t_script input,
  279. .cdb .cdb-sheet td.t_script textarea {
  280. font-family: Consolas, Courier;
  281. }
  282. .cdb .cdb-sheet td.t_script span {
  283. display: inline-block;
  284. }
  285. .cdb .cdb-sheet td.t_script .kwd {
  286. color: #88F;
  287. }
  288. .cdb .cdb-sheet td.t_script .str {
  289. color: #C66;
  290. }
  291. .cdb .cdb-sheet td.t_script .comment {
  292. color: #182;
  293. }
  294. .cdb .cdb-sheet .tile {
  295. display: inline-block;
  296. vertical-align: middle;
  297. image-rendering: pixelated;
  298. }
  299. .cdb .cdb-sheet td.t_int,
  300. .cdb .cdb-sheet td.t_float {
  301. text-align: center;
  302. }
  303. .cdb .cdb-sheet td.t_int input,
  304. .cdb .cdb-sheet td.t_float input {
  305. text-align: center;
  306. }
  307. .cdb .cdb-sheet td.t_int.zero,
  308. .cdb .cdb-sheet td.t_float.zero {
  309. color: #888;
  310. }
  311. .cdb .cdb-sheet td.nan {
  312. color: #C44;
  313. }
  314. .cdb .cdb-sheet td.formula {
  315. font-style: italic;
  316. color: #888;
  317. }
  318. .cdb .cdb-sheet td.t_list,
  319. .cdb .cdb-sheet td.t_properties {
  320. white-space: nowrap;
  321. cursor: pointer;
  322. text-overflow: ellipsis;
  323. max-width: 900px;
  324. overflow: hidden!important;
  325. }
  326. .cdb .cdb-sheet td.t_list img,
  327. .cdb .cdb-sheet td.t_properties img {
  328. max-height: 32px;
  329. max-width: 32px;
  330. }
  331. .cdb .cdb-sheet td.t_enum {
  332. padding-left: 5px;
  333. }
  334. .cdb .cdb-sheet td.t_color {
  335. text-align: center;
  336. position: relative;
  337. }
  338. .cdb .cdb-sheet td.t_color ._hide-modal {
  339. opacity: 0;
  340. }
  341. .cdb .cdb-sheet td.t_color .sp-replacer {
  342. visibility: hidden;
  343. position: absolute;
  344. }
  345. .cdb .cdb-sheet td.t_color .color {
  346. display: inline-block;
  347. width: 20px;
  348. height: 20px;
  349. border: 2px solid white;
  350. outline: 1px solid black;
  351. }
  352. .cdb .cdb-sheet td.t_flags {
  353. position: relative;
  354. overflow: visible;
  355. }
  356. .cdb .cdb-sheet td.t_ref,
  357. .cdb .cdb-sheet td.t_enum {
  358. overflow: visible;
  359. }
  360. .cdb .cdb-sheet .flagValues {
  361. position: absolute;
  362. background-color: #333;
  363. width: 200px;
  364. padding: 5px;
  365. border: 1px solid #666;
  366. z-index: 800;
  367. }
  368. .cdb .cdb-sheet .flagValues label {
  369. display: block;
  370. clear: both;
  371. padding: 1px;
  372. }
  373. .cdb .cdb-sheet .flagValues label input {
  374. float: left;
  375. margin-right: 5px;
  376. }
  377. .cdb .cdb-sheet .flagValues label:hover {
  378. background-color: #262d35;
  379. }
  380. .cdb .cdb-sheet td.t_curve {
  381. width: 100%;
  382. height: 100%;
  383. }
  384. .cdb .cdb-sheet td.t_curve .cdb-curve {
  385. display: block;
  386. height: 50px;
  387. width: 100%;
  388. }
  389. .cdb .cdb-sheet .cdb-curve {
  390. display: inline-block;
  391. transform: scaleY(-1);
  392. height: 1em;
  393. width: 50px;
  394. }
  395. .cdb .cdb-sheet .cdb-curve path {
  396. fill: transparent;
  397. stroke-width: 0.5px;
  398. shape-rendering: geometricPrecision;
  399. vector-effect: non-scaling-stroke;
  400. }
  401. .cdb .cdb-sheet .cdb-curve .x-axis,
  402. .cdb .cdb-sheet .cdb-curve .y-axis {
  403. stroke: #AAA;
  404. }
  405. .cdb .cdb-sheet .cdb-curve .curve {
  406. stroke: white;
  407. }
  408. .cdb .cdb-sheet td.t_gradient {
  409. width: 100%;
  410. height: 100%;
  411. }
  412. .cdb .cdb-sheet td.t_gradient.edit .cdb-gradient {
  413. visibility: hidden;
  414. }
  415. .cdb .cdb-sheet td.t_gradient .cdb-gradient {
  416. display: block;
  417. width: 100%;
  418. height: 100%;
  419. min-height: 25px;
  420. min-width: 50px;
  421. }
  422. .cdb .cdb-sheet .cdb-gradient {
  423. display: inline-block;
  424. position: relative;
  425. width: 50px;
  426. height: 1em;
  427. }
  428. .cdb .cdb-sheet .cdb-gradient .inner-gradient,
  429. .cdb .cdb-sheet .cdb-gradient .alpha-bg {
  430. position: absolute;
  431. top: 0;
  432. left: 0;
  433. right: 0;
  434. bottom: 0;
  435. }
  436. .cdb .cdb-sheet .cdb-gradient .alpha-bg {
  437. z-index: 0;
  438. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAE5JREFUWIVjnL12+38GCoCBnisl2hmYKNJNBTDqgFEHjDpg1AGjDhh1wKgDGE/f/kNRe+DCpd0UOWDAQ2DUAaMOGHXAqANGHTDqgFEHAAAO3QneZHM9AwAAAABJRU5ErkJggg==);
  439. }
  440. .cdb .cdb-sheet .cdb-gradient .inner-gradient {
  441. z-index: 1;
  442. }
  443. .cdb .cdb-sheet span.error {
  444. color: #C44;
  445. }
  446. .cdb .cdb-sheet span.minor {
  447. color: #666;
  448. }
  449. .cdb .cdb-sheet tr.props {
  450. background-color: #111;
  451. }
  452. .cdb .cdb-sheet tr.props > td {
  453. border: none;
  454. padding: 0;
  455. text-align: right;
  456. }
  457. .cdb .cdb-sheet tr.props > td > div {
  458. display: inline-block;
  459. max-width: 600px;
  460. }
  461. .cdb .cdb-sheet tr.props > td > div.cdb-large {
  462. max-width: 1000px;
  463. }
  464. .cdb .cdb-sheet tr.props .cdb-sheet {
  465. width: auto;
  466. min-width: 400px;
  467. border-right: 1px solid #333;
  468. margin-bottom: 15px;
  469. }
  470. .cdb .cdb-sheet tr.props .cdb-sheet th {
  471. width: 200px;
  472. }
  473. .cdb .cdb-sheet tr.props .cdb-sheet th.start {
  474. width: 20px;
  475. }
  476. .cdb .cdb-sheet tr.props .cdb-sheet td,
  477. .cdb .cdb-sheet tr.props .cdb-sheet td > input {
  478. text-align: left;
  479. }
  480. .cdb .cdb-sheet td.t_file .preview .previewContent {
  481. display: none;
  482. position: fixed;
  483. background-color: #333;
  484. color: white;
  485. border: 1px solid black;
  486. padding: 5px;
  487. z-index: 810;
  488. }
  489. .cdb .cdb-sheet td.t_file .preview .previewContent .label {
  490. text-align: center;
  491. margin-bottom: 5px;
  492. background-color: #444;
  493. font-family: monospace;
  494. }
  495. .cdb .cdb-sheet td.t_file .inlineImage > img {
  496. max-height: 100px;
  497. }
  498. .cdb .cdb-sheet td.t_file .preview:hover .previewContent {
  499. display: block;
  500. }
  501. .cdb .cdb-sheet div.cdb-script {
  502. position: relative;
  503. }
  504. .cdb .cdb-sheet div.cdb-script .codeeditor {
  505. min-height: 500px;
  506. }
  507. .cdb .cdb-sheet .cdb-types {
  508. position: absolute;
  509. z-index: 900;
  510. padding: 2px 2px 2px 2px;
  511. display: flex;
  512. background-color: #333333;
  513. border-style: solid;
  514. border-width: 1px;
  515. border-color: #474747;
  516. cursor: pointer;
  517. }
  518. .cdb .cdb-sheet .cdb-types select {
  519. cursor: pointer;
  520. min-width: 100px;
  521. width: auto!important;
  522. }
  523. .cdb .cdb-sheet .cdb-types #dropdown-custom-type {
  524. width: fit-content;
  525. }
  526. .cdb .cdb-sheet .cdb-types #parameters {
  527. display: flex;
  528. }
  529. .cdb .cdb-sheet .cdb-types input {
  530. cursor: pointer;
  531. width: 50px;
  532. }
  533. .cdb .cdb-sheet .cdb-types input[type="checkbox"] {
  534. width: auto;
  535. height: auto;
  536. margin: 0px 0px 0px 0px;
  537. margin-top: 2px;
  538. margin-bottom: 2px;
  539. }
  540. .cdb .cdb-sheet .cdb-types p {
  541. margin-top: 2px;
  542. margin-bottom: 2px;
  543. padding-left: 2px;
  544. padding-right: 2px;
  545. }
  546. .cdb .cdb-sheet .cdb-preview-drag {
  547. position: absolute;
  548. width: 100%;
  549. height: 5px;
  550. background-color: #54FF85;
  551. pointer-events: none;
  552. }
  553. .cdb.cdb-obj-editor:not(.cdb-large .cdb.cdb-obj-editor) {
  554. margin-top: 10px;
  555. }
  556. .cdb.cdb-obj-editor > .cdb-sheet {
  557. border: 2px solid #333;
  558. }
  559. .cdb.cdb-obj-editor > .cdb-sheet > tr > th {
  560. width: 50px;
  561. }
  562. .cdb.cdb-obj-editor > .cdb-sheet tr.props .cdb-sheet > tr > th {
  563. width: 50px;
  564. }
  565. .cdb.cdb-obj-editor div.cdb-large .cdb-sheet {
  566. min-width: 0 !important;
  567. }
  568. .cdb.cdb-obj-editor div.cdb-script .codeeditor {
  569. min-height: 300px;
  570. }
  571. .cdb .floating-thead {
  572. position: fixed;
  573. background-color: #222;
  574. }
  575. .cdb .floating-thead th:first-child {
  576. border-left: 1px solid #222;
  577. }
  578. .cdb .floating-thead th {
  579. overflow: hidden;
  580. color: #ddd;
  581. padding: 1px 10px;
  582. border-left: 1px solid #555;
  583. border-bottom: 2px solid #666;
  584. }
  585. .cdb .content-modal {
  586. width: 350px;
  587. min-height: 300px;
  588. margin: auto;
  589. padding: 15px;
  590. background: #292929;
  591. border: 2px solid #555;
  592. color: #dadada;
  593. text-align: left;
  594. }
  595. .cdb .content-modal form {
  596. font-size: 14px;
  597. }
  598. .cdb .content-modal form input[type=text],
  599. .cdb .content-modal form input[type=submit],
  600. .cdb .content-modal form select {
  601. height: 28px;
  602. }
  603. .cdb .content-modal form input:user-invalid {
  604. outline: 2px red dashed;
  605. }
  606. .cdb .content-modal form td {
  607. vertical-align: top;
  608. }
  609. .cdb .content-modal form td.first {
  610. width: 120px;
  611. }
  612. .cdb .content-modal form .formula {
  613. display: none;
  614. }
  615. .cdb .content-modal form .t_int .disp,
  616. .cdb .content-modal form .t_float .disp {
  617. display: table-row;
  618. }
  619. .cdb .content-modal form .t_int .formula,
  620. .cdb .content-modal form .t_float .formula {
  621. display: table-row;
  622. }
  623. .cdb .content-modal form .t_string .kind {
  624. display: table-row;
  625. }
  626. .cdb .content-modal form .t_enum .values,
  627. .cdb .content-modal form .t_flags .values {
  628. display: table-row;
  629. }
  630. .cdb .content-modal form .t_ref .sheet {
  631. display: table-row;
  632. }
  633. .cdb .content-modal form .t_layer .sheet {
  634. display: table-row;
  635. }
  636. .cdb .content-modal form .t_custom .custom {
  637. display: table-row;
  638. }
  639. .cdb .content-modal form .t_id .scope {
  640. display: table-row;
  641. }
  642. .cdb .content-modal form .values,
  643. .cdb .content-modal form .sheet,
  644. .cdb .content-modal form .custom,
  645. .cdb .content-modal form .disp,
  646. .cdb .content-modal form .kind,
  647. .cdb .content-modal form .scope {
  648. display: none;
  649. }
  650. .cdb .content-modal form .doctog {
  651. cursor: pointer;
  652. color: #888;
  653. }
  654. .cdb .content-modal form .hide {
  655. display: none !important;
  656. }
  657. .cdb .content-modal form.edit input.create {
  658. display: none;
  659. }
  660. .cdb .content-modal form.create input.edit {
  661. display: none;
  662. }
  663. .cdb .content-modal #errorModal {
  664. color: red;
  665. text-align: center;
  666. }
  667. body.fullScreenMode .lm_content,
  668. body.fullScreenMode .lm_header,
  669. body.fullScreenMode .lm_splitter {
  670. display: none;
  671. }
  672. body.fullScreenMode .lm_content.fullScreen {
  673. display: block;
  674. position: absolute;
  675. left: 0;
  676. top: 0;
  677. width: 100% !important;
  678. height: 100% !important;
  679. }