Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

editor.jqueryui.css 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989
  1. div.DTE_Field input,
  2. div.DTE_Field textarea {
  3. box-sizing: border-box;
  4. background-color: white;
  5. -webkit-transition: background-color ease-in-out .15s;
  6. transition: background-color ease-in-out .15s;
  7. }
  8. div.DTE_Field input:focus,
  9. div.DTE_Field textarea:focus {
  10. background-color: #ffffee;
  11. }
  12. div.DTE_Field input[type="color"],
  13. div.DTE_Field input[type="date"],
  14. div.DTE_Field input[type="datetime"],
  15. div.DTE_Field input[type="datetime-local"],
  16. div.DTE_Field input[type="email"],
  17. div.DTE_Field input[type="month"],
  18. div.DTE_Field input[type="number"],
  19. div.DTE_Field input[type="password"],
  20. div.DTE_Field input[type="search"],
  21. div.DTE_Field input[type="tel"],
  22. div.DTE_Field input[type="text"],
  23. div.DTE_Field input[type="time"],
  24. div.DTE_Field input[type="url"],
  25. div.DTE_Field input[type="week"] {
  26. padding: 5px 4px;
  27. width: 100%;
  28. }
  29. div.DTE_Field label div.DTE_Label_Info {
  30. font-size: 0.85em;
  31. margin-top: 0.25em;
  32. }
  33. div.DTE_Field label div.DTE_Label_Info:empty {
  34. margin-top: 0;
  35. }
  36. div.DTE_Field div.DTE_Field_Info,
  37. div.DTE_Field div.DTE_Field_Message,
  38. div.DTE_Field div.DTE_Field_Error {
  39. font-size: 11px;
  40. line-height: 1em;
  41. margin-top: 5px;
  42. }
  43. div.DTE_Field div.DTE_Field_Info:empty,
  44. div.DTE_Field div.DTE_Field_Message:empty,
  45. div.DTE_Field div.DTE_Field_Error:empty {
  46. margin-top: 0;
  47. }
  48. div.DTE_Field div.DTE_Field_Error {
  49. display: none;
  50. color: #b11f1f;
  51. }
  52. div.DTE_Field div.multi-value {
  53. display: none;
  54. border: 1px dotted #666;
  55. border-radius: 3px;
  56. padding: 5px;
  57. background-color: #fafafa;
  58. cursor: pointer;
  59. }
  60. div.DTE_Field div.multi-value span {
  61. font-size: 0.8em;
  62. line-height: 1.25em;
  63. display: block;
  64. color: #666;
  65. }
  66. div.DTE_Field div.multi-value.multi-noEdit {
  67. border: 1px solid #ccc;
  68. cursor: auto;
  69. background-color: #fcfcfc;
  70. }
  71. div.DTE_Field div.multi-value.multi-noEdit:hover {
  72. background-color: #fcfcfc;
  73. }
  74. div.DTE_Field div.multi-value:hover {
  75. background-color: #f1f1f1;
  76. }
  77. div.DTE_Field.disabled {
  78. color: grey;
  79. }
  80. div.DTE_Field.disabled div.multi-value {
  81. cursor: default;
  82. border: 1px dotted #aaa;
  83. background-color: transparent;
  84. }
  85. div.DTE_Field div.multi-restore {
  86. display: none;
  87. margin-top: 0.5em;
  88. font-size: 0.8em;
  89. line-height: 1.25em;
  90. color: #3879d9;
  91. }
  92. div.DTE_Field div.multi-restore:hover {
  93. text-decoration: underline;
  94. cursor: pointer;
  95. }
  96. div.DTE_Field_Type_textarea textarea {
  97. padding: 3px;
  98. width: 100%;
  99. height: 80px;
  100. }
  101. div.DTE_Field.DTE_Field_Type_date img {
  102. vertical-align: middle;
  103. cursor: pointer;
  104. }
  105. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
  106. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
  107. margin-bottom: 0.25em;
  108. }
  109. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
  110. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
  111. margin-bottom: 0;
  112. }
  113. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
  114. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
  115. margin-left: 0.75em;
  116. vertical-align: middle;
  117. }
  118. div.DTE_Field_Type_select div.DTE_Field_Input {
  119. padding-top: 4px;
  120. }
  121. div.DTE_Body {
  122. padding: 52px 0;
  123. }
  124. div.DTE_Body div.DTE_Body_Content {
  125. position: relative;
  126. overflow: auto;
  127. }
  128. div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
  129. padding: 1em 1em 0 1em;
  130. margin: 0;
  131. }
  132. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  133. position: relative;
  134. zoom: 1;
  135. clear: both;
  136. padding: 5px 20%;
  137. border: 1px solid transparent;
  138. }
  139. div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
  140. display: block;
  141. content: ".";
  142. height: 0;
  143. line-height: 0;
  144. clear: both;
  145. visibility: hidden;
  146. }
  147. div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
  148. background-color: #f9f9f9;
  149. border: 1px solid #f3f3f3;
  150. }
  151. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  152. float: left;
  153. width: 40%;
  154. padding-top: 6px;
  155. }
  156. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  157. float: right;
  158. width: 60%;
  159. }
  160. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  161. padding: 5px 0 5px 20%;
  162. }
  163. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  164. width: 30%;
  165. }
  166. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  167. width: 70%;
  168. }
  169. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  170. float: none;
  171. clear: both;
  172. width: 100%;
  173. }
  174. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  175. float: right;
  176. }
  177. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  178. float: left;
  179. }
  180. html[dir="rtl"] div.DTE div.DTE_Form_Buttons button {
  181. float: left;
  182. }
  183. @media only screen and (max-width: 768px) {
  184. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  185. padding: 5px 10%;
  186. }
  187. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  188. padding: 5px 0 5px 10%;
  189. }
  190. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  191. width: 35.5%;
  192. }
  193. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  194. width: 64.5%;
  195. }
  196. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  197. width: 100%;
  198. }
  199. }
  200. @media only screen and (max-width: 640px) {
  201. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  202. padding: 5px 0;
  203. }
  204. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  205. padding: 5px 0%;
  206. }
  207. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  208. width: 40%;
  209. }
  210. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  211. width: 60%;
  212. }
  213. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  214. width: 100%;
  215. }
  216. }
  217. @media only screen and (max-width: 580px) {
  218. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  219. position: relative;
  220. zoom: 1;
  221. clear: both;
  222. padding: 5px 0;
  223. }
  224. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  225. float: none;
  226. width: auto;
  227. padding-top: 0;
  228. }
  229. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  230. float: none;
  231. width: auto;
  232. }
  233. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
  234. padding: 5px 0;
  235. }
  236. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
  237. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
  238. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  239. width: 100%;
  240. }
  241. }
  242. div.DTE_Bubble {
  243. position: absolute;
  244. z-index: 11;
  245. margin-top: -6px;
  246. opacity: 0;
  247. }
  248. div.DTE_Bubble div.DTE_Bubble_Liner {
  249. position: absolute;
  250. bottom: 0;
  251. border: 1px solid black;
  252. width: 300px;
  253. margin-left: -150px;
  254. background-color: white;
  255. box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
  256. border-radius: 6px;
  257. border: 1px solid #666;
  258. padding: 1em;
  259. background: #fcfcfc;
  260. -webkit-box-sizing: border-box;
  261. -moz-box-sizing: border-box;
  262. box-sizing: border-box;
  263. }
  264. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
  265. width: 100%;
  266. }
  267. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  268. padding: 0;
  269. }
  270. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  271. position: relative;
  272. zoom: 1;
  273. margin-bottom: 0.5em;
  274. }
  275. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
  276. margin-bottom: 0;
  277. }
  278. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
  279. padding-top: 0;
  280. margin-bottom: 0;
  281. }
  282. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  283. padding: 0;
  284. }
  285. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
  286. margin: 0;
  287. }
  288. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  289. text-align: right;
  290. margin-top: 1em;
  291. }
  292. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
  293. margin-bottom: 0;
  294. }
  295. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  296. border-top-left-radius: 5px;
  297. border-top-right-radius: 5px;
  298. }
  299. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
  300. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
  301. padding-top: 42px;
  302. }
  303. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
  304. float: none;
  305. display: none;
  306. padding: 0;
  307. margin-bottom: 0.5em;
  308. }
  309. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
  310. position: absolute;
  311. top: -11px;
  312. right: -11px;
  313. width: 22px;
  314. height: 22px;
  315. border: 2px solid white;
  316. background-color: black;
  317. text-align: center;
  318. border-radius: 15px;
  319. cursor: pointer;
  320. z-index: 12;
  321. box-shadow: 2px 2px 6px #111;
  322. }
  323. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  324. content: '\00d7';
  325. color: white;
  326. font-weight: bold;
  327. font-size: 18px;
  328. line-height: 22px;
  329. font-family: 'Courier New', Courier, monospace;
  330. padding-left: 1px;
  331. }
  332. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
  333. background-color: #092079;
  334. box-shadow: 2px 2px 9px #111;
  335. }
  336. div.DTE_Bubble div.DTE_Bubble_Triangle {
  337. position: absolute;
  338. height: 10px;
  339. width: 10px;
  340. top: -6px;
  341. background-color: white;
  342. border: 1px solid #666;
  343. border-top: none;
  344. border-right: none;
  345. -webkit-transform: rotate(-45deg);
  346. -moz-transform: rotate(-45deg);
  347. -ms-transform: rotate(-45deg);
  348. -o-transform: rotate(-45deg);
  349. transform: rotate(-45deg);
  350. }
  351. div.DTE_Bubble.below div.DTE_Bubble_Liner {
  352. top: 10px;
  353. bottom: auto;
  354. }
  355. div.DTE_Bubble.below div.DTE_Bubble_Triangle {
  356. top: 4px;
  357. -webkit-transform: rotate(135deg);
  358. -moz-transform: rotate(135deg);
  359. -ms-transform: rotate(135deg);
  360. -o-transform: rotate(135deg);
  361. transform: rotate(135deg);
  362. }
  363. div.DTE_Bubble_Background {
  364. position: fixed;
  365. top: 0;
  366. left: 0;
  367. width: 100%;
  368. height: 100%;
  369. background: rgba(0, 0, 0, 0.7);
  370. /* Fallback */
  371. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  372. /* IE10 Consumer Preview */
  373. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  374. /* Firefox */
  375. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  376. /* Opera */
  377. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  378. /* Webkit (Safari/Chrome 10) */
  379. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  380. /* Webkit (Chrome 11+) */
  381. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  382. /* W3C Markup, IE10 Release Preview */
  383. z-index: 10;
  384. }
  385. div.DTE_Bubble_Background > div {
  386. position: absolute;
  387. top: 0;
  388. right: 0;
  389. left: 0;
  390. bottom: 0;
  391. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  392. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  393. }
  394. div.DTE_Bubble_Background > div:not([dummy]) {
  395. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  396. }
  397. div.DTE_Inline {
  398. position: relative;
  399. display: table;
  400. width: 100%;
  401. }
  402. div.DTE_Inline div.DTE_Inline_Field,
  403. div.DTE_Inline div.DTE_Inline_Buttons {
  404. display: table-cell;
  405. vertical-align: middle;
  406. }
  407. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
  408. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
  409. padding: 0;
  410. }
  411. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
  412. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
  413. display: none;
  414. }
  415. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],
  416. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],
  417. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],
  418. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],
  419. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],
  420. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],
  421. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],
  422. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],
  423. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],
  424. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],
  425. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],
  426. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],
  427. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],
  428. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],
  429. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],
  430. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],
  431. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],
  432. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],
  433. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],
  434. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],
  435. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],
  436. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],
  437. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],
  438. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],
  439. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],
  440. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],
  441. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],
  442. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] {
  443. width: 100%;
  444. }
  445. div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
  446. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
  447. margin: -6px 0 -6px 4px;
  448. padding: 5px;
  449. }
  450. div.DTE_Inline div.DTE_Field input[type="color"],
  451. div.DTE_Inline div.DTE_Field input[type="date"],
  452. div.DTE_Inline div.DTE_Field input[type="datetime"],
  453. div.DTE_Inline div.DTE_Field input[type="datetime-local"],
  454. div.DTE_Inline div.DTE_Field input[type="email"],
  455. div.DTE_Inline div.DTE_Field input[type="month"],
  456. div.DTE_Inline div.DTE_Field input[type="number"],
  457. div.DTE_Inline div.DTE_Field input[type="password"],
  458. div.DTE_Inline div.DTE_Field input[type="search"],
  459. div.DTE_Inline div.DTE_Field input[type="tel"],
  460. div.DTE_Inline div.DTE_Field input[type="text"],
  461. div.DTE_Inline div.DTE_Field input[type="time"],
  462. div.DTE_Inline div.DTE_Field input[type="url"],
  463. div.DTE_Inline div.DTE_Field input[type="week"] {
  464. margin: -6px 0;
  465. }
  466. div.DTE_Inline div.DTE_Field_Error,
  467. div.DTE_Inline div.DTE_Form_Error {
  468. font-size: 11px;
  469. line-height: 1.2em;
  470. padding: 0;
  471. margin-top: 10px;
  472. }
  473. div.DTE_Inline div.DTE_Field_Error:empty,
  474. div.DTE_Inline div.DTE_Form_Error:empty {
  475. margin-top: 0;
  476. }
  477. span.dtr-data div.DTE_Inline {
  478. display: inline-table;
  479. }
  480. table.dataTable tbody tr.highlight {
  481. background-color: #FFFBCC !important;
  482. }
  483. table.dataTable tbody tr.highlight,
  484. table.dataTable tbody tr.noHighlight,
  485. table.dataTable tbody tr.highlight td,
  486. table.dataTable tbody tr.noHighlight td {
  487. -webkit-transition: background-color 500ms linear;
  488. -moz-transition: background-color 500ms linear;
  489. -ms-transition: background-color 500ms linear;
  490. -o-transition: background-color 500ms linear;
  491. transition: background-color 500ms linear;
  492. }
  493. table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
  494. background-color: #f9f5c7;
  495. }
  496. table.dataTable.hover tbody tr:hover.highlight,
  497. table.dataTable.hover tbody tr.odd:hover.highlight,
  498. table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
  499. table.dataTable.display tbody tr.odd:hover.highlight,
  500. table.dataTable.display tbody tr.even:hover.highlight {
  501. background-color: #f6f2c5;
  502. }
  503. table.dataTable.order-column tbody tr.highlight > .sorting_1,
  504. table.dataTable.order-column tbody tr.highlight > .sorting_2,
  505. table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
  506. table.dataTable.display tbody tr.highlight > .sorting_2,
  507. table.dataTable.display tbody tr.highlight > .sorting_3 {
  508. background-color: #faf6c8;
  509. }
  510. table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
  511. background-color: #f1edc1;
  512. }
  513. table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
  514. background-color: #f3efc2;
  515. }
  516. table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
  517. background-color: #f5f1c4;
  518. }
  519. table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
  520. background-color: #faf6c8;
  521. }
  522. table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
  523. background-color: #fcf8ca;
  524. }
  525. table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
  526. background-color: #fefacb;
  527. }
  528. table.dataTable.display tbody tr:hover.highlight > .sorting_1,
  529. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
  530. table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
  531. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
  532. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
  533. background-color: #eae6bb;
  534. }
  535. table.dataTable.display tbody tr:hover.highlight > .sorting_2,
  536. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
  537. table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
  538. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
  539. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
  540. background-color: #ece8bd;
  541. }
  542. table.dataTable.display tbody tr:hover.highlight > .sorting_3,
  543. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
  544. table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
  545. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
  546. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
  547. background-color: #efebbf;
  548. }
  549. div.DTE div.editor_upload {
  550. padding-top: 4px;
  551. }
  552. div.DTE div.editor_upload div.eu_table {
  553. display: table;
  554. width: 100%;
  555. }
  556. div.DTE div.editor_upload div.row {
  557. display: table-row;
  558. }
  559. div.DTE div.editor_upload div.cell {
  560. display: table-cell;
  561. position: relative;
  562. width: 50%;
  563. vertical-align: top;
  564. }
  565. div.DTE div.editor_upload div.cell + div.cell {
  566. padding-left: 10px;
  567. }
  568. div.DTE div.editor_upload div.row + div.row div.cell {
  569. padding-top: 10px;
  570. }
  571. div.DTE div.editor_upload button.btn,
  572. div.DTE div.editor_upload input[type=file] {
  573. width: 100%;
  574. height: 2.3em;
  575. font-size: 0.8em;
  576. text-align: center;
  577. line-height: 1em;
  578. }
  579. div.DTE div.editor_upload input[type=file] {
  580. position: absolute;
  581. top: 0;
  582. left: 0;
  583. width: 100%;
  584. opacity: 0;
  585. }
  586. div.DTE div.editor_upload div.drop {
  587. position: relative;
  588. box-sizing: border-box;
  589. width: 100%;
  590. height: 100%;
  591. border: 3px dashed #ccc;
  592. border-radius: 6px;
  593. min-height: 4em;
  594. color: #999;
  595. padding-top: 3px;
  596. text-align: center;
  597. }
  598. div.DTE div.editor_upload div.drop.over {
  599. border: 3px dashed #111;
  600. color: #111;
  601. }
  602. div.DTE div.editor_upload div.drop span {
  603. max-width: 75%;
  604. font-size: 0.85em;
  605. line-height: 1em;
  606. }
  607. div.DTE div.editor_upload div.rendered img {
  608. max-width: 8em;
  609. margin: 0 auto;
  610. }
  611. div.DTE div.editor_upload.noDrop div.drop {
  612. display: none;
  613. }
  614. div.DTE div.editor_upload.noDrop div.row.second {
  615. display: none;
  616. }
  617. div.DTE div.editor_upload.noDrop div.rendered {
  618. margin-top: 10px;
  619. }
  620. div.DTE div.editor_upload.noClear div.clearValue button {
  621. display: none;
  622. }
  623. div.DTE div.editor_upload.multi div.cell {
  624. display: block;
  625. width: 100%;
  626. }
  627. div.DTE div.editor_upload.multi div.cell div.drop {
  628. min-height: 0;
  629. padding-bottom: 5px;
  630. }
  631. div.DTE div.editor_upload.multi div.clearValue {
  632. display: none;
  633. }
  634. div.DTE div.editor_upload.multi ul {
  635. list-style-type: none;
  636. margin: 0;
  637. padding: 0;
  638. }
  639. div.DTE div.editor_upload.multi ul li {
  640. position: relative;
  641. margin-top: 0.5em;
  642. }
  643. div.DTE div.editor_upload.multi ul li:first-child {
  644. margin-top: 0;
  645. }
  646. div.DTE div.editor_upload.multi ul li img {
  647. vertical-align: middle;
  648. }
  649. div.DTE div.editor_upload.multi ul li button {
  650. position: absolute;
  651. width: 40px;
  652. right: 0;
  653. top: 50%;
  654. margin-top: -1.5em;
  655. }
  656. div.editor-datetime {
  657. position: absolute;
  658. background-color: white;
  659. z-index: 2050;
  660. border: 1px solid #ccc;
  661. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  662. padding: 0 20px 6px 20px;
  663. width: 275px;
  664. }
  665. div.editor-datetime div.editor-datetime-title {
  666. text-align: center;
  667. padding: 5px 0px 3px;
  668. }
  669. div.editor-datetime table {
  670. border-spacing: 0;
  671. margin: 12px 0;
  672. width: 100%;
  673. }
  674. div.editor-datetime table.editor-datetime-table-nospace {
  675. margin-top: -12px;
  676. }
  677. div.editor-datetime table th {
  678. font-size: 0.8em;
  679. color: #777;
  680. font-weight: normal;
  681. width: 14.285714286%;
  682. padding: 0 0 4px 0;
  683. text-align: center;
  684. }
  685. div.editor-datetime table td {
  686. font-size: 0.9em;
  687. color: #444;
  688. padding: 0;
  689. }
  690. div.editor-datetime table td.selectable {
  691. text-align: center;
  692. background: #f5f5f5;
  693. }
  694. div.editor-datetime table td.selectable.disabled {
  695. color: #aaa;
  696. background: white;
  697. }
  698. div.editor-datetime table td.selectable.disabled button:hover {
  699. color: #aaa;
  700. background: white;
  701. }
  702. div.editor-datetime table td.selectable.now {
  703. background-color: #ddd;
  704. }
  705. div.editor-datetime table td.selectable.now button {
  706. font-weight: bold;
  707. }
  708. div.editor-datetime table td.selectable.selected button {
  709. background: #4E6CA3;
  710. color: white;
  711. border-radius: 2px;
  712. }
  713. div.editor-datetime table td.selectable button:hover {
  714. background: #ff8000;
  715. color: white;
  716. border-radius: 2px;
  717. }
  718. div.editor-datetime table td.editor-datetime-week {
  719. font-size: 0.7em;
  720. }
  721. div.editor-datetime table button {
  722. width: 100%;
  723. box-sizing: border-box;
  724. border: none;
  725. background: transparent;
  726. font-size: inherit;
  727. color: inherit;
  728. text-align: center;
  729. padding: 4px 0;
  730. cursor: pointer;
  731. margin: 0;
  732. }
  733. div.editor-datetime table button span {
  734. display: inline-block;
  735. min-width: 14px;
  736. text-align: right;
  737. }
  738. div.editor-datetime table.weekNumber th {
  739. width: 12.5%;
  740. }
  741. div.editor-datetime div.editor-datetime-calendar table {
  742. margin-top: 0;
  743. }
  744. div.editor-datetime div.editor-datetime-label {
  745. position: relative;
  746. display: inline-block;
  747. height: 30px;
  748. padding: 5px 6px;
  749. border: 1px solid transparent;
  750. box-sizing: border-box;
  751. cursor: pointer;
  752. }
  753. div.editor-datetime div.editor-datetime-label:hover {
  754. border: 1px solid #ddd;
  755. border-radius: 2px;
  756. background-color: #f5f5f5;
  757. }
  758. div.editor-datetime div.editor-datetime-label select {
  759. position: absolute;
  760. top: 6px;
  761. left: 0;
  762. cursor: pointer;
  763. opacity: 0;
  764. -ms-filter: "alpha(opacity=0)";
  765. }
  766. div.editor-datetime.horizontal {
  767. width: 550px;
  768. }
  769. div.editor-datetime.horizontal div.editor-datetime-date,
  770. div.editor-datetime.horizontal div.editor-datetime-time {
  771. width: 48%;
  772. }
  773. div.editor-datetime.horizontal div.editor-datetime-time {
  774. margin-left: 4%;
  775. }
  776. div.editor-datetime div.editor-datetime-date {
  777. position: relative;
  778. float: left;
  779. width: 100%;
  780. }
  781. div.editor-datetime div.editor-datetime-time {
  782. position: relative;
  783. float: left;
  784. width: 100%;
  785. text-align: center;
  786. }
  787. div.editor-datetime div.editor-datetime-time > span {
  788. vertical-align: middle;
  789. }
  790. div.editor-datetime div.editor-datetime-time th {
  791. text-align: left;
  792. }
  793. div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
  794. display: inline-block;
  795. vertical-align: middle;
  796. }
  797. div.editor-datetime div.editor-datetime-iconLeft,
  798. div.editor-datetime div.editor-datetime-iconRight,
  799. div.editor-datetime div.editor-datetime-iconUp,
  800. div.editor-datetime div.editor-datetime-iconDown {
  801. width: 30px;
  802. height: 30px;
  803. background-position: center;
  804. background-repeat: no-repeat;
  805. opacity: 0.3;
  806. overflow: hidden;
  807. box-sizing: border-box;
  808. }
  809. div.editor-datetime div.editor-datetime-iconLeft:hover,
  810. div.editor-datetime div.editor-datetime-iconRight:hover,
  811. div.editor-datetime div.editor-datetime-iconUp:hover,
  812. div.editor-datetime div.editor-datetime-iconDown:hover {
  813. border: 1px solid #ccc;
  814. border-radius: 2px;
  815. background-color: #f0f0f0;
  816. opacity: 0.6;
  817. }
  818. div.editor-datetime div.editor-datetime-iconLeft button,
  819. div.editor-datetime div.editor-datetime-iconRight button,
  820. div.editor-datetime div.editor-datetime-iconUp button,
  821. div.editor-datetime div.editor-datetime-iconDown button {
  822. border: none;
  823. background: transparent;
  824. text-indent: 30px;
  825. height: 100%;
  826. width: 100%;
  827. cursor: pointer;
  828. }
  829. div.editor-datetime div.editor-datetime-iconLeft {
  830. position: absolute;
  831. top: 5px;
  832. left: 5px;
  833. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  834. }
  835. div.editor-datetime div.editor-datetime-iconRight {
  836. position: absolute;
  837. top: 5px;
  838. right: 5px;
  839. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  840. }
  841. div.editor-datetime div.editor-datetime-iconUp {
  842. height: 20px;
  843. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
  844. }
  845. div.editor-datetime div.editor-datetime-iconDown {
  846. height: 20px;
  847. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
  848. }
  849. div.editor-datetime-error {
  850. clear: both;
  851. padding: 0 1em;
  852. max-width: 240px;
  853. font-size: 11px;
  854. line-height: 1.25em;
  855. text-align: center;
  856. color: #b11f1f;
  857. }
  858. div.DTE div.DTE_Processing_Indicator {
  859. position: absolute;
  860. top: 17px;
  861. right: 9px;
  862. height: 2em;
  863. width: 2em;
  864. z-index: 20;
  865. font-size: 12px;
  866. display: none;
  867. -webkit-transform: translateZ(0);
  868. -ms-transform: translateZ(0);
  869. transform: translateZ(0);
  870. }
  871. div.DTE.processing div.DTE_Processing_Indicator {
  872. display: block;
  873. }
  874. div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
  875. display: none;
  876. }
  877. div.DTE div.DTE_Field div.DTE_Processing_Indicator {
  878. top: 13px;
  879. right: 0;
  880. font-size: 8px;
  881. }
  882. div.DTE.DTE_Inline div.DTE_Processing_Indicator {
  883. top: 5px;
  884. right: 6px;
  885. font-size: 6px;
  886. }
  887. div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
  888. top: 10px;
  889. right: 14px;
  890. font-size: 8px;
  891. }
  892. div.DTE div.DTE_Processing_Indicator span,
  893. div.DTE div.DTE_Processing_Indicator:before,
  894. div.DTE div.DTE_Processing_Indicator:after {
  895. display: block;
  896. background: black;
  897. width: 0.5em;
  898. height: 1.5em;
  899. border: 1px solid rgba(0, 0, 0, 0.4);
  900. background-color: rgba(0, 0, 0, 0.1);
  901. -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
  902. animation: editorProcessing 0.9s infinite ease-in-out;
  903. }
  904. div.DTE div.DTE_Processing_Indicator:before,
  905. div.DTE div.DTE_Processing_Indicator:after {
  906. position: absolute;
  907. top: 0;
  908. content: '';
  909. }
  910. div.DTE div.DTE_Processing_Indicator:before {
  911. left: -1em;
  912. -webkit-animation-delay: -0.3s;
  913. animation-delay: -0.3s;
  914. }
  915. div.DTE div.DTE_Processing_Indicator span {
  916. -webkit-animation-delay: -0.15s;
  917. animation-delay: -0.15s;
  918. }
  919. div.DTE div.DTE_Processing_Indicator:after {
  920. left: 1em;
  921. }
  922. @-webkit-keyframes editorProcessing {
  923. 0%,
  924. 80%,
  925. 100% {
  926. transform: scale(1, 1);
  927. }
  928. 40% {
  929. transform: scale(1, 1.5);
  930. }
  931. }
  932. @keyframes editorProcessing {
  933. 0%,
  934. 80%,
  935. 100% {
  936. transform: scale(1, 1);
  937. }
  938. 40% {
  939. transform: scale(1, 1.5);
  940. }
  941. }
  942. div.DTE {
  943. font-size: 0.91em;
  944. }
  945. div.DTE div.DTE_Header {
  946. display: none;
  947. }
  948. div.DTE div.DTE_Body {
  949. padding: 0;
  950. }
  951. div.DTE div.DTE_Body div.DTE_Body_Content {
  952. overflow: hidden;
  953. }
  954. div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  955. padding: 5px 5%;
  956. }
  957. div.DTE div.DTE_Footer {
  958. display: none;
  959. }
  960. div.DTE div.DTE_Form_Error {
  961. padding-top: 1em;
  962. color: red;
  963. display: none;
  964. color: #b11f1f;
  965. }
  966. div.DTE div.DTE_Processing_Indicator {
  967. top: 12px;
  968. right: 2px;
  969. font-size: 0.8em;
  970. }
  971. div.DTE div.DTE_Form_Buttons {
  972. text-align: right;
  973. padding: 0;
  974. }