oojs-ui-core-apex.css 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410
  1. /*!
  2. * OOjs UI v0.21.1
  3. * https://www.mediawiki.org/wiki/OOjs_UI
  4. *
  5. * Copyright 2011–2017 OOjs UI Team and other contributors.
  6. * Released under the MIT license
  7. * http://oojs.mit-license.org
  8. *
  9. * Date: 2017-04-18T23:32:54Z
  10. */
  11. .oo-ui-element-hidden {
  12. display: none !important;
  13. }
  14. .oo-ui-buttonElement {
  15. display: inline-block;
  16. line-height: normal;
  17. vertical-align: middle;
  18. }
  19. .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  20. cursor: pointer;
  21. display: inline-block;
  22. -webkit-box-sizing: border-box;
  23. -moz-box-sizing: border-box;
  24. box-sizing: border-box;
  25. vertical-align: middle;
  26. font-family: inherit;
  27. font-size: inherit;
  28. white-space: nowrap;
  29. -webkit-touch-callout: none;
  30. -webkit-user-select: none;
  31. -moz-user-select: none;
  32. -ms-user-select: none;
  33. user-select: none;
  34. }
  35. .oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner {
  36. border-color: transparent;
  37. padding: 0;
  38. }
  39. .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  40. .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  41. display: none;
  42. }
  43. .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  44. cursor: default;
  45. }
  46. .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  47. .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
  48. .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  49. display: inline-block;
  50. vertical-align: middle;
  51. }
  52. .oo-ui-buttonElement-frameless {
  53. position: relative;
  54. }
  55. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  56. vertical-align: top;
  57. text-align: center;
  58. }
  59. .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  60. color: #333;
  61. }
  62. .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  63. margin-left: 0;
  64. }
  65. .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  66. margin: 0.46875em;
  67. }
  68. .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  69. margin-left: 0.46875em;
  70. }
  71. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
  72. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
  73. outline: 0;
  74. }
  75. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  76. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
  77. opacity: 1;
  78. }
  79. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
  80. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
  81. color: #000;
  82. }
  83. .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  84. color: #333;
  85. }
  86. .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  87. margin-left: 0.25em;
  88. }
  89. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
  90. padding-left: 0.25em;
  91. color: #333;
  92. }
  93. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
  94. .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
  95. color: #000;
  96. }
  97. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  98. color: #087ecc;
  99. }
  100. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  101. color: #76ab36;
  102. }
  103. .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  104. color: #d45353;
  105. }
  106. .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  107. opacity: 0.2;
  108. }
  109. .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  110. color: #ccc;
  111. }
  112. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  113. padding: 0.2em 0.8em;
  114. border-radius: 0.3em;
  115. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  116. border: 1px #c9c9c9 solid;
  117. -webkit-transition: border-color 100ms ease;
  118. -moz-transition: border-color 100ms ease;
  119. transition: border-color 100ms ease;
  120. background-color: #eeeeee;
  121. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
  122. background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
  123. background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
  124. background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
  125. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
  126. }
  127. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
  128. .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
  129. border-color: #aaa;
  130. outline: 0;
  131. }
  132. .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
  133. .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  134. line-height: 1.875em;
  135. }
  136. .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  137. .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  138. .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  139. box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  140. color: #000;
  141. border-color: #c9c9c9;
  142. background-color: #eeeeee;
  143. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff));
  144. background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%);
  145. background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%);
  146. background-image: linear-gradient(to bottom, #ddd 0, #fff 100%);
  147. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
  148. }
  149. .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  150. margin-left: -0.5em;
  151. margin-right: -0.5em;
  152. display: inline-block;
  153. vertical-align: middle;
  154. }
  155. .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  156. margin-right: 0.3em;
  157. }
  158. .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  159. margin-left: -0.005em;
  160. margin-right: -0.005em;
  161. }
  162. .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  163. .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  164. margin-left: 0.46875em;
  165. margin-right: -0.275em;
  166. }
  167. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  168. border: 1px solid #a6cee1;
  169. background-color: #cde7f4;
  170. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
  171. background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  172. background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  173. background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
  174. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
  175. }
  176. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
  177. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
  178. border-color: #9dc2d4;
  179. }
  180. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  181. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  182. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  183. border: 1px solid #a6cee1;
  184. background-color: #cde7f4;
  185. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
  186. background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
  187. background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
  188. background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
  189. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
  190. }
  191. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
  192. border: 1px solid #b8d892;
  193. background-color: #daf0bd;
  194. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f0fbe1), color-stop(100%, #c3e59a));
  195. background-image: -webkit-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
  196. background-image: -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
  197. background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%);
  198. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )";
  199. }
  200. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
  201. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
  202. border-color: #adcb89;
  203. }
  204. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  205. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  206. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  207. border: 1px solid #b8d892;
  208. background-color: #daf0bd;
  209. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #c3e59a), color-stop(100%, #f0fbe1));
  210. background-image: -webkit-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
  211. background-image: -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
  212. background-image: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%);
  213. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3e59a', endColorstr='#fff0fbe1' )";
  214. }
  215. .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  216. color: #d45353;
  217. }
  218. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
  219. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  220. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  221. opacity: 0.5;
  222. -webkit-transform: translateZ(0);
  223. transform: translateZ(0);
  224. box-shadow: none;
  225. color: #333;
  226. background: #eee;
  227. border-color: #ccc;
  228. }
  229. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
  230. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
  231. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
  232. .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
  233. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
  234. .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
  235. border-color: #ccc;
  236. box-shadow: none;
  237. }
  238. .oo-ui-clippableElement-clippable {
  239. -webkit-box-sizing: border-box;
  240. -moz-box-sizing: border-box;
  241. box-sizing: border-box;
  242. min-height: 3.125em;
  243. }
  244. .oo-ui-floatableElement {
  245. position: absolute;
  246. }
  247. .oo-ui-iconElement .oo-ui-iconElement-icon,
  248. .oo-ui-iconElement.oo-ui-iconElement-icon {
  249. background-size: contain;
  250. background-position: center center;
  251. background-repeat: no-repeat;
  252. min-width: 24px;
  253. width: 1.875em;
  254. min-height: 24px;
  255. height: 1.875em;
  256. }
  257. .oo-ui-iconElement .oo-ui-iconElement-icon,
  258. .oo-ui-iconElement.oo-ui-iconElement-icon {
  259. opacity: 0.8;
  260. }
  261. .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
  262. .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
  263. background-size: contain;
  264. background-position: center center;
  265. background-repeat: no-repeat;
  266. min-width: 12px;
  267. width: 0.9375em;
  268. min-height: 12px;
  269. height: 0.9375em;
  270. }
  271. .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
  272. .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
  273. opacity: 0.8;
  274. }
  275. .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
  276. font-weight: bold;
  277. }
  278. .oo-ui-pendingElement-pending {
  279. background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
  280. }
  281. .oo-ui-fieldLayout {
  282. display: block;
  283. margin-bottom: 1em;
  284. }
  285. .oo-ui-fieldLayout:before,
  286. .oo-ui-fieldLayout:after {
  287. content: ' ';
  288. display: table;
  289. }
  290. .oo-ui-fieldLayout:after {
  291. clear: both;
  292. }
  293. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
  294. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
  295. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
  296. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
  297. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
  298. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  299. display: block;
  300. float: left;
  301. }
  302. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  303. text-align: right;
  304. }
  305. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
  306. display: table;
  307. width: 100%;
  308. }
  309. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
  310. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  311. display: table-cell;
  312. vertical-align: middle;
  313. }
  314. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  315. width: 1px;
  316. }
  317. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
  318. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  319. display: block;
  320. }
  321. .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
  322. float: right;
  323. }
  324. .oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
  325. z-index: 1;
  326. }
  327. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help,
  328. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
  329. margin-top: -0.3em;
  330. }
  331. .oo-ui-fieldLayout:last-child {
  332. margin-bottom: 0;
  333. }
  334. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
  335. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
  336. margin-right: 0;
  337. margin-left: -1.875em;
  338. }
  339. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
  340. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  341. width: 60%;
  342. }
  343. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
  344. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  345. margin-right: 5%;
  346. width: 35%;
  347. }
  348. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label,
  349. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
  350. display: block;
  351. padding-top: 0.5em;
  352. }
  353. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  354. margin-bottom: 1.25em;
  355. }
  356. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
  357. max-width: 50em;
  358. }
  359. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  360. padding: 0.25em 0 0.25em 0.5em;
  361. }
  362. .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  363. max-width: 50em;
  364. padding: 0.5em 0;
  365. }
  366. .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
  367. margin-right: 0;
  368. margin-top: 0.25em;
  369. }
  370. .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
  371. margin-right: 0;
  372. }
  373. .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
  374. color: #ccc;
  375. }
  376. .oo-ui-fieldLayout-messages {
  377. list-style: none none;
  378. margin: 0;
  379. padding: 0;
  380. margin-top: 0.25em;
  381. margin-left: 0.25em;
  382. }
  383. .oo-ui-fieldLayout-messages > li {
  384. margin: 0;
  385. padding: 0;
  386. }
  387. .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
  388. display: none;
  389. }
  390. .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
  391. color: #d45353;
  392. }
  393. .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
  394. padding: 0.1em 0;
  395. line-height: 1.5em;
  396. vertical-align: middle;
  397. }
  398. .oo-ui-actionFieldLayout-input,
  399. .oo-ui-actionFieldLayout-button {
  400. display: table-cell;
  401. vertical-align: middle;
  402. }
  403. .oo-ui-actionFieldLayout-input {
  404. padding-right: 1em;
  405. }
  406. .oo-ui-actionFieldLayout-button {
  407. width: 1%;
  408. white-space: nowrap;
  409. }
  410. .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
  411. max-width: 50em;
  412. }
  413. .oo-ui-fieldsetLayout {
  414. position: relative;
  415. min-width: 0;
  416. margin: 0;
  417. border: 0;
  418. padding: 0.01px 0 0 0;
  419. }
  420. body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
  421. display: table-cell;
  422. }
  423. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
  424. display: block;
  425. position: absolute;
  426. }
  427. .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
  428. color: inherit;
  429. display: inline-table;
  430. box-sizing: border-box;
  431. padding: 0;
  432. white-space: normal;
  433. float: left;
  434. width: 100%;
  435. }
  436. .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty {
  437. display: none;
  438. }
  439. .oo-ui-fieldsetLayout-group {
  440. clear: both;
  441. }
  442. .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
  443. float: right;
  444. }
  445. .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
  446. z-index: 1;
  447. }
  448. .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
  449. max-width: 50em;
  450. }
  451. .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
  452. .oo-ui-fieldsetLayout + .oo-ui-formLayout {
  453. margin-top: 2em;
  454. }
  455. .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
  456. display: inline-block;
  457. font-size: 1.1em;
  458. margin-bottom: 0.5em;
  459. padding: 0.25em 0;
  460. font-weight: bold;
  461. }
  462. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
  463. padding-left: 2em;
  464. line-height: 1.8em;
  465. }
  466. .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
  467. left: 0;
  468. top: 0.25em;
  469. }
  470. .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget {
  471. margin-right: 0;
  472. }
  473. .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget:last-child {
  474. margin-right: 0;
  475. }
  476. .oo-ui-formLayout + .oo-ui-fieldsetLayout,
  477. .oo-ui-formLayout + .oo-ui-formLayout {
  478. margin-top: 2em;
  479. }
  480. .oo-ui-panelLayout {
  481. position: relative;
  482. }
  483. .oo-ui-panelLayout-scrollable {
  484. overflow: auto;
  485. -webkit-transform: translateZ(0);
  486. transform: translateZ(0);
  487. }
  488. .oo-ui-panelLayout-expanded {
  489. position: absolute;
  490. top: 0;
  491. left: 0;
  492. right: 0;
  493. bottom: 0;
  494. }
  495. .oo-ui-panelLayout-padded {
  496. padding: 1.25em;
  497. }
  498. .oo-ui-panelLayout-framed {
  499. border: 1px solid #ccc;
  500. border-radius: 0.5em;
  501. box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
  502. }
  503. .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
  504. margin: 1em 0;
  505. }
  506. .oo-ui-horizontalLayout > .oo-ui-widget {
  507. display: inline-block;
  508. vertical-align: middle;
  509. }
  510. .oo-ui-horizontalLayout > .oo-ui-layout {
  511. display: inline-block;
  512. }
  513. .oo-ui-horizontalLayout > .oo-ui-layout,
  514. .oo-ui-horizontalLayout > .oo-ui-widget {
  515. margin-right: 0.5em;
  516. }
  517. .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
  518. .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
  519. margin-right: 0;
  520. }
  521. .oo-ui-horizontalLayout > .oo-ui-layout {
  522. margin-bottom: 0;
  523. }
  524. .oo-ui-optionWidget {
  525. position: relative;
  526. display: block;
  527. padding: 0.25em 0.5em;
  528. border: 0;
  529. }
  530. .oo-ui-optionWidget.oo-ui-widget-enabled {
  531. cursor: pointer;
  532. }
  533. .oo-ui-optionWidget.oo-ui-widget-disabled {
  534. cursor: default;
  535. }
  536. .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  537. display: block;
  538. white-space: nowrap;
  539. text-overflow: ellipsis;
  540. overflow: hidden;
  541. }
  542. .oo-ui-optionWidget-highlighted {
  543. background-color: #e1f3ff;
  544. }
  545. .oo-ui-optionWidget .oo-ui-labelElement-label {
  546. line-height: 1.5em;
  547. }
  548. .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
  549. background-color: #a7dcff;
  550. }
  551. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
  552. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
  553. .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  554. background-color: #a7dcff;
  555. }
  556. .oo-ui-optionWidget.oo-ui-widget-disabled {
  557. color: #ccc;
  558. }
  559. .oo-ui-decoratedOptionWidget {
  560. padding: 0.5em 2em 0.5em 3em;
  561. }
  562. .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
  563. .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
  564. position: absolute;
  565. }
  566. .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
  567. .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  568. top: 0;
  569. height: 100%;
  570. }
  571. .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
  572. left: 0.5em;
  573. }
  574. .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  575. right: 0.5em;
  576. }
  577. .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
  578. .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  579. opacity: 0.2;
  580. }
  581. .oo-ui-radioOptionWidget {
  582. padding: 0;
  583. background-color: transparent;
  584. }
  585. .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
  586. .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  587. display: inline-block;
  588. vertical-align: middle;
  589. }
  590. .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
  591. .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
  592. .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
  593. background-color: transparent;
  594. }
  595. .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  596. padding-left: 0.5em;
  597. }
  598. .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
  599. margin-right: 0;
  600. }
  601. .oo-ui-labelWidget {
  602. display: inline-block;
  603. padding: 0.5em 0;
  604. }
  605. .oo-ui-iconWidget {
  606. display: inline-block;
  607. vertical-align: middle;
  608. line-height: 2.5em;
  609. }
  610. .oo-ui-iconWidget.oo-ui-widget-disabled {
  611. opacity: 0.2;
  612. }
  613. .oo-ui-indicatorWidget {
  614. display: inline-block;
  615. vertical-align: middle;
  616. line-height: 2.5em;
  617. margin: 0.46875em;
  618. }
  619. .oo-ui-indicatorWidget.oo-ui-widget-disabled {
  620. opacity: 0.2;
  621. }
  622. .oo-ui-buttonWidget {
  623. margin-right: 0.5em;
  624. }
  625. .oo-ui-buttonWidget:last-child {
  626. margin-right: 0;
  627. }
  628. .oo-ui-buttonGroupWidget {
  629. display: inline-block;
  630. white-space: nowrap;
  631. border-radius: 0.3em;
  632. margin-right: 0.5em;
  633. }
  634. .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
  635. cursor: default;
  636. }
  637. .oo-ui-buttonGroupWidget:last-child {
  638. margin-right: 0;
  639. }
  640. .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
  641. margin-right: 0;
  642. }
  643. .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
  644. margin-right: 0;
  645. }
  646. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
  647. border-radius: 0;
  648. margin-left: -1px;
  649. }
  650. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
  651. border-bottom-left-radius: 0.3em;
  652. border-top-left-radius: 0.3em;
  653. margin-left: 0;
  654. }
  655. .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
  656. border-bottom-right-radius: 0.3em;
  657. border-top-right-radius: 0.3em;
  658. }
  659. .oo-ui-popupWidget {
  660. position: absolute;
  661. }
  662. .oo-ui-popupWidget-popup {
  663. position: relative;
  664. overflow: hidden;
  665. z-index: 1;
  666. }
  667. .oo-ui-popupWidget-anchor {
  668. display: none;
  669. z-index: 1;
  670. }
  671. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
  672. display: block;
  673. position: absolute;
  674. background-repeat: no-repeat;
  675. }
  676. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
  677. .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
  678. content: '';
  679. position: absolute;
  680. width: 0;
  681. height: 0;
  682. border-style: solid;
  683. border-color: transparent;
  684. }
  685. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
  686. left: 0;
  687. /* `top` property is to be set in theme's selector due to specific `@size-anchor` values */
  688. }
  689. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
  690. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
  691. border-top: 0;
  692. }
  693. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
  694. left: 0;
  695. /* `bottom` property is to be set in theme's selector due to specific `@size-anchor` values */
  696. }
  697. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before,
  698. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
  699. border-bottom: 0;
  700. }
  701. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
  702. top: 0;
  703. /* `left` property is to be set in theme's selector due to specific `@size-anchor` values */
  704. }
  705. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before,
  706. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
  707. border-left: 0;
  708. }
  709. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
  710. top: 0;
  711. /* `right` property is to be set in theme's selector due to specific `@size-anchor` values */
  712. }
  713. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before,
  714. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
  715. border-right: 0;
  716. }
  717. .oo-ui-popupWidget-head {
  718. -webkit-touch-callout: none;
  719. -webkit-user-select: none;
  720. -moz-user-select: none;
  721. -ms-user-select: none;
  722. user-select: none;
  723. }
  724. .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
  725. float: right;
  726. }
  727. .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  728. float: left;
  729. cursor: default;
  730. }
  731. .oo-ui-popupWidget-body {
  732. clear: both;
  733. }
  734. .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
  735. min-height: 1em;
  736. }
  737. .oo-ui-popupWidget-popup {
  738. background-color: #fff;
  739. border: 1px solid #ccc;
  740. border-radius: 0.25em;
  741. box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
  742. }
  743. .oo-ui-popupWidget-anchored-top {
  744. margin-top: 6px;
  745. }
  746. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
  747. top: -6px;
  748. }
  749. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
  750. bottom: -7px;
  751. left: -6px;
  752. border-bottom-color: #aaa;
  753. border-width: 7px;
  754. }
  755. .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
  756. bottom: -7px;
  757. left: -5px;
  758. border-bottom-color: #fff;
  759. border-width: 6px;
  760. }
  761. .oo-ui-popupWidget-anchored-bottom {
  762. margin-bottom: 6px;
  763. }
  764. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
  765. bottom: -6px;
  766. }
  767. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
  768. top: -7px;
  769. left: -6px;
  770. border-top-color: #aaa;
  771. border-width: 7px;
  772. }
  773. .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
  774. top: -7px;
  775. left: -5px;
  776. border-top-color: #fff;
  777. border-width: 6px;
  778. }
  779. .oo-ui-popupWidget-anchored-start {
  780. margin-left: 6px;
  781. }
  782. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
  783. left: -6px;
  784. }
  785. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
  786. right: -7px;
  787. top: -6px;
  788. border-right-color: #aaa;
  789. border-width: 7px;
  790. }
  791. .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
  792. right: -7px;
  793. top: -5px;
  794. border-right-color: #fff;
  795. border-width: 6px;
  796. }
  797. .oo-ui-popupWidget-anchored-end {
  798. margin-right: 6px;
  799. }
  800. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
  801. right: -6px;
  802. }
  803. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
  804. left: -7px;
  805. top: -6px;
  806. border-left-color: #aaa;
  807. border-width: 7px;
  808. }
  809. .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
  810. left: -7px;
  811. top: -5px;
  812. border-left-color: #fff;
  813. border-width: 6px;
  814. }
  815. .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
  816. -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease;
  817. -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease;
  818. transition: width 100ms ease, height 100ms ease, left 100ms ease;
  819. }
  820. .oo-ui-popupWidget-head {
  821. height: 2.5em;
  822. }
  823. .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
  824. margin: 0.25em;
  825. }
  826. .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  827. margin: 0.75em 1em;
  828. }
  829. .oo-ui-popupWidget-body {
  830. line-height: 1.4;
  831. }
  832. .oo-ui-popupWidget-body-padded {
  833. margin: 0.75em 1em;
  834. }
  835. .oo-ui-popupButtonWidget {
  836. position: relative;
  837. }
  838. .oo-ui-popupButtonWidget .oo-ui-popupWidget {
  839. cursor: auto;
  840. }
  841. .oo-ui-inputWidget {
  842. margin-right: 0.5em;
  843. }
  844. .oo-ui-inputWidget:last-child {
  845. margin-right: 0;
  846. }
  847. .oo-ui-buttonInputWidget > button,
  848. .oo-ui-buttonInputWidget > input {
  849. border: 0;
  850. padding: 0;
  851. background-color: transparent;
  852. }
  853. .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
  854. margin-bottom: 0;
  855. }
  856. .oo-ui-dropdownInputWidget {
  857. position: relative;
  858. vertical-align: middle;
  859. -webkit-box-sizing: border-box;
  860. -moz-box-sizing: border-box;
  861. box-sizing: border-box;
  862. width: 100%;
  863. max-width: 50em;
  864. }
  865. .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
  866. .oo-ui-dropdownInputWidget select {
  867. display: block;
  868. }
  869. .oo-ui-dropdownInputWidget select {
  870. background-position: -9999em 0;
  871. background-repeat: no-repeat;
  872. width: 100%;
  873. -webkit-box-sizing: border-box;
  874. -moz-box-sizing: border-box;
  875. box-sizing: border-box;
  876. }
  877. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  878. cursor: pointer;
  879. }
  880. .oo-ui-dropdownInputWidget select {
  881. background-color: #fff;
  882. height: 2.5em;
  883. padding: 0.5em;
  884. font-size: inherit;
  885. font-family: inherit;
  886. border: 1px solid rgba(0, 0, 0, 0.1);
  887. border-radius: 0.25em;
  888. }
  889. .oo-ui-dropdownInputWidget option {
  890. font-size: inherit;
  891. font-family: inherit;
  892. height: 1.5em;
  893. padding: 0.5em 1em;
  894. }
  895. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
  896. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
  897. border-color: rgba(0, 0, 0, 0.2);
  898. outline: 0;
  899. }
  900. .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
  901. color: #ccc;
  902. border-color: #ddd;
  903. background-color: #f3f3f3;
  904. }
  905. .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
  906. margin-bottom: 0;
  907. }
  908. .oo-ui-textInputWidget {
  909. position: relative;
  910. vertical-align: middle;
  911. -webkit-box-sizing: border-box;
  912. -moz-box-sizing: border-box;
  913. box-sizing: border-box;
  914. width: 100%;
  915. max-width: 50em;
  916. }
  917. .oo-ui-textInputWidget input,
  918. .oo-ui-textInputWidget textarea {
  919. display: block;
  920. width: 100%;
  921. -webkit-box-sizing: border-box;
  922. -moz-box-sizing: border-box;
  923. box-sizing: border-box;
  924. }
  925. .oo-ui-textInputWidget textarea {
  926. overflow: auto;
  927. resize: none;
  928. }
  929. .oo-ui-textInputWidget [type='number'] {
  930. -moz-appearance: textfield;
  931. }
  932. .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
  933. .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
  934. -webkit-appearance: none;
  935. margin: 0;
  936. }
  937. .oo-ui-textInputWidget [type='search'] {
  938. -webkit-appearance: textfield;
  939. }
  940. .oo-ui-textInputWidget [type='search']::-ms-clear {
  941. display: none;
  942. }
  943. .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
  944. .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
  945. display: none;
  946. }
  947. .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
  948. .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
  949. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  950. display: none;
  951. }
  952. .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
  953. .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
  954. display: block;
  955. position: absolute;
  956. top: 0;
  957. height: 100%;
  958. -webkit-touch-callout: none;
  959. -webkit-user-select: none;
  960. -moz-user-select: none;
  961. -ms-user-select: none;
  962. user-select: none;
  963. }
  964. .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
  965. .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
  966. cursor: text;
  967. }
  968. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
  969. cursor: pointer;
  970. }
  971. .oo-ui-textInputWidget.oo-ui-widget-disabled input,
  972. .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
  973. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
  974. -webkit-touch-callout: none;
  975. -webkit-user-select: none;
  976. -moz-user-select: none;
  977. -ms-user-select: none;
  978. user-select: none;
  979. }
  980. .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
  981. display: block;
  982. }
  983. .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
  984. .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
  985. left: 0;
  986. }
  987. .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
  988. .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
  989. right: 0;
  990. }
  991. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  992. position: absolute;
  993. top: 0;
  994. }
  995. .oo-ui-textInputWidget-php > .oo-ui-iconElement-icon,
  996. .oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator,
  997. .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
  998. pointer-events: none;
  999. }
  1000. .oo-ui-textInputWidget input,
  1001. .oo-ui-textInputWidget textarea {
  1002. padding: 0.5em;
  1003. line-height: 1.275em;
  1004. font-size: inherit;
  1005. font-family: inherit;
  1006. background-color: #fff;
  1007. color: #000;
  1008. border: 1px solid #ccc;
  1009. box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
  1010. border-radius: 0.25em;
  1011. -webkit-transition: border-color 250ms ease, box-shadow 250ms ease;
  1012. -moz-transition: border-color 250ms ease, box-shadow 250ms ease;
  1013. transition: border-color 250ms ease, box-shadow 250ms ease;
  1014. }
  1015. .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
  1016. .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
  1017. background-color: transparent;
  1018. }
  1019. .oo-ui-textInputWidget input::-webkit-input-placeholder,
  1020. .oo-ui-textInputWidget textarea::-webkit-input-placeholder {
  1021. color: #767676;
  1022. opacity: 1;
  1023. }
  1024. .oo-ui-textInputWidget input:-ms-input-placeholder,
  1025. .oo-ui-textInputWidget textarea:-ms-input-placeholder {
  1026. color: #767676;
  1027. opacity: 1;
  1028. }
  1029. .oo-ui-textInputWidget input::-moz-placeholder,
  1030. .oo-ui-textInputWidget textarea::-moz-placeholder {
  1031. color: #767676;
  1032. opacity: 1;
  1033. }
  1034. .oo-ui-textInputWidget input:-moz-placeholder,
  1035. .oo-ui-textInputWidget textarea:-moz-placeholder {
  1036. color: #767676;
  1037. opacity: 1;
  1038. }
  1039. .oo-ui-textInputWidget input::placeholder,
  1040. .oo-ui-textInputWidget textarea::placeholder {
  1041. color: #767676;
  1042. opacity: 1;
  1043. }
  1044. .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
  1045. .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
  1046. outline: 0;
  1047. border-color: #a7dcff;
  1048. box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
  1049. }
  1050. .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
  1051. .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
  1052. color: #767676;
  1053. }
  1054. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
  1055. .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
  1056. background-color: #fdd;
  1057. }
  1058. .oo-ui-textInputWidget.oo-ui-widget-disabled input,
  1059. .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  1060. color: #ccc;
  1061. text-shadow: 0 1px 1px #fff;
  1062. border-color: #ddd;
  1063. background-color: #f3f3f3;
  1064. }
  1065. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
  1066. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  1067. opacity: 0.2;
  1068. }
  1069. .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
  1070. color: #ddd;
  1071. text-shadow: 0 1px 1px #fff;
  1072. }
  1073. .oo-ui-textInputWidget.oo-ui-iconElement input,
  1074. .oo-ui-textInputWidget.oo-ui-iconElement textarea {
  1075. padding-left: 2.475em;
  1076. }
  1077. .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
  1078. max-height: 2.375em;
  1079. margin-left: 0.3em;
  1080. }
  1081. .oo-ui-textInputWidget.oo-ui-indicatorElement input,
  1082. .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
  1083. padding-right: 2.4875em;
  1084. }
  1085. .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  1086. max-height: 2.375em;
  1087. margin-right: 0.775em;
  1088. }
  1089. .oo-ui-textInputWidget > .oo-ui-labelElement-label {
  1090. padding: 0.4em;
  1091. line-height: 1.5em;
  1092. color: #767676;
  1093. }
  1094. .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
  1095. margin-right: 2.0875em;
  1096. }
  1097. .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
  1098. margin-left: 2.075em;
  1099. }
  1100. .oo-ui-menuSelectWidget {
  1101. position: absolute;
  1102. width: 100%;
  1103. z-index: 4;
  1104. background-color: #fff;
  1105. margin-top: -1px;
  1106. border: 1px solid #ccc;
  1107. border-radius: 0 0 0.25em 0.25em;
  1108. box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
  1109. }
  1110. .oo-ui-menuSelectWidget input {
  1111. position: absolute;
  1112. width: 0;
  1113. height: 0;
  1114. overflow: hidden;
  1115. opacity: 0;
  1116. }
  1117. .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
  1118. min-height: 2.6em;
  1119. }
  1120. .oo-ui-menuSelectWidget-invisible {
  1121. display: none;
  1122. }
  1123. .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  1124. background-color: transparent;
  1125. }
  1126. .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
  1127. background-image: url('themes/apex/images/icons/check.png');
  1128. background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg');
  1129. background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg');
  1130. background-image: -o-linear-gradient(transparent, transparent), url('themes/apex/images/icons/check.png');
  1131. background-position: center center;
  1132. background-repeat: no-repeat;
  1133. background-size: contain;
  1134. display: block;
  1135. left: 0.5em;
  1136. top: 0;
  1137. min-width: 24px;
  1138. width: 1.875em;
  1139. min-height: 24px;
  1140. height: 100%;
  1141. }
  1142. .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
  1143. .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  1144. background-color: #e1f3ff;
  1145. }
  1146. .oo-ui-menuSectionOptionWidget {
  1147. padding: 0.33em 0.75em;
  1148. color: #767676;
  1149. }
  1150. .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
  1151. cursor: default;
  1152. }
  1153. .oo-ui-dropdownWidget {
  1154. display: inline-block;
  1155. position: relative;
  1156. width: 100%;
  1157. max-width: 50em;
  1158. background-color: #fff;
  1159. margin-right: 0.5em;
  1160. }
  1161. .oo-ui-dropdownWidget-handle {
  1162. position: relative;
  1163. width: 100%;
  1164. display: block;
  1165. white-space: nowrap;
  1166. overflow: hidden;
  1167. text-overflow: ellipsis;
  1168. cursor: default;
  1169. -webkit-touch-callout: none;
  1170. -webkit-user-select: none;
  1171. -moz-user-select: none;
  1172. -ms-user-select: none;
  1173. user-select: none;
  1174. -webkit-box-sizing: border-box;
  1175. -moz-box-sizing: border-box;
  1176. box-sizing: border-box;
  1177. }
  1178. .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
  1179. .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
  1180. position: absolute;
  1181. top: 0;
  1182. height: 100%;
  1183. }
  1184. .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  1185. cursor: pointer;
  1186. }
  1187. .oo-ui-dropdownWidget:last-child {
  1188. margin-right: 0;
  1189. }
  1190. .oo-ui-dropdownWidget-handle {
  1191. height: 2.5em;
  1192. border: 1px solid rgba(0, 0, 0, 0.1);
  1193. border-radius: 0.25em;
  1194. }
  1195. .oo-ui-dropdownWidget-handle:hover {
  1196. border-color: rgba(0, 0, 0, 0.2);
  1197. }
  1198. .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
  1199. left: 0.25em;
  1200. margin: 0 0.3em;
  1201. }
  1202. .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1203. line-height: 2.5em;
  1204. margin: 0 0.5em;
  1205. }
  1206. .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
  1207. right: 0;
  1208. margin: 0 0.775em;
  1209. }
  1210. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  1211. color: #ccc;
  1212. text-shadow: 0 1px 1px #fff;
  1213. border-color: #ddd;
  1214. background-color: #f3f3f3;
  1215. }
  1216. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
  1217. outline: 0;
  1218. }
  1219. .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
  1220. opacity: 0.2;
  1221. }
  1222. .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1223. margin-left: 3em;
  1224. }
  1225. .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
  1226. margin-right: 2em;
  1227. }
  1228. .oo-ui-comboBoxInputWidget {
  1229. display: inline-block;
  1230. position: relative;
  1231. width: 100%;
  1232. max-width: 50em;
  1233. margin-right: 0.5em;
  1234. }
  1235. .oo-ui-comboBoxInputWidget-field {
  1236. display: table;
  1237. width: 100%;
  1238. table-layout: fixed;
  1239. }
  1240. .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
  1241. display: table-cell;
  1242. vertical-align: middle;
  1243. position: relative;
  1244. overflow: hidden;
  1245. }
  1246. .oo-ui-comboBoxInputWidget-dropdownButton {
  1247. display: table-cell;
  1248. }
  1249. .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
  1250. display: block;
  1251. overflow: hidden;
  1252. }
  1253. .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
  1254. display: none;
  1255. }
  1256. .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
  1257. opacity: 0;
  1258. position: absolute;
  1259. right: 0;
  1260. top: 0;
  1261. width: 2.5em;
  1262. height: 2.5em;
  1263. padding: 0;
  1264. }
  1265. .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
  1266. display: block;
  1267. position: absolute;
  1268. top: 0;
  1269. height: 100%;
  1270. pointer-events: none;
  1271. }
  1272. .oo-ui-comboBoxInputWidget:last-child {
  1273. margin-right: 0;
  1274. }
  1275. .oo-ui-comboBoxInputWidget-dropdownButton {
  1276. position: absolute;
  1277. top: 0;
  1278. right: 0;
  1279. visibility: hidden;
  1280. }
  1281. .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button {
  1282. padding: 0;
  1283. }
  1284. .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator.oo-ui-indicator-down {
  1285. visibility: visible;
  1286. margin: 0.775em;
  1287. }
  1288. .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
  1289. right: 0;
  1290. max-height: 2.375em;
  1291. margin: 0;
  1292. margin-right: 0.775em;
  1293. }
  1294. .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  1295. cursor: default;
  1296. opacity: 0.2;
  1297. }
  1298. .oo-ui-multioptionWidget {
  1299. position: relative;
  1300. display: block;
  1301. }
  1302. .oo-ui-multioptionWidget.oo-ui-widget-enabled {
  1303. cursor: pointer;
  1304. }
  1305. .oo-ui-multioptionWidget.oo-ui-widget-disabled {
  1306. cursor: default;
  1307. }
  1308. .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  1309. display: block;
  1310. white-space: nowrap;
  1311. text-overflow: ellipsis;
  1312. overflow: hidden;
  1313. }
  1314. .oo-ui-multioptionWidget .oo-ui-labelElement-label {
  1315. line-height: 1.5em;
  1316. }
  1317. .oo-ui-multioptionWidget.oo-ui-widget-disabled {
  1318. color: #ccc;
  1319. }
  1320. .oo-ui-checkboxMultioptionWidget {
  1321. padding: 0;
  1322. }
  1323. .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
  1324. .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  1325. display: inline-block;
  1326. vertical-align: middle;
  1327. }
  1328. .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
  1329. padding-left: 0.5em;
  1330. }
  1331. .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
  1332. margin-right: 0;
  1333. }
  1334. .oo-ui-progressBarWidget {
  1335. max-width: 50em;
  1336. background-color: #fff;
  1337. border: 1px solid #ccc;
  1338. border-radius: 0.25em;
  1339. overflow: hidden;
  1340. }
  1341. .oo-ui-progressBarWidget-bar {
  1342. height: 1em;
  1343. border-right: 1px solid #ccc;
  1344. -webkit-transition: width 250ms ease;
  1345. -moz-transition: width 250ms ease;
  1346. transition: width 250ms ease;
  1347. background-color: #cde7f4;
  1348. background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
  1349. background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  1350. background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
  1351. background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
  1352. -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
  1353. }
  1354. .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
  1355. -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
  1356. -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
  1357. animation: oo-ui-progressBarWidget-slide 2s infinite linear;
  1358. width: 40%;
  1359. -webkit-transform: translate(-25%);
  1360. -moz-transform: translate(-25%);
  1361. -ms-transform: translate(-25%);
  1362. transform: translate(-25%);
  1363. border-left: 1px solid #a6cee1;
  1364. }
  1365. .oo-ui-progressBarWidget.oo-ui-widget-disabled {
  1366. opacity: 0.6;
  1367. }
  1368. @-webkit-keyframes oo-ui-progressBarWidget-slide {
  1369. from {
  1370. -webkit-transform: translate(-100%);
  1371. -moz-transform: translate(-100%);
  1372. -ms-transform: translate(-100%);
  1373. transform: translate(-100%);
  1374. }
  1375. to {
  1376. -webkit-transform: translate(350%);
  1377. -moz-transform: translate(350%);
  1378. -ms-transform: translate(350%);
  1379. transform: translate(350%);
  1380. }
  1381. }
  1382. @-moz-keyframes oo-ui-progressBarWidget-slide {
  1383. from {
  1384. -webkit-transform: translate(-100%);
  1385. -moz-transform: translate(-100%);
  1386. -ms-transform: translate(-100%);
  1387. transform: translate(-100%);
  1388. }
  1389. to {
  1390. -webkit-transform: translate(350%);
  1391. -moz-transform: translate(350%);
  1392. -ms-transform: translate(350%);
  1393. transform: translate(350%);
  1394. }
  1395. }
  1396. @keyframes oo-ui-progressBarWidget-slide {
  1397. from {
  1398. -webkit-transform: translate(-100%);
  1399. -moz-transform: translate(-100%);
  1400. -ms-transform: translate(-100%);
  1401. transform: translate(-100%);
  1402. }
  1403. to {
  1404. -webkit-transform: translate(350%);
  1405. -moz-transform: translate(350%);
  1406. -ms-transform: translate(350%);
  1407. transform: translate(350%);
  1408. }
  1409. }