insp-conditional-formatting.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
  1. .wijmo-wijribbon-bigbutton {
  2. height: 70px;
  3. margin-top: -8px;
  4. }
  5. .wijmo-wijribbon-conditionalformat {
  6. background-position: -16px -352px;
  7. }
  8. .condition-format-button {
  9. width: 100%;
  10. }
  11. .popup {
  12. width: auto;
  13. }
  14. .popup .wijmo-wijribbon-dropdown {
  15. background: #fafafa;
  16. border: solid 1px #a7abb0;
  17. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  18. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  19. -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  20. padding: 3px 5px 3px 2px;
  21. }
  22. .popup .ui-icon {
  23. background-image: url(images/icons.png);
  24. }
  25. .popup .ui-icon-big {
  26. background-image: url(images/icons.png);
  27. position: absolute;
  28. top: .5em;
  29. margin-top: 0px;
  30. width: 32px;
  31. height: 32px;
  32. }
  33. .popup .ui-icon-small {
  34. background-image: url(images/icons.png);
  35. position: absolute;
  36. top: .5em;
  37. margin-top: 0;
  38. width: 16px;
  39. height: 16px;
  40. }
  41. .popup .ui-button
  42. {
  43. text-decoration: none;
  44. display: inline-block;
  45. position: relative;
  46. padding: 0;
  47. line-height: normal;
  48. cursor: pointer;
  49. vertical-align: middle;
  50. text-align: left;
  51. overflow: visible;
  52. background: none;
  53. border: none;
  54. color: #000;
  55. box-shadow: none;
  56. -webkit-box-shadow: none;
  57. width: 100%;
  58. margin: 0 0 1px 1px;
  59. }
  60. /*#condition-format-popup */
  61. .popup .ui-button .ui-state-hover {
  62. border: none;
  63. border-radius: 3px;
  64. -moz-border-radius: 3px;
  65. -webkit-border-radius: 3px;
  66. text-decoration: none;
  67. }
  68. .popup .ui-button .icon-button-container {
  69. padding: 6px;
  70. display: block;
  71. white-space: nowrap;
  72. }
  73. .popup .horizontal-3-big-icon-button-container {
  74. width: 144px;
  75. }
  76. .popup .horizontal-4-big-icon-button-container {
  77. width: 192px;
  78. }
  79. .popup .horizontal-2-small-iconset-button-container {
  80. width: 232px;
  81. }
  82. .popup .big-icon-only {
  83. width: 44px;
  84. height: 44px;
  85. }
  86. .popup .small-icon-set-only {
  87. width: 112px;
  88. height: 28px;
  89. }
  90. .popup .horizontal-icon-set-item {
  91. display: inline-block;
  92. }
  93. .popup .ui-button-text-big {
  94. padding: .4em 1em .4em 42px;
  95. display: block;
  96. line-height: 32px;
  97. white-space: nowrap;
  98. font-size: 11px;
  99. }
  100. .popup .ui-button-text-small {
  101. padding: .4em 1em .4em 2.1em;
  102. display: block;
  103. line-height: normal;
  104. white-space: nowrap;
  105. font-size: 11px;
  106. }
  107. .popup .menu-right-arrow {
  108. background-position: 0px -3904px;
  109. }
  110. .popup .menu-has-subitem {
  111. padding-right: 2em;
  112. }
  113. .popup .align-right-icon-container {
  114. direction: rtl;
  115. }
  116. .popup .submenu-title {
  117. font-weight: bold;
  118. background-color: #f0f2f5;
  119. padding-left: .5em;
  120. font-size: 11px;
  121. }
  122. .popup .wijmo-wijribbon-listseparator {
  123. height: 1px;
  124. border-top: 1px solid lightgray;
  125. margin: 0px 0px 0px 12px;
  126. }
  127. .popup .wijmo-ribbon-highlight-cells-rules {
  128. background-position: -16px -1824px;
  129. width: 32px;
  130. height: 32px;
  131. }
  132. .popup .wijmo-ribbon-top-bottom-rules {
  133. background-position: -16px -3328px;
  134. width: 32px;
  135. height: 32px;
  136. }
  137. .popup .wijmo-ribbon-data-bars {
  138. background-position: -16px -480px;
  139. width: 32px;
  140. height: 32px;
  141. }
  142. .popup .wijmo-ribbon-color-scales {
  143. background-position: -16px -320px;
  144. width: 32px;
  145. height: 32px;
  146. }
  147. .popup .wijmo-ribbon-icon-sets {
  148. background-position: -16px -1888px;
  149. width: 32px;
  150. height: 32px;
  151. }
  152. .popup .wijmo-ribbon-new-rule {
  153. background-position: 0px -1920px;
  154. }
  155. .popup .wijmo-ribbon-clear-rules {
  156. background-position: 0px -672px;
  157. }
  158. .popup .wijmo-ribbon-manage-rules {
  159. background-position: 0px -1760px;
  160. }
  161. .popup .wijmo-ribbon-greater-than {
  162. background-position: -16px -1632px;
  163. width: 32px;
  164. height: 32px;
  165. }
  166. .popup .wijmo-ribbon-less-than {
  167. background-position: -16px -1984px;
  168. width: 32px;
  169. height: 32px;
  170. }
  171. .popup .wijmo-ribbon-between {
  172. background-position: -16px -96px;
  173. width: 32px;
  174. height: 32px;
  175. }
  176. .popup .wijmo-ribbon-equal-to {
  177. background-position: -16px -704px;
  178. width: 32px;
  179. height: 32px;
  180. }
  181. .popup .wijmo-ribbon-text-contains {
  182. background-position: -16px -3232px;
  183. width: 32px;
  184. height: 32px;
  185. }
  186. .popup .wijmo-ribbon-a-date-occurring {
  187. background-position: -16px -576px;
  188. width: 32px;
  189. height: 32px;
  190. }
  191. .popup .wijmo-ribbon-duplicate-values {
  192. background-position: -16px -672px;
  193. width: 32px;
  194. height: 32px;
  195. }
  196. .popup .wijmo-ribbon-top-10-items {
  197. background-position: -16px -3328px;
  198. width: 32px;
  199. height: 32px;
  200. }
  201. .popup .wijmo-ribbon-bottom-10-items {
  202. background-position: -16px -192px;
  203. width: 32px;
  204. height: 32px;
  205. }
  206. .popup .wijmo-ribbon-above-average {
  207. background-position: -16px 0px;
  208. width: 32px;
  209. height: 32px;
  210. }
  211. .popup .wijmo-ribbon-below-average {
  212. background-position: -16px -64px;
  213. width: 32px;
  214. height: 32px;
  215. }
  216. .popup .wijmo-ribbon-gradient-fill-blue-data-bar {
  217. background-position: -16px -1440px;
  218. width: 32px;
  219. height: 32px;
  220. }
  221. .popup .wijmo-ribbon-gradient-fill-green-data-bar {
  222. background-position: -16px -1472px;
  223. width: 32px;
  224. height: 32px;
  225. }
  226. .popup .wijmo-ribbon-gradient-fill-red-data-bar {
  227. background-position: -16px -1600px;
  228. width: 32px;
  229. height: 32px;
  230. }
  231. .popup .wijmo-ribbon-gradient-fill-orange-data-bar {
  232. background-position: -16px -1536px;
  233. width: 32px;
  234. height: 32px;
  235. }
  236. .popup .wijmo-ribbon-gradient-fill-lightblue-data-bar {
  237. background-position: -16px -1504px;
  238. width: 32px;
  239. height: 32px;
  240. }
  241. .popup .wijmo-ribbon-gradient-fill-purple-data-bar {
  242. background-position: -16px -1568px;
  243. width: 32px;
  244. height: 32px;
  245. }
  246. .popup .wijmo-ribbon-solid-fill-blue-data-bar {
  247. background-position: -16px -2688px;
  248. width: 32px;
  249. height: 32px;
  250. }
  251. .popup .wijmo-ribbon-solid-fill-green-data-bar {
  252. background-position: -16px -2720px;
  253. width: 32px;
  254. height: 32px;
  255. }
  256. .popup .wijmo-ribbon-solid-fill-red-data-bar {
  257. background-position: -16px -2848px;
  258. width: 32px;
  259. height: 32px;
  260. }
  261. .popup .wijmo-ribbon-solid-fill-orange-data-bar {
  262. background-position: -16px -2784px;
  263. width: 32px;
  264. height: 32px;
  265. }
  266. .popup .wijmo-ribbon-solid-fill-lightblue-data-bar {
  267. background-position: -16px -2752px;
  268. width: 32px;
  269. height: 32px;
  270. }
  271. .popup .wijmo-ribbon-solid-fill-purple-data-bar {
  272. background-position: -16px -2816px;
  273. width: 32px;
  274. height: 32px;
  275. }
  276. .popup .wijmo-ribbon-gyr-color-scale {
  277. background-position: -16px -1728px;
  278. width: 32px;
  279. height: 32px;
  280. }
  281. .popup .wijmo-ribbon-ryg-color-scale {
  282. background-position: -16px -2528px;
  283. width: 32px;
  284. height: 32px;
  285. }
  286. .popup .wijmo-ribbon-gwr-color-scale {
  287. background-position: -16px -1664px;
  288. width: 32px;
  289. height: 32px;
  290. }
  291. .popup .wijmo-ribbon-rwg-color-scale {
  292. background-position: -16px -2464px;
  293. width: 32px;
  294. height: 32px;
  295. }
  296. .popup .wijmo-ribbon-bwr-color-scale {
  297. background-position: -16px -128px;
  298. width: 32px;
  299. height: 32px;
  300. }
  301. .popup .wijmo-ribbon-rwb-color-scale {
  302. background-position: -16px -2432px;
  303. width: 32px;
  304. height: 32px;
  305. }
  306. .popup .wijmo-ribbon-wr-color-scale {
  307. background-position: -16px -3456px;
  308. width: 32px;
  309. height: 32px;
  310. }
  311. .popup .wijmo-ribbon-rw-color-scale {
  312. background-position: -16px -2496px;
  313. width: 32px;
  314. height: 32px;
  315. }
  316. .popup .wijmo-ribbon-gw-color-scale {
  317. background-position: -16px -1696px;
  318. width: 32px;
  319. height: 32px;
  320. }
  321. .popup .wijmo-ribbon-wg-color-scale {
  322. background-position: -16px -3424px;
  323. width: 32px;
  324. height: 32px;
  325. }
  326. .popup .wijmo-ribbon-gy-color-scale {
  327. background-position: -16px -1760px;
  328. width: 32px;
  329. height: 32px;
  330. }
  331. .popup .wijmo-ribbon-yg-color-scale {
  332. background-position: -16px -3520px;
  333. width: 32px;
  334. height: 32px;
  335. }
  336. .popup .wijmo-ribbon-up-arrow-green {
  337. background-position: 0px -240px;
  338. }
  339. .popup .wijmo-ribbon-right-arrow-yellow {
  340. background-position: 0px -352px;
  341. }
  342. .popup .wijmo-ribbon-down-arrow-red {
  343. background-position: 0px -320px;
  344. }
  345. .popup .wijmo-ribbon-up-arrow-gray {
  346. background-position: 0px -304px;
  347. }
  348. .popup .wijmo-ribbon-right-arrow-gray {
  349. background-position: 0px -288px;
  350. }
  351. .popup .wijmo-ribbon-down-arrow-gray {
  352. background-position: 0px -272px;
  353. }
  354. .popup .wijmo-ribbon-up-triangle-green {
  355. background-position: 0px -3280px;
  356. }
  357. .popup .wijmo-ribbon-minus-yellow {
  358. background-position: 0px -3312px;
  359. }
  360. .popup .wijmo-ribbon-down-triangle-red {
  361. background-position: 0px -3296px;
  362. }
  363. .popup .wijmo-ribbon-right-up-arrow-gray {
  364. background-position: 0px -192px;
  365. }
  366. .popup .wijmo-ribbon-right-down-arrow-gray {
  367. background-position: 0px -176px;
  368. }
  369. .popup .wijmo-ribbon-right-up-arrow-yellow {
  370. background-position: 0px -224px;
  371. }
  372. .popup .wijmo-ribbon-right-down-arrow-yellow {
  373. background-position: 0px -208px;
  374. }
  375. .popup .wijmo-ribbon-traffic-light-green {
  376. background-position: 0px -1392px;
  377. }
  378. .popup .wijmo-ribbon-traffic-light-yellow {
  379. background-position: 0px -3472px;
  380. }
  381. .popup .wijmo-ribbon-traffic-light-red {
  382. background-position: 0px -2368px;
  383. }
  384. .popup .wijmo-ribbon-traffic-light-rimmed-green {
  385. background-position: 0px -1424px;
  386. }
  387. .popup .wijmo-ribbon-traffic-light-rimmed-yellow {
  388. background-position: 0px -3536px;
  389. }
  390. .popup .wijmo-ribbon-traffic-light-rimmed-red {
  391. background-position: 0px -2480px;
  392. }
  393. .popup .wijmo-ribbon-up-triangle-yellow {
  394. background-position: 0px -3552px;
  395. }
  396. .popup .wijmo-ribbon-down-rhombus-red {
  397. background-position: 0px -2416px;
  398. }
  399. .popup .wijmo-ribbon-traffic-light-black {
  400. background-position: 0px -368px;
  401. }
  402. .popup .wijmo-ribbon-ball-red {
  403. background-position: 0px -2432px;
  404. }
  405. .popup .wijmo-ribbon-ball-pink {
  406. background-position: 0px -2080px;
  407. }
  408. .popup .wijmo-ribbon-ball-gray {
  409. background-position: 0px -1344px;
  410. }
  411. .popup .wijmo-ribbon-ball-black {
  412. background-position: 0px -384px;
  413. }
  414. .popup .wijmo-ribbon-check-circled-green {
  415. background-position: 0px -1376px;
  416. }
  417. .popup .wijmo-ribbon-notice-circled-yellow {
  418. background-position: 0px -3504px;
  419. }
  420. .popup .wijmo-ribbon-close-circled-red {
  421. background-position: 0px -2400px;
  422. }
  423. .popup .wijmo-ribbon-check-uncircled-green {
  424. background-position: 0px -1360px;
  425. }
  426. .popup .wijmo-ribbon-notice-uncircled-yellow {
  427. background-position: 0px -3488px;
  428. }
  429. .popup .wijmo-ribbon-close-uncircled-red {
  430. background-position: 0px -2384px;
  431. }
  432. .popup .wijmo-ribbon-flag-green {
  433. background-position: 0px -1408px;
  434. }
  435. .popup .wijmo-ribbon-flag-yellow {
  436. background-position: 0px -3520px;
  437. }
  438. .popup .wijmo-ribbon-flag-red {
  439. background-position: 0px -2448px;
  440. }
  441. .popup .wijmo-ribbon-star-solid {
  442. background-position: 0px -3072px;
  443. }
  444. .popup .wijmo-ribbon-star-half {
  445. background-position: 0px -3056px;
  446. }
  447. .popup .wijmo-ribbon-star-hollow {
  448. background-position: 0px -3040px;
  449. }
  450. .popup .wijmo-ribbon-rating-4 {
  451. background-position: 0px -2336px;
  452. }
  453. .popup .wijmo-ribbon-rating-3 {
  454. background-position: 0px -2320px;
  455. }
  456. .popup .wijmo-ribbon-rating-2 {
  457. background-position: 0px -2304px;
  458. }
  459. .popup .wijmo-ribbon-rating-1 {
  460. background-position: 0px -2288px;
  461. }
  462. .popup .wijmo-ribbon-rating-0 {
  463. background-position: 0px -2272px;
  464. }
  465. .popup .wijmo-ribbon-quarters-4 {
  466. background-position: 0px -2256px;
  467. }
  468. .popup .wijmo-ribbon-quarters-3 {
  469. background-position: 0px -2240px;
  470. }
  471. .popup .wijmo-ribbon-quarters-2 {
  472. background-position: 0px -2224px;
  473. }
  474. .popup .wijmo-ribbon-quarters-1 {
  475. background-position: 0px -2208px;
  476. }
  477. .popup .wijmo-ribbon-quarters-0 {
  478. background-position: 0px -2192px;
  479. }
  480. .popup .wijmo-ribbon-box-4 {
  481. background-position: 0px -528px;
  482. }
  483. .popup .wijmo-ribbon-box-3 {
  484. background-position: 0px -512px;
  485. }
  486. .popup .wijmo-ribbon-box-2 {
  487. background-position: 0px -496px;
  488. }
  489. .popup .wijmo-ribbon-box-1 {
  490. background-position: 0px -480px;
  491. }
  492. .popup .wijmo-ribbon-box-0 {
  493. background-position: 0px -464px;
  494. }
  495. .popup input,
  496. .popup select,
  497. .popup button {
  498. outline-style: none;
  499. }
  500. .button-celltype {
  501. background-position: 0px -3680px;
  502. }
  503. .hyperlink-celltype {
  504. background-position: 0px -3696px;
  505. }
  506. .combobox-celltype {
  507. background-position: 0px -3712px;
  508. }
  509. .checkbox-celltype {
  510. background-position: 0px -3728px;
  511. }
  512. .clear-celltype {
  513. background-position: 0px -864px;
  514. }