kendo.default.min.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729
  1. /*
  2. * Kendo UI Web v2013.1.319 (http://kendoui.com)
  3. * Copyright 2013 Telerik AD. All rights reserved.
  4. *
  5. * Kendo UI Web commercial licenses may be obtained at
  6. * https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
  7. * If you do not own a commercial license, this file shall be governed by the
  8. * GNU General Public License (GPL) version 3.
  9. * For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html
  10. */
  11. .k-in,
  12. .k-item,
  13. .k-window-action {
  14. border-color: transparent
  15. }
  16. .k-block,
  17. .k-widget {
  18. background-color: #fff
  19. }
  20. .k-block,
  21. .k-widget,
  22. .k-input,
  23. .k-textbox,
  24. .k-group,
  25. .k-content,
  26. .k-header,
  27. .k-editable-area,
  28. .k-separator,
  29. .k-colorpicker .k-i-arrow-s,
  30. .k-textbox>input,
  31. .k-autocomplete,
  32. .k-dropdown-wrap,
  33. .k-toolbar,
  34. .k-group-footer td,
  35. .k-grid-footer,
  36. .k-footer-template td,
  37. .k-state-default,
  38. .k-state-default .k-select,
  39. .k-state-disabled,
  40. .k-grid-header-wrap,
  41. .k-grid-header,
  42. .k-grid td,
  43. .k-grid td.k-state-selected,
  44. .k-grid-footer-wrap,
  45. .k-pager-wrap,
  46. .k-pager-wrap .k-link,
  47. .k-pager-refresh,
  48. .k-grouping-header,
  49. .k-grouping-header .k-group-indicator,
  50. .k-panelbar>.k-item>.k-link,
  51. .k-panel>.k-item>.k-link,
  52. .k-panelbar .k-panel,
  53. .k-panelbar .k-content,
  54. .k-calendar th,
  55. .k-slider-track,
  56. .k-splitbar,
  57. .k-dropzone-active,
  58. .k-upload-files,
  59. .k-tiles,
  60. .k-toolbar,
  61. .k-tooltip,
  62. .k-progress {
  63. border-color: #c5c5c5
  64. }
  65. .k-group,
  66. .k-toolbar,
  67. .k-grouping-header,
  68. .k-pager-wrap,
  69. .k-group-footer td,
  70. .k-grid-footer,
  71. .k-footer-template td,
  72. .k-widget .k-status,
  73. .k-grouping-row td,
  74. td.k-group-cell,
  75. .k-calendar th,
  76. .k-dropzone-hovered,
  77. .k-upload-files,
  78. .k-widget.k-popup {
  79. background-color: #ebebeb
  80. }
  81. .k-list-container {
  82. border-color: #c5c5c5;
  83. background-color: #e9e9e9
  84. }
  85. .k-content,
  86. .k-editable-area,
  87. .k-panelbar>li.k-item,
  88. .k-panel>li.k-item,
  89. .k-tiles {
  90. background-color: #fff
  91. }
  92. .k-alt,
  93. .k-separator {
  94. background-color: #f5f5f5
  95. }
  96. .k-textbox,
  97. .k-autocomplete.k-header,
  98. .k-dropdown-wrap.k-state-active,
  99. .k-picker-wrap.k-state-active,
  100. .k-numeric-wrap.k-state-active {
  101. border-color: #c5c5c5;
  102. background-color: #e9e9e9
  103. }
  104. .k-textbox>input,
  105. .k-autocomplete .k-input,
  106. .k-dropdown-wrap .k-input,
  107. .k-autocomplete.k-state-focused .k-input,
  108. .k-dropdown-wrap.k-state-focused .k-input,
  109. .k-picker-wrap.k-state-focused .k-input,
  110. .k-numeric-wrap.k-state-focused .k-input {
  111. border-color: #c5c5c5
  112. }
  113. input.k-textbox,
  114. textarea.k-textbox,
  115. input.k-textbox:hover,
  116. textarea.k-textbox:hover,
  117. .k-textbox>input {
  118. background: 0
  119. }
  120. .k-input,
  121. input.k-textbox,
  122. textarea.k-textbox,
  123. input.k-textbox:hover,
  124. textarea.k-textbox:hover,
  125. .k-textbox>input {
  126. background-color: #fff;
  127. color: #2e2e2e
  128. }
  129. .k-input[readonly] {
  130. background-color: #fff;
  131. color: #2e2e2e
  132. }
  133. .k-block,
  134. .k-widget,
  135. .k-popup,
  136. .k-content,
  137. .k-dropdown .k-input {
  138. color: #2e2e2e
  139. }
  140. .k-link:link,
  141. .k-link:visited {
  142. color: #2e2e2e
  143. }
  144. .k-tabstrip-items .k-link,
  145. .k-panelbar>li>.k-link {
  146. color: #2e2e2e
  147. }
  148. .k-header {
  149. color: #2e2e2e
  150. }
  151. /*.k-header,
  152. .k-grid-header,
  153. .k-toolbar,
  154. .k-dropdown-wrap,
  155. .k-picker-wrap,
  156. .k-grouping-header,
  157. .k-pager-wrap,
  158. .k-textbox,
  159. .k-button,
  160. .k-draghandle,
  161. .k-autocomplete,
  162. .k-state-highlight,
  163. .k-tabstrip-items .k-item {
  164. background-image: url('textures/highlight.png');
  165. background-image: none, -webkit-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
  166. background-image: none, -moz-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
  167. background-image: none, -o-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
  168. background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
  169. background-position: 50% 50%
  170. }*/
  171. .k-tabstrip-items .k-state-active {
  172. background: #fff
  173. }
  174. .k-widget.k-tooltip {
  175. background-image: url('textures/highlight.png')
  176. }
  177. .k-block,
  178. .k-header,
  179. .k-grid-header,
  180. .k-toolbar,
  181. .k-grouping-header,
  182. .k-pager-wrap,
  183. .k-button,
  184. .k-draghandle {
  185. background-color: #e3e3e3
  186. }
  187. .k-icon:hover,
  188. .k-state-hover .k-icon,
  189. .k-state-selected .k-icon,
  190. .k-state-focused .k-icon,
  191. .k-column-menu .k-state-hover .k-sprite,
  192. .k-column-menu .k-state-active .k-sprite {
  193. opacity: 1
  194. }
  195. .k-icon,
  196. .k-state-disabled .k-icon,
  197. .k-column-menu .k-sprite {
  198. opacity: .8
  199. }
  200. .k-icon,
  201. .k-tool-icon,
  202. .k-grouping-dropclue,
  203. .k-drop-hint,
  204. .k-column-menu .k-sprite {
  205. background-image: url('Default/sprite.png');
  206. border-color: transparent
  207. }
  208. .k-loading,
  209. .k-state-hover .k-loading {
  210. background-image: url('Default/loading.gif');
  211. background-position: 50% 50%
  212. }
  213. .k-loading-image {
  214. background-image: url('Default/loading-image.gif')
  215. }
  216. .k-loading-color {
  217. background-color: #fff
  218. }
  219. .k-button {
  220. color: #2e2e2e
  221. }
  222. .k-button,
  223. .k-button.k-state-disabled:hover,
  224. .k-state-disabled .k-button:hover,
  225. .k-button.k-state-disabled:active,
  226. .k-state-disabled .k-button:active {
  227. border-color: #c5c5c5;
  228. background-color: #e3e3e3
  229. }
  230. .k-button:hover {
  231. color: #2e2e2e;
  232. border-color: #a99f9a;
  233. background-color: #a99f9a
  234. }
  235. .k-draghandle {
  236. border-color: #c5c5c5;
  237. background-color: #fff;
  238. -webkit-box-shadow: none;
  239. box-shadow: none
  240. }
  241. .k-draghandle:hover {
  242. border-color: #a99f9a;
  243. background-color: #a99f9a;
  244. -webkit-box-shadow: none;
  245. box-shadow: none
  246. }
  247. .k-state-active,
  248. .k-state-active:hover,
  249. .k-active-filter {
  250. background-color: #fff;
  251. border-color: #f0713a;
  252. color: #2e2e2e
  253. }
  254. .k-menu .k-state-hover>.k-state-active {
  255. background-color: transparent
  256. }
  257. .k-state-highlight {
  258. background: #fff;
  259. color: #2e2e2e
  260. }
  261. .k-state-focused,
  262. .k-grouping-row .k-state-focused {
  263. border-color: #a99f9a
  264. }
  265. .k-state-selected,
  266. .k-state-selected:link,
  267. .k-list>.k-state-selected,
  268. .k-list>.k-state-highlight,
  269. .k-panel>.k-state-selected,
  270. .k-button:active,
  271. .k-ghost-splitbar-vertical,
  272. .k-ghost-splitbar-horizontal,
  273. .k-draghandle.k-state-selected:hover {
  274. color: #fff;
  275. background-color: #f0713a;
  276. border-color: #f0713a
  277. }
  278. .k-state-focused,
  279. .k-list>.k-state-focused,
  280. .k-listview>.k-state-focused,
  281. .k-grid-header th.k-state-focused,
  282. td.k-state-focused,
  283. .k-button:focus,
  284. .k-button.k-state-focused {
  285. -webkit-box-shadow: inset 0 0 3px 1px #a99f9a;
  286. box-shadow: inset 0 0 3px 1px #a99f9a
  287. }
  288. .k-list>.k-state-selected.k-state-focused {
  289. -webkit-box-shadow: none;
  290. box-shadow: none
  291. }
  292. .k-state-selected>.k-link,
  293. .k-panelbar>li>.k-state-selected {
  294. color: #fff
  295. }
  296. .k-state-selected,
  297. .k-button:active,
  298. .k-draghandle.k-state-selected:hover {
  299. background-image: url('textures/highlight.png');
  300. background-image: none, -webkit-linear-gradient(top, #fe761b 0, #e15613 100%);
  301. background-image: none, -moz-linear-gradient(top, #fe761b 0, #e15613 100%);
  302. background-image: none, -o-linear-gradient(top, #fe761b 0, #e15613 100%);
  303. background-image: none, linear-gradient(to bottom, #fe761b 0, #e15613 100%);
  304. background-position: 50% 50%
  305. }
  306. .k-state-hover,
  307. .k-state-hover:hover,
  308. .k-splitbar-horizontal-hover:hover,
  309. .k-splitbar-vertical-hover:hover,
  310. .k-list>.k-state-hover,
  311. .k-marquee,
  312. .k-pager-wrap .k-link:hover,
  313. .k-dropdown .k-state-focused,
  314. .k-imagebrowser-dropzone {
  315. color: #2e2e2e;
  316. background-color: #a99f9a;
  317. border-color: #a99f9a
  318. }
  319. .k-state-hover>.k-select,
  320. .k-state-focused>.k-select {
  321. border-color: #a99f9a
  322. }
  323. .k-button:hover,
  324. .k-button:focus,
  325. .k-button.k-state-focused,
  326. .k-textbox:hover,
  327. .k-state-hover,
  328. .k-state-hover:hover,
  329. .k-pager-wrap .k-link:hover,
  330. .k-other-month.k-state-hover .k-link,
  331. div.k-imagebrowser-dropzone em,
  332. .k-draghandle:hover {
  333. background-image: url('textures/highlight.png');
  334. background-image: none, -webkit-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  335. background-image: none, -moz-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  336. background-image: none, -o-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  337. background-image: none, linear-gradient(to bottom, #cbc5c2 0, #a99f9a 100%)
  338. }
  339. .k-autocomplete.k-state-active,
  340. .k-picker-wrap.k-state-active,
  341. .k-numeric-wrap.k-state-active,
  342. .k-dropdown-wrap.k-state-active,
  343. .k-state-active,
  344. .k-state-active:hover,
  345. .k-state-active>.k-link,
  346. .k-button:active,
  347. .k-panelbar>.k-item>.k-state-focused {
  348. background-image: none
  349. }
  350. .k-tool-icon,
  351. .k-tool-icon.k-state-hover,
  352. .k-tool-icon.k-state-active,
  353. .k-tool-icon.k-state-active.k-state-hover {
  354. background-image: url('Default/sprite.png')
  355. }
  356. .k-state-hover>.k-link,
  357. .k-other-month.k-state-hover .k-link,
  358. div.k-imagebrowser-dropzone em {
  359. color: #2e2e2e
  360. }
  361. .k-autocomplete.k-state-hover,
  362. .k-autocomplete.k-state-focused,
  363. .k-picker-wrap.k-state-hover,
  364. .k-picker-wrap.k-state-focused,
  365. .k-numeric-wrap.k-state-hover,
  366. .k-numeric-wrap.k-state-focused,
  367. .k-dropdown-wrap.k-state-hover,
  368. .k-dropdown-wrap.k-state-focused {
  369. background-color: #a99f9a;
  370. background-image: url('textures/highlight.png');
  371. background-image: none, -webkit-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  372. background-image: none, -moz-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  373. background-image: none, -o-linear-gradient(top, #cbc5c2 0, #a99f9a 100%);
  374. background-image: none, linear-gradient(to bottom, #cbc5c2 0, #a99f9a 100%);
  375. background-position: 50% 50%;
  376. border-color: #a99f9a
  377. }
  378. .k-calendar .k-state-selected.k-state-focused>.k-link {
  379. background-color: transparent
  380. }
  381. .k-dropdown .k-state-focused .k-input {
  382. color: #2e2e2e
  383. }
  384. .k-dropdown .k-state-hover .k-input {
  385. color: #2e2e2e
  386. }
  387. .k-state-error {
  388. border-color: #e20000;
  389. background-color: #ff5252;
  390. color: #fff
  391. }
  392. .k-state-disabled {
  393. filter: alpha(opacity=70);
  394. opacity: .7
  395. }
  396. .k-tile-empty.k-state-selected,
  397. .k-loading-mask.k-state-selected {
  398. border-width: 0;
  399. background-image: none;
  400. background-color: transparent
  401. }
  402. .k-state-disabled,
  403. .k-state-disabled .k-link,
  404. .k-state-disabled .k-button,
  405. .k-button.k-state-disabled:active,
  406. .k-other-month .k-link,
  407. .k-dropzone em,
  408. .k-tile-empty strong,
  409. .k-slider .k-draghandle {
  410. color: #9f9e9e
  411. }
  412. .k-slider-track {
  413. background-color: #c5c5c5
  414. }
  415. .k-slider-selection {
  416. background-color: #f0713a
  417. }
  418. .k-slider-horizontal .k-tick {
  419. background-image: url('Default/slider-h.gif')
  420. }
  421. .k-slider-vertical .k-tick {
  422. background-image: url('Default/slider-v.gif')
  423. }
  424. .k-widget.k-tooltip {
  425. border-color: #c5c5c5;
  426. background-color: #c6c6c6;
  427. color: #282828
  428. }
  429. .k-widget.k-tooltip-validation {
  430. border-color: #ffe79e;
  431. background-color: #fff4c9;
  432. color: #635145
  433. }
  434. .input-prepend .k-tooltip-validation,
  435. .input-append .k-tooltip-validation {
  436. font-size: 12px;
  437. position: relative;
  438. top: 3px
  439. }
  440. .k-callout-n {
  441. border-bottom-color: #c5c5c5
  442. }
  443. .k-callout-w {
  444. border-right-color: #c5c5c5
  445. }
  446. .k-callout-s {
  447. border-top-color: #c5c5c5
  448. }
  449. .k-callout-e {
  450. border-left-color: #c5c5c5
  451. }
  452. .k-splitbar {
  453. background-color: #e3e3e3
  454. }
  455. .k-restricted-size-vertical,
  456. .k-restricted-size-horizontal {
  457. background-color: #fff
  458. }
  459. .k-progress-status {
  460. border-color: #a99f9a transparent
  461. }
  462. .k-tile {
  463. border-color: #fff
  464. }
  465. .k-textbox:hover,
  466. .k-tiles li.k-state-hover {
  467. border-color: #a99f9a
  468. }
  469. .k-tiles li.k-state-selected {
  470. border-color: #f0713a
  471. }
  472. .k-tile .k-folder,
  473. .k-tile .k-file {
  474. background-image: url('Default/imagebrowser.png')
  475. }
  476. .k-widget,
  477. .k-button {
  478. -webkit-box-shadow: none;
  479. box-shadow: none
  480. }
  481. .k-slider,
  482. .k-treeview,
  483. .k-upload {
  484. -webkit-box-shadow: none;
  485. box-shadow: none
  486. }
  487. .k-state-hover {
  488. -webkit-box-shadow: none;
  489. box-shadow: none
  490. }
  491. .k-autocomplete.k-state-focused,
  492. .k-dropdown-wrap.k-state-focused,
  493. .k-picker-wrap.k-state-focused,
  494. .k-numeric-wrap.k-state-focused {
  495. -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  496. box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3)
  497. }
  498. .k-state-selected {
  499. -webkit-box-shadow: none;
  500. box-shadow: none
  501. }
  502. .k-state-active {
  503. -webkit-box-shadow: none;
  504. box-shadow: none
  505. }
  506. .k-grid td.k-state-selected.k-state-focused {
  507. background-color: #f17b48
  508. }
  509. .k-popup,
  510. .k-menu .k-group,
  511. .k-grid .k-filter-options,
  512. .k-time-popup,
  513. .k-datepicker-calendar,
  514. .k-autocomplete.k-state-border-down,
  515. .k-autocomplete.k-state-border-up,
  516. .k-dropdown-wrap.k-state-active,
  517. .k-picker-wrap.k-state-active,
  518. .k-multiselect.k-state-focused,
  519. .k-imagebrowser .k-image,
  520. .k-tooltip {
  521. -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  522. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3)
  523. }
  524. .k-window {
  525. border-color: rgba(0, 0, 0, 0.3);
  526. -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  527. box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  528. background-color: #fff
  529. }
  530. .k-window.k-state-focused {
  531. border-color: rgba(0, 0, 0, 0.3);
  532. -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
  533. box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3)
  534. }
  535. .k-shadow {
  536. -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  537. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
  538. }
  539. .k-inset {
  540. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  541. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3)
  542. }
  543. .k-block,
  544. .k-button,
  545. .k-textbox,
  546. .k-drag-clue,
  547. .k-touch-scrollbar,
  548. .k-window,
  549. .k-window-titleless .k-window-content,
  550. .k-window-action,
  551. .k-inline-block,
  552. .k-grid .k-filter-options,
  553. .k-grouping-header .k-group-indicator,
  554. .k-autocomplete,
  555. .k-multiselect,
  556. .k-dropdown-wrap,
  557. .k-datepicker,
  558. .k-timepicker,
  559. .k-colorpicker,
  560. .k-datetimepicker,
  561. .k-numerictextbox,
  562. .k-picker-wrap,
  563. .k-numeric-wrap,
  564. .k-colorpicker.k-list-container,
  565. .k-calendar-container,
  566. .k-calendar td,
  567. .k-calendar .k-link,
  568. .k-treeview .k-in,
  569. .k-editor-button .k-state-hover,
  570. .k-editor-button .k-state-active,
  571. .k-tooltip,
  572. .k-tile,
  573. .k-slider-track,
  574. .k-slider-selection {
  575. -moz-border-radius: 4px;
  576. -webkit-border-radius: 4px;
  577. border-radius: 4px
  578. }
  579. .k-calendar-container.k-state-border-up,
  580. .k-list-container.k-state-border-up,
  581. .k-autocomplete.k-state-border-up,
  582. .k-multiselect.k-state-border-up,
  583. .k-dropdown-wrap.k-state-border-up,
  584. .k-picker-wrap.k-state-border-up,
  585. .k-numeric-wrap.k-state-border-up,
  586. .k-window-content,
  587. .k-filter-menu {
  588. -moz-border-radius: 0 0 4px 4px;
  589. -webkit-border-radius: 0 0 4px 4px;
  590. border-radius: 0 0 4px 4px
  591. }
  592. .k-autocomplete.k-state-border-up .k-input,
  593. .k-dropdown-wrap.k-state-border-up .k-input,
  594. .k-picker-wrap.k-state-border-up .k-input,
  595. .k-picker-wrap.k-state-border-up .k-selected-color,
  596. .k-numeric-wrap.k-state-border-up .k-input {
  597. -moz-border-radius: 0 0 0 2px;
  598. -webkit-border-radius: 0 0 0 2px;
  599. border-radius: 0 0 0 2px
  600. }
  601. .k-multiselect.k-state-border-up .k-multiselect-wrap {
  602. -moz-border-radius: 0 0 2px 2px;
  603. -webkit-border-radius: 0 0 2px 2px;
  604. border-radius: 0 0 2px 2px
  605. }
  606. .k-window-titlebar,
  607. .k-block>.k-header,
  608. .k-tabstrip-items .k-item,
  609. .k-panelbar .k-tabstrip-items .k-item,
  610. .k-tabstrip-items .k-link,
  611. .k-calendar-container.k-state-border-down,
  612. .k-list-container.k-state-border-down,
  613. .k-autocomplete.k-state-border-down,
  614. .k-multiselect.k-state-border-down,
  615. .k-dropdown-wrap.k-state-border-down,
  616. .k-picker-wrap.k-state-border-down,
  617. .k-numeric-wrap.k-state-border-down {
  618. -moz-border-radius: 4px 4px 0 0;
  619. -webkit-border-radius: 4px 4px 0 0;
  620. border-radius: 4px 4px 0 0
  621. }
  622. .k-dropdown-wrap .k-input,
  623. .k-picker-wrap .k-input,
  624. .k-numeric-wrap .k-input {
  625. -moz-border-radius: 2px 0 0 2px;
  626. -webkit-border-radius: 2px 0 0 2px;
  627. border-radius: 2px 0 0 2px
  628. }
  629. .k-numeric-wrap .k-link {
  630. -moz-border-radius: 0 2px 0 0;
  631. -webkit-border-radius: 0 2px 0 0;
  632. border-radius: 0 2px 0 0
  633. }
  634. .k-numeric-wrap .k-link+.k-link {
  635. -moz-border-radius: 0 0 2px 0;
  636. -webkit-border-radius: 0 0 2px 0;
  637. border-radius: 0 0 2px 0
  638. }
  639. .k-colorpicker .k-selected-color {
  640. -moz-border-radius: 2px 0 0 2px;
  641. -webkit-border-radius: 2px 0 0 2px;
  642. border-radius: 2px 0 0 2px
  643. }
  644. .k-rtl .k-colorpicker .k-selected-color {
  645. -moz-border-radius: 0 2px 2px 0;
  646. -webkit-border-radius: 0 2px 2px 0;
  647. border-radius: 0 2px 2px 0
  648. }
  649. .k-autocomplete.k-state-border-down .k-input,
  650. .k-dropdown-wrap.k-state-border-down .k-input,
  651. .k-picker-wrap.k-state-border-down .k-input,
  652. .k-picker-wrap.k-state-border-down .k-selected-color,
  653. .k-numeric-wrap.k-state-border-down .k-input {
  654. -moz-border-radius: 2px 0 0 0;
  655. -webkit-border-radius: 2px 0 0 0;
  656. border-radius: 2px 0 0 0
  657. }
  658. .k-multiselect.k-state-border-down .k-multiselect-wrap {
  659. -moz-border-radius: 2px 2px 0 0;
  660. -webkit-border-radius: 2px 2px 0 0;
  661. border-radius: 2px 2px 0 0
  662. }
  663. .k-dropdown-wrap .k-select,
  664. .k-picker-wrap .k-select,
  665. .k-numeric-wrap .k-select,
  666. .k-datetimepicker .k-select+.k-select,
  667. .k-animation-container .k-calendar-container,
  668. .k-list-container.k-state-border-right {
  669. -moz-border-radius: 0 4px 4px 0;
  670. -webkit-border-radius: 0 4px 4px 0;
  671. border-radius: 0 4px 4px 0
  672. }
  673. .k-rtl .k-dropdown-wrap .k-select,
  674. .k-rtl .k-picker-wrap .k-select,
  675. .k-rtl .k-numeric-wrap .k-select,
  676. .k-rtl .k-datetimepicker .k-select+.k-select,
  677. .k-rtl .k-animation-container .k-calendar-container,
  678. .k-rtl .k-list-container.k-state-border-right {
  679. -moz-border-radius: 4px 0 0 4px;
  680. -webkit-border-radius: 4px 0 0 4px;
  681. border-radius: 4px 0 0 4px
  682. }
  683. .k-textbox>input,
  684. .k-autocomplete .k-input,
  685. .k-progress,
  686. .k-progress-status,
  687. .k-numeric-wrap.k-expand-padding .k-input,
  688. .k-multiselect-wrap {
  689. -moz-border-radius: 2px;
  690. -webkit-border-radius: 2px;
  691. border-radius: 2px
  692. }
  693. .k-list .k-state-hover,
  694. .k-list .k-state-focused,
  695. .k-list .k-state-highlight,
  696. .k-list .k-state-selected,
  697. .k-dropzone,
  698. .k-upload-files {
  699. -moz-border-radius: 3px;
  700. -webkit-border-radius: 3px;
  701. border-radius: 3px
  702. }
  703. .k-slider .k-button,
  704. .k-grid .k-slider .k-button {
  705. -moz-border-radius: 13px;
  706. -webkit-border-radius: 13px;
  707. border-radius: 13px
  708. }
  709. .k-draghandle {
  710. -moz-border-radius: 7px;
  711. -webkit-border-radius: 7px;
  712. border-radius: 7px
  713. }
  714. @media only screen and (-webkit-min-device-pixel-ratio: 2),
  715. only screen and (min-device-pixel-ratio: 2) {
  716. .k-icon,
  717. .k-grouping-dropclue,
  718. .k-drop-hint,
  719. .k-callout,
  720. .k-column-menu .k-sprite,
  721. .k-tool-icon,
  722. .k-tool-icon.k-state-hover,
  723. .k-tool-icon.k-state-active,
  724. .k-tool-icon.k-state-active.k-state-hover {
  725. background-image: url('Default/sprite@2x.png');
  726. background-size: 192px 336px
  727. }
  728. }