oojs-ui-core-apex.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077
  1. /*!
  2. * OOjs UI v0.17.1
  3. * https://www.mediawiki.org/wiki/OOjs_UI
  4. *
  5. * Copyright 2011–2016 OOjs UI Team and other contributors.
  6. * Released under the MIT license
  7. * http://oojs.mit-license.org
  8. *
  9. * Date: 2016-05-03T22:58:06Z
  10. */
  11. .oo-ui-element-hidden {
  12. display: none !important;
  13. }
  14. .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  15. cursor: pointer;
  16. display: inline-block;
  17. vertical-align: middle;
  18. font: inherit;
  19. white-space: nowrap;
  20. -webkit-touch-callout: none;
  21. -webkit-user-select: none;
  22. -moz-user-select: none;
  23. -ms-user-select: none;
  24. user-select: none;
  25. }
  26. .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  27. .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  28. display: none;
  29. }
  30. .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  31. cursor: default;
  32. }
  33. .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  34. .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  35. .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  36. display: inline-block;
  37. vertical-align: middle;
  38. }
  39. .oo-ui-buttonElement-frameless {
  40. display: inline-block;
  41. position: relative;
  42. }
  43. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  44. vertical-align: top;
  45. text-align: center;
  46. }
  47. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
  48. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  49. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  50. cursor: default;
  51. }
  52. .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  53. color: #333333;
  54. }
  55. .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  56. margin-left: 0;
  57. }
  58. .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  59. margin: 0.46875em;
  60. }
  61. .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  62. margin-left: 0.46875em;
  63. }
  64. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
  65. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
  66. outline: none;
  67. }
  68. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  69. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
  70. opacity: 1;
  71. }
  72. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
  73. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
  74. color: #000000;
  75. }
  76. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  77. color: #333333;
  78. }
  79. .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  80. margin-left: 0.25em;
  81. }
  82. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
  83. padding-left: 0.25em;
  84. color: #333333;
  85. }
  86. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
  87. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
  88. color: #000000;
  89. }
  90. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  91. color: #087ecc;
  92. }
  93. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  94. color: #76ab36;
  95. }
  96. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  97. color: #d45353;
  98. }
  99. .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  100. opacity: 0.2;
  101. }
  102. .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  103. color: #cccccc;
  104. }
  105. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  106. padding: 0.2em 0.8em;
  107. border-radius: 0.3em;
  108. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  109. border: 1px #c9c9c9 solid;
  110. -webkit-transition: border-color 100ms ease;
  111. -moz-transition: border-color 100ms ease;
  112. transition: border-color 100ms ease;
  113. background-color: #eeeeee;
  114. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffffff), color-stop(100%, #dddddd));
  115. background-image: -webkit-linear-gradient(top, #ffffff 0, #dddddd 100%);
  116. background-image: -moz-linear-gradient(top, #ffffff 0, #dddddd 100%);
  117. background-image: linear-gradient(to bottom, #ffffff 0, #dddddd 100%);
  118. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
  119. }
  120. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
  121. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
  122. border-color: #aaaaaa;
  123. outline: none;
  124. }
  125. .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
  126. .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  127. line-height: 1.875em;
  128. }
  129. .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  130. .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  131. .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  132. box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  133. color: black;
  134. border-color: #c9c9c9;
  135. background-color: #eeeeee;
  136. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #dddddd), color-stop(100%, #ffffff));
  137. background-image: -webkit-linear-gradient(top, #dddddd 0, #ffffff 100%);
  138. background-image: -moz-linear-gradient(top, #dddddd 0, #ffffff 100%);
  139. background-image: linear-gradient(to bottom, #dddddd 0, #ffffff 100%);
  140. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
  141. }
  142. .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  143. margin-left: -0.5em;
  144. margin-right: -0.5em;
  145. }
  146. .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  147. margin-right: 0.3em;
  148. }
  149. .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  150. margin-left: -0.005em;
  151. margin-right: -0.005em;
  152. }
  153. .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  154. .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  155. margin-left: 0.46875em;
  156. margin-right: -0.275em;
  157. }
  158. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  159. border: 1px solid #a6cee1;
  160. background-color: #cde7f4;
  161. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
  162. background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  163. background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  164. background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
  165. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
  166. }
  167. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
  168. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
  169. border-color: #9dc2d4;
  170. }
  171. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  172. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  173. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  174. border: 1px solid #a6cee1;
  175. background-color: #cde7f4;
  176. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
  177. background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
  178. background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
  179. background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
  180. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
  181. }
  182. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
  183. border: 1px solid #b8d892;
  184. background-color: #daf0bd;
  185. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f0fbe1), color-stop(100%, #c3e59a));
  186. background-image: -webkit-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
  187. background-image: -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
  188. background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%);
  189. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )";
  190. }
  191. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
  192. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
  193. border-color: #adcb89;
  194. }
  195. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  196. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  197. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  198. border: 1px solid #b8d892;
  199. background-color: #daf0bd;
  200. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #c3e59a), color-stop(100%, #f0fbe1));
  201. background-image: -webkit-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
  202. background-image: -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
  203. background-image: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%);
  204. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3e59a', endColorstr='#fff0fbe1' )";
  205. }
  206. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  207. color: #d45353;
  208. }
  209. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
  210. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  211. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  212. opacity: 0.5;
  213. -webkit-transform: translate3d(0, 0, 0);
  214. box-shadow: none;
  215. color: #333333;
  216. background: #eeeeee;
  217. border-color: #cccccc;
  218. }
  219. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
  220. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
  221. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
  222. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
  223. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
  224. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
  225. border-color: #cccccc;
  226. box-shadow: none;
  227. }
  228. .oo-ui-clippableElement-clippable {
  229. -webkit-box-sizing: border-box;
  230. -moz-box-sizing: border-box;
  231. box-sizing: border-box;
  232. }
  233. .oo-ui-floatableElement-hidden {
  234. display: none;
  235. }
  236. .oo-ui-iconElement .oo-ui-iconElement-icon,
  237. .oo-ui-iconElement.oo-ui-iconElement-icon {
  238. background-size: contain;
  239. background-position: center center;
  240. background-repeat: no-repeat;
  241. min-width: 24px;
  242. width: 1.875em;
  243. min-height: 24px;
  244. height: 1.875em;
  245. }
  246. .oo-ui-iconElement .oo-ui-iconElement-icon,
  247. .oo-ui-iconElement.oo-ui-iconElement-icon {
  248. opacity: 0.8;
  249. }
  250. .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
  251. .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
  252. background-size: contain;
  253. background-position: center center;
  254. background-repeat: no-repeat;
  255. min-width: 12px;
  256. width: 0.9375em;
  257. min-height: 12px;
  258. height: 0.9375em;
  259. }
  260. .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
  261. .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
  262. opacity: 0.8;
  263. }
  264. .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
  265. font-weight: bold;
  266. }
  267. .oo-ui-pendingElement-pending {
  268. background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
  269. }
  270. .oo-ui-fieldLayout {
  271. display: block;
  272. margin-bottom: 1em;
  273. }
  274. .oo-ui-fieldLayout:before,
  275. .oo-ui-fieldLayout:after {
  276. content: " ";
  277. display: table;
  278. }
  279. .oo-ui-fieldLayout:after {
  280. clear: both;
  281. }
  282. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
  283. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
  284. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
  285. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  286. display: block;
  287. float: left;
  288. }
  289. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  290. text-align: right;
  291. }
  292. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
  293. display: table;
  294. }
  295. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
  296. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  297. display: table-cell;
  298. vertical-align: middle;
  299. }
  300. .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  301. display: inline-block;
  302. }
  303. .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
  304. float: right;
  305. }
  306. .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
  307. z-index: 1;
  308. }
  309. .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
  310. padding: 0.5em 0.75em;
  311. line-height: 1.5em;
  312. }
  313. .oo-ui-fieldLayout:last-child {
  314. margin-bottom: 0;
  315. }
  316. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
  317. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  318. padding-top: 0.5em;
  319. margin-right: 5%;
  320. width: 35%;
  321. }
  322. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
  323. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  324. width: 60%;
  325. }
  326. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  327. margin-bottom: 1.25em;
  328. }
  329. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  330. padding: 0.25em 0.25em 0.25em 0.5em;
  331. }
  332. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  333. padding: 0.5em 0;
  334. }
  335. .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
  336. margin-right: 0;
  337. margin-top: 0.25em;
  338. }
  339. .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
  340. margin-right: 0;
  341. }
  342. .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
  343. color: #cccccc;
  344. }
  345. .oo-ui-fieldLayout-messages {
  346. list-style: none none;
  347. margin: 0;
  348. padding: 0;
  349. margin-top: 0.25em;
  350. margin-left: 0.25em;
  351. }
  352. .oo-ui-fieldLayout-messages > li {
  353. margin: 0;
  354. padding: 0;
  355. }
  356. .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
  357. display: none;
  358. }
  359. .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
  360. color: #d45353;
  361. }
  362. .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
  363. padding: 0;
  364. line-height: 1.875em;
  365. vertical-align: middle;
  366. }
  367. .oo-ui-actionFieldLayout {
  368. max-width: 50em;
  369. }
  370. .oo-ui-actionFieldLayout-input,
  371. .oo-ui-actionFieldLayout-button {
  372. display: table-cell;
  373. vertical-align: middle;
  374. }
  375. .oo-ui-actionFieldLayout-input {
  376. padding-right: 1em;
  377. }
  378. .oo-ui-actionFieldLayout-button {
  379. width: 1%;
  380. white-space: nowrap;
  381. }
  382. .oo-ui-fieldsetLayout {
  383. position: relative;
  384. margin: 0;
  385. padding: 0;
  386. border: none;
  387. }
  388. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
  389. display: block;
  390. position: absolute;
  391. }
  392. .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
  393. display: inline-block;
  394. }
  395. .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
  396. float: right;
  397. }
  398. .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
  399. z-index: 1;
  400. }
  401. .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
  402. padding: 0.5em 0.75em;
  403. line-height: 1.5em;
  404. }
  405. .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
  406. .oo-ui-fieldsetLayout + .oo-ui-formLayout {
  407. margin-top: 2em;
  408. }
  409. .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
  410. font-size: 1.1em;
  411. margin-bottom: 0.5em;
  412. padding: 0.25em 0;
  413. font-weight: bold;
  414. }
  415. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
  416. padding-left: 2em;
  417. line-height: 1.8em;
  418. }
  419. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
  420. left: 0;
  421. top: 0.25em;
  422. }
  423. .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
  424. margin-right: 0;
  425. }
  426. .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
  427. margin-right: 0;
  428. }
  429. .oo-ui-formLayout + .oo-ui-fieldsetLayout,
  430. .oo-ui-formLayout + .oo-ui-formLayout {
  431. margin-top: 2em;
  432. }
  433. .oo-ui-panelLayout {
  434. position: relative;
  435. }
  436. .oo-ui-panelLayout-scrollable {
  437. overflow-y: auto;
  438. }
  439. .oo-ui-panelLayout-expanded {
  440. position: absolute;
  441. top: 0;
  442. left: 0;
  443. right: 0;
  444. bottom: 0;
  445. }
  446. .oo-ui-panelLayout-padded {
  447. padding: 1.25em;
  448. }
  449. .oo-ui-panelLayout-framed {
  450. border-radius: 0.5em;
  451. box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
  452. }
  453. .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
  454. margin: 1em 0;
  455. }
  456. .oo-ui-horizontalLayout > .oo-ui-widget {
  457. display: inline-block;
  458. vertical-align: middle;
  459. }
  460. .oo-ui-horizontalLayout > .oo-ui-layout {
  461. display: inline-block;
  462. }
  463. .oo-ui-horizontalLayout > .oo-ui-layout,
  464. .oo-ui-horizontalLayout > .oo-ui-widget {
  465. margin-right: 0.5em;
  466. }
  467. .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
  468. .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
  469. margin-right: 0;
  470. }
  471. .oo-ui-horizontalLayout > .oo-ui-layout {
  472. margin-bottom: 0;
  473. }
  474. .oo-ui-optionWidget {
  475. position: relative;
  476. display: block;
  477. padding: 0.25em 0.5em;
  478. border: none;
  479. }
  480. .oo-ui-optionWidget.oo-ui-widget-enabled {
  481. cursor: pointer;
  482. }
  483. .oo-ui-optionWidget.oo-ui-widget-disabled {
  484. cursor: default;
  485. }
  486. .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  487. display: block;
  488. white-space: nowrap;
  489. text-overflow: ellipsis;
  490. overflow: hidden;
  491. }
  492. .oo-ui-optionWidget-highlighted {
  493. background-color: #e1f3ff;
  494. }
  495. .oo-ui-optionWidget .oo-ui-labelElement-label {
  496. line-height: 1.5em;
  497. }
  498. .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
  499. background-color: #a7dcff;
  500. }
  501. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
  502. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
  503. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  504. background-color: #a7dcff;
  505. }
  506. .oo-ui-optionWidget.oo-ui-widget-disabled {
  507. color: #cccccc;
  508. }
  509. .oo-ui-decoratedOptionWidget {
  510. padding: 0.5em 2em 0.5em 3em;
  511. }
  512. .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
  513. .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
  514. position: absolute;
  515. }
  516. .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
  517. .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  518. top: 0;
  519. height: 100%;
  520. }
  521. .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
  522. left: 0.5em;
  523. }
  524. .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  525. right: 0.5em;
  526. }
  527. .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
  528. .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  529. opacity: 0.2;
  530. }
  531. .oo-ui-radioOptionWidget {
  532. cursor: default;
  533. padding: 0;
  534. background-color: transparent;
  535. }
  536. .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
  537. .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  538. display: inline-block;
  539. vertical-align: middle;
  540. }
  541. .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
  542. .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
  543. .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
  544. background-color: transparent;
  545. }
  546. .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  547. padding-left: 0.5em;
  548. }
  549. .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
  550. margin-right: 0;
  551. }
  552. .oo-ui-labelWidget {
  553. display: inline-block;
  554. padding: 0.5em 0;
  555. }
  556. .oo-ui-iconWidget {
  557. display: inline-block;
  558. vertical-align: middle;
  559. line-height: 2.5em;
  560. }
  561. .oo-ui-iconWidget.oo-ui-widget-disabled {
  562. opacity: 0.2;
  563. }
  564. .oo-ui-indicatorWidget {
  565. display: inline-block;
  566. vertical-align: middle;
  567. line-height: 2.5em;
  568. margin: 0.46875em;
  569. }
  570. .oo-ui-indicatorWidget.oo-ui-widget-disabled {
  571. opacity: 0.2;
  572. }
  573. .oo-ui-buttonWidget {
  574. display: inline-block;
  575. vertical-align: middle;
  576. margin-right: 0.5em;
  577. }
  578. .oo-ui-buttonWidget:last-child {
  579. margin-right: 0;
  580. }
  581. .oo-ui-buttonGroupWidget {
  582. display: inline-block;
  583. white-space: nowrap;
  584. border-radius: 0.3em;
  585. margin-right: 0.5em;
  586. }
  587. .oo-ui-buttonGroupWidget:last-child {
  588. margin-right: 0;
  589. }
  590. .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
  591. margin-right: 0;
  592. }
  593. .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
  594. margin-right: 0;
  595. }
  596. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
  597. border-radius: 0;
  598. margin-left: -1px;
  599. }
  600. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
  601. border-bottom-left-radius: 0.3em;
  602. border-top-left-radius: 0.3em;
  603. margin-left: 0;
  604. }
  605. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
  606. border-bottom-right-radius: 0.3em;
  607. border-top-right-radius: 0.3em;
  608. }
  609. .oo-ui-popupWidget {
  610. position: absolute;
  611. /* @noflip */
  612. left: 0;
  613. }
  614. .oo-ui-popupWidget-popup {
  615. position: relative;
  616. overflow: hidden;
  617. z-index: 1;
  618. }
  619. .oo-ui-popupWidget-anchor {
  620. display: none;
  621. z-index: 1;
  622. }
  623. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
  624. display: block;
  625. position: absolute;
  626. top: 0;
  627. /* @noflip */
  628. left: 0;
  629. background-repeat: no-repeat;
  630. }
  631. .oo-ui-popupWidget-head {
  632. -webkit-touch-callout: none;
  633. -webkit-user-select: none;
  634. -moz-user-select: none;
  635. -ms-user-select: none;
  636. user-select: none;
  637. }
  638. .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
  639. float: right;
  640. }
  641. .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  642. float: left;
  643. cursor: default;
  644. }
  645. .oo-ui-popupWidget-body {
  646. clear: both;
  647. overflow: hidden;
  648. }
  649. .oo-ui-popupWidget-popup {
  650. background-color: #ffffff;
  651. border: 1px solid #cccccc;
  652. border-radius: 0.25em;
  653. box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
  654. }
  655. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
  656. margin-top: 6px;
  657. }
  658. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
  659. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
  660. content: "";
  661. position: absolute;
  662. width: 0;
  663. height: 0;
  664. border-style: solid;
  665. border-color: transparent;
  666. border-top: 0;
  667. }
  668. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
  669. bottom: -7px;
  670. left: -6px;
  671. border-bottom-color: #aaaaaa;
  672. border-width: 7px;
  673. }
  674. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
  675. bottom: -7px;
  676. left: -5px;
  677. border-bottom-color: #ffffff;
  678. border-width: 6px;
  679. }
  680. .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
  681. -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease;
  682. -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease;
  683. transition: width 100ms ease, height 100ms ease, left 100ms ease;
  684. }
  685. .oo-ui-popupWidget-head {
  686. height: 2.5em;
  687. }
  688. .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
  689. margin: 0.25em;
  690. }
  691. .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  692. margin: 0.75em 1em;
  693. }
  694. .oo-ui-popupWidget-body-padded {
  695. padding: 0 1em;
  696. }
  697. .oo-ui-popupButtonWidget {
  698. position: relative;
  699. }
  700. .oo-ui-popupButtonWidget .oo-ui-popupWidget {
  701. position: absolute;
  702. cursor: auto;
  703. }
  704. .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
  705. /* @noflip */
  706. left: 0.9375em;
  707. }
  708. .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
  709. /* @noflip */
  710. left: 1.2375em;
  711. }
  712. .oo-ui-inputWidget {
  713. margin-right: 0.5em;
  714. }
  715. .oo-ui-inputWidget:last-child {
  716. margin-right: 0;
  717. }
  718. .oo-ui-buttonInputWidget {
  719. display: inline-block;
  720. vertical-align: middle;
  721. }
  722. .oo-ui-buttonInputWidget > button,
  723. .oo-ui-buttonInputWidget > input {
  724. border: 0;
  725. padding: 0;
  726. background-color: transparent;
  727. }
  728. .oo-ui-dropdownInputWidget {
  729. position: relative;
  730. vertical-align: middle;
  731. -webkit-box-sizing: border-box;
  732. -moz-box-sizing: border-box;
  733. box-sizing: border-box;
  734. width: 100%;
  735. max-width: 50em;
  736. }
  737. .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
  738. .oo-ui-dropdownInputWidget select {
  739. display: block;
  740. }
  741. .oo-ui-dropdownInputWidget select {
  742. width: 100%;
  743. cursor: pointer;
  744. -webkit-box-sizing: border-box;
  745. -moz-box-sizing: border-box;
  746. box-sizing: border-box;
  747. }
  748. .oo-ui-dropdownInputWidget select {
  749. background-color: #ffffff;
  750. height: 2.5em;
  751. padding: 0.5em;
  752. font-size: inherit;
  753. font-family: inherit;
  754. border: 1px solid rgba(0, 0, 0, 0.1);
  755. border-radius: 0.25em;
  756. }
  757. .oo-ui-dropdownInputWidget option {
  758. font-size: inherit;
  759. font-family: inherit;
  760. height: 1.5em;
  761. padding: 0.5em 1em;
  762. }
  763. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
  764. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
  765. border-color: rgba(0, 0, 0, 0.2);
  766. outline: none;
  767. }
  768. .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
  769. color: #cccccc;
  770. border-color: #dddddd;
  771. background-color: #f3f3f3;
  772. }
  773. .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
  774. margin-bottom: 0;
  775. }
  776. .oo-ui-textInputWidget {
  777. position: relative;
  778. vertical-align: middle;
  779. -webkit-box-sizing: border-box;
  780. -moz-box-sizing: border-box;
  781. box-sizing: border-box;
  782. width: 100%;
  783. max-width: 50em;
  784. }
  785. .oo-ui-textInputWidget input,
  786. .oo-ui-textInputWidget textarea {
  787. display: block;
  788. width: 100%;
  789. resize: none;
  790. -webkit-box-sizing: border-box;
  791. -moz-box-sizing: border-box;
  792. box-sizing: border-box;
  793. }
  794. .oo-ui-textInputWidget textarea {
  795. overflow: auto;
  796. }
  797. .oo-ui-textInputWidget [type="search"] {
  798. -webkit-appearance: textfield;
  799. }
  800. .oo-ui-textInputWidget [type="search"]::-ms-clear {
  801. display: none;
  802. }
  803. .oo-ui-textInputWidget [type="search"]::-webkit-search-decoration,
  804. .oo-ui-textInputWidget [type="search"]::-webkit-search-cancel-button,
  805. .oo-ui-textInputWidget [type="search"]::-webkit-search-results-button,
  806. .oo-ui-textInputWidget [type="search"]::-webkit-search-results-decoration {
  807. display: none;
  808. }
  809. .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
  810. .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
  811. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  812. display: none;
  813. }
  814. .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
  815. .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
  816. display: block;
  817. position: absolute;
  818. top: 0;
  819. height: 100%;
  820. -webkit-touch-callout: none;
  821. -webkit-user-select: none;
  822. -moz-user-select: none;
  823. -ms-user-select: none;
  824. user-select: none;
  825. }
  826. .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
  827. .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
  828. cursor: text;
  829. }
  830. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
  831. cursor: pointer;
  832. }
  833. .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
  834. display: block;
  835. }
  836. .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
  837. .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
  838. left: 0;
  839. }
  840. .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
  841. .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
  842. right: 0;
  843. }
  844. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  845. position: absolute;
  846. top: 0;
  847. }
  848. .oo-ui-textInputWidget input,
  849. .oo-ui-textInputWidget textarea {
  850. padding: 0.5em;
  851. line-height: 1.275em;
  852. font-size: inherit;
  853. font-family: inherit;
  854. background-color: #ffffff;
  855. color: black;
  856. border: 1px solid #cccccc;
  857. box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
  858. border-radius: 0.25em;
  859. -webkit-transition: border-color 250ms ease, box-shadow 250ms ease;
  860. -moz-transition: border-color 250ms ease, box-shadow 250ms ease;
  861. transition: border-color 250ms ease, box-shadow 250ms ease;
  862. }
  863. .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
  864. .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
  865. background-color: transparent;
  866. }
  867. .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
  868. .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
  869. outline: none;
  870. border-color: #a7dcff;
  871. box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
  872. }
  873. .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
  874. .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
  875. color: #777777;
  876. }
  877. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
  878. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
  879. background-color: #ffdddd;
  880. }
  881. .oo-ui-textInputWidget.oo-ui-widget-disabled input,
  882. .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  883. color: #cccccc;
  884. text-shadow: 0 1px 1px #ffffff;
  885. border-color: #dddddd;
  886. background-color: #f3f3f3;
  887. }
  888. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
  889. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  890. opacity: 0.2;
  891. }
  892. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
  893. color: #dddddd;
  894. text-shadow: 0 1px 1px #ffffff;
  895. }
  896. .oo-ui-textInputWidget.oo-ui-iconElement input,
  897. .oo-ui-textInputWidget.oo-ui-iconElement textarea {
  898. padding-left: 2.475em;
  899. }
  900. .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
  901. max-height: 2.375em;
  902. margin-left: 0.3em;
  903. }
  904. .oo-ui-textInputWidget.oo-ui-indicatorElement input,
  905. .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
  906. padding-right: 2.4875em;
  907. }
  908. .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  909. max-height: 2.375em;
  910. margin-right: 0.775em;
  911. }
  912. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  913. padding: 0.4em;
  914. line-height: 1.5em;
  915. color: #888888;
  916. }
  917. .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
  918. margin-right: 2.0875em;
  919. }
  920. .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
  921. margin-left: 2.075em;
  922. }
  923. .oo-ui-menuSelectWidget {
  924. position: absolute;
  925. background-color: #ffffff;
  926. margin-top: -1px;
  927. border: 1px solid #cccccc;
  928. border-radius: 0 0 0.25em 0.25em;
  929. box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
  930. }
  931. .oo-ui-menuSelectWidget input {
  932. position: absolute;
  933. width: 0;
  934. height: 0;
  935. overflow: hidden;
  936. opacity: 0;
  937. }
  938. .oo-ui-menuOptionWidget {
  939. position: relative;
  940. }
  941. .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
  942. display: none;
  943. }
  944. .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  945. background-color: transparent;
  946. }
  947. .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
  948. display: block;
  949. }
  950. .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  951. background-color: transparent;
  952. }
  953. .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
  954. .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  955. background-color: #e1f3ff;
  956. }
  957. .oo-ui-menuSectionOptionWidget {
  958. cursor: default;
  959. padding: 0.33em 0.75em;
  960. color: #888888;
  961. }
  962. .oo-ui-dropdownWidget {
  963. display: inline-block;
  964. position: relative;
  965. width: 100%;
  966. max-width: 50em;
  967. background-color: #ffffff;
  968. margin-right: 0.5em;
  969. }
  970. .oo-ui-dropdownWidget-handle {
  971. width: 100%;
  972. display: block;
  973. white-space: nowrap;
  974. overflow: hidden;
  975. text-overflow: ellipsis;
  976. -webkit-touch-callout: none;
  977. -webkit-user-select: none;
  978. -moz-user-select: none;
  979. -ms-user-select: none;
  980. user-select: none;
  981. -webkit-box-sizing: border-box;
  982. -moz-box-sizing: border-box;
  983. box-sizing: border-box;
  984. }
  985. .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
  986. .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
  987. position: absolute;
  988. }
  989. .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
  990. z-index: 1;
  991. width: 100%;
  992. }
  993. .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  994. cursor: pointer;
  995. }
  996. .oo-ui-dropdownWidget:last-child {
  997. margin-right: 0;
  998. }
  999. .oo-ui-dropdownWidget-handle {
  1000. height: 2.5em;
  1001. border: 1px solid rgba(0, 0, 0, 0.1);
  1002. border-radius: 0.25em;
  1003. }
  1004. .oo-ui-dropdownWidget-handle:hover {
  1005. border-color: rgba(0, 0, 0, 0.2);
  1006. }
  1007. .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
  1008. right: 0;
  1009. }
  1010. .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
  1011. left: 0.25em;
  1012. }
  1013. .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1014. line-height: 2.5em;
  1015. margin: 0 0.5em;
  1016. }
  1017. .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
  1018. top: 0;
  1019. margin: 0.775em;
  1020. }
  1021. .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
  1022. top: 0;
  1023. margin: 0.3em;
  1024. }
  1025. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  1026. color: #cccccc;
  1027. text-shadow: 0 1px 1px #ffffff;
  1028. border-color: #dddddd;
  1029. background-color: #f3f3f3;
  1030. }
  1031. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
  1032. outline: 0;
  1033. }
  1034. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  1035. opacity: 0.2;
  1036. }
  1037. .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1038. margin-left: 3em;
  1039. }
  1040. .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1041. margin-right: 2em;
  1042. }
  1043. .oo-ui-comboBoxInputWidget {
  1044. display: inline-block;
  1045. position: relative;
  1046. width: 100%;
  1047. max-width: 50em;
  1048. margin-right: 0.5em;
  1049. }
  1050. .oo-ui-comboBoxInputWidget > .oo-ui-menuSelectWidget {
  1051. z-index: 1;
  1052. width: 100%;
  1053. }
  1054. .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
  1055. cursor: pointer;
  1056. }
  1057. .oo-ui-comboBoxInputWidget-php input::-webkit-calendar-picker-indicator {
  1058. opacity: 0 !important;
  1059. position: absolute;
  1060. right: 0;
  1061. top: 0;
  1062. height: 2.5em;
  1063. width: 2.5em;
  1064. padding: 0;
  1065. }
  1066. .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
  1067. pointer-events: none;
  1068. }
  1069. .oo-ui-comboBoxInputWidget:last-child {
  1070. margin-right: 0;
  1071. }
  1072. .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
  1073. .oo-ui-comboBoxInputWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  1074. cursor: default;
  1075. opacity: 0.2;
  1076. }