暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

editor.semanticui.css 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758
  1. div.DTE div.DTE_Form_Error {
  2. display: none;
  3. color: #b11f1f;
  4. }
  5. div.DTE label {
  6. padding-top: 9px !important;
  7. align-self: flex-start;
  8. justify-content: flex-end;
  9. }
  10. div.DTE div.eight.wide.field {
  11. flex-direction: column;
  12. }
  13. div.DTE div.DTE_Field_InputControl {
  14. width: 100%;
  15. margin: 0 !important;
  16. }
  17. div.DTE div.ui.message:empty {
  18. display: none;
  19. }
  20. div.DTE_Field div.ui.message {
  21. width: 100%;
  22. }
  23. div.DTE_Field div.multi-value,
  24. div.DTE_Field div.multi-restore {
  25. display: none;
  26. cursor: pointer;
  27. margin-top: 0;
  28. }
  29. div.DTE_Field div.multi-value span,
  30. div.DTE_Field div.multi-restore span {
  31. display: block;
  32. color: #666;
  33. font-size: 0.85em;
  34. line-height: 1.35em;
  35. }
  36. div.DTE_Field div.multi-value:hover,
  37. div.DTE_Field div.multi-restore:hover {
  38. background-color: #f1f1f1;
  39. }
  40. div.DTE_Field div.multi-restore {
  41. margin-top: 0.5em;
  42. font-size: 0.8em;
  43. line-height: 1.25em;
  44. }
  45. div.DTE_Field:after {
  46. display: block;
  47. content: ".";
  48. height: 0;
  49. line-height: 0;
  50. clear: both;
  51. visibility: hidden;
  52. }
  53. div.DTE_Inline {
  54. position: relative;
  55. display: table;
  56. width: 100%;
  57. }
  58. div.DTE_Inline div.DTE_Inline_Field,
  59. div.DTE_Inline div.DTE_Inline_Buttons {
  60. display: table-cell;
  61. vertical-align: middle;
  62. }
  63. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
  64. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
  65. padding: 0;
  66. }
  67. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
  68. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
  69. display: none;
  70. }
  71. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],
  72. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],
  73. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],
  74. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],
  75. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],
  76. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],
  77. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],
  78. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],
  79. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],
  80. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],
  81. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],
  82. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],
  83. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],
  84. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],
  85. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],
  86. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],
  87. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],
  88. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],
  89. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],
  90. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],
  91. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],
  92. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],
  93. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],
  94. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],
  95. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],
  96. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],
  97. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],
  98. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] {
  99. width: 100%;
  100. }
  101. div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
  102. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
  103. margin: -6px 0 -6px 4px;
  104. padding: 5px;
  105. }
  106. div.DTE_Inline div.DTE_Field input[type="color"],
  107. div.DTE_Inline div.DTE_Field input[type="date"],
  108. div.DTE_Inline div.DTE_Field input[type="datetime"],
  109. div.DTE_Inline div.DTE_Field input[type="datetime-local"],
  110. div.DTE_Inline div.DTE_Field input[type="email"],
  111. div.DTE_Inline div.DTE_Field input[type="month"],
  112. div.DTE_Inline div.DTE_Field input[type="number"],
  113. div.DTE_Inline div.DTE_Field input[type="password"],
  114. div.DTE_Inline div.DTE_Field input[type="search"],
  115. div.DTE_Inline div.DTE_Field input[type="tel"],
  116. div.DTE_Inline div.DTE_Field input[type="text"],
  117. div.DTE_Inline div.DTE_Field input[type="time"],
  118. div.DTE_Inline div.DTE_Field input[type="url"],
  119. div.DTE_Inline div.DTE_Field input[type="week"] {
  120. margin: -6px 0;
  121. }
  122. div.DTE_Inline div.DTE_Field_Error,
  123. div.DTE_Inline div.DTE_Form_Error {
  124. font-size: 11px;
  125. line-height: 1.2em;
  126. padding: 0;
  127. margin-top: 10px;
  128. }
  129. div.DTE_Inline div.DTE_Field_Error:empty,
  130. div.DTE_Inline div.DTE_Form_Error:empty {
  131. margin-top: 0;
  132. }
  133. span.dtr-data div.DTE_Inline {
  134. display: inline-table;
  135. }
  136. div.DTE.DTE_Inline.ui.form label {
  137. display: none !important;
  138. }
  139. div.DTE.DTE_Inline.ui.form div.DTE_Field {
  140. width: 100%;
  141. margin: 0 !important;
  142. }
  143. div.DTE.DTE_Inline.ui.form div.DTE_Field div.DTE_Field_Input {
  144. width: 100% !important;
  145. box-sizing: border-box;
  146. }
  147. div.DTE.DTE_Inline.ui.form div.DTE_Field > div {
  148. width: 100%;
  149. padding: 0;
  150. }
  151. div.DTE.DTE_Inline.ui.form.DTE_Processing:after {
  152. top: 5px;
  153. }
  154. div.DTE_Bubble {
  155. position: absolute;
  156. z-index: 11;
  157. margin-top: -6px;
  158. opacity: 0;
  159. }
  160. div.DTE_Bubble div.DTE_Bubble_Liner {
  161. position: absolute;
  162. bottom: 0;
  163. border: 1px solid black;
  164. width: 300px;
  165. margin-left: -150px;
  166. background-color: white;
  167. box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
  168. border-radius: 6px;
  169. border: 1px solid #666;
  170. padding: 1em;
  171. background: #fcfcfc;
  172. -webkit-box-sizing: border-box;
  173. -moz-box-sizing: border-box;
  174. box-sizing: border-box;
  175. }
  176. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
  177. width: 100%;
  178. }
  179. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  180. padding: 0;
  181. }
  182. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  183. position: relative;
  184. zoom: 1;
  185. margin-bottom: 0.5em;
  186. }
  187. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
  188. margin-bottom: 0;
  189. }
  190. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
  191. padding-top: 0;
  192. margin-bottom: 0;
  193. }
  194. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  195. padding: 0;
  196. }
  197. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
  198. margin: 0;
  199. }
  200. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  201. text-align: right;
  202. margin-top: 1em;
  203. }
  204. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
  205. margin-bottom: 0;
  206. }
  207. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  208. border-top-left-radius: 5px;
  209. border-top-right-radius: 5px;
  210. }
  211. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
  212. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
  213. padding-top: 42px;
  214. }
  215. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
  216. float: none;
  217. display: none;
  218. padding: 0;
  219. margin-bottom: 0.5em;
  220. }
  221. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
  222. position: absolute;
  223. top: -11px;
  224. right: -11px;
  225. width: 22px;
  226. height: 22px;
  227. border: 2px solid white;
  228. background-color: black;
  229. text-align: center;
  230. border-radius: 15px;
  231. cursor: pointer;
  232. z-index: 12;
  233. box-shadow: 2px 2px 6px #111;
  234. }
  235. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  236. content: '\00d7';
  237. color: white;
  238. font-weight: bold;
  239. font-size: 18px;
  240. line-height: 22px;
  241. font-family: 'Courier New', Courier, monospace;
  242. padding-left: 1px;
  243. }
  244. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
  245. background-color: #092079;
  246. box-shadow: 2px 2px 9px #111;
  247. }
  248. div.DTE_Bubble div.DTE_Bubble_Triangle {
  249. position: absolute;
  250. height: 10px;
  251. width: 10px;
  252. top: -6px;
  253. background-color: white;
  254. border: 1px solid #666;
  255. border-top: none;
  256. border-right: none;
  257. -webkit-transform: rotate(-45deg);
  258. -moz-transform: rotate(-45deg);
  259. -ms-transform: rotate(-45deg);
  260. -o-transform: rotate(-45deg);
  261. transform: rotate(-45deg);
  262. }
  263. div.DTE_Bubble.below div.DTE_Bubble_Liner {
  264. top: 10px;
  265. bottom: auto;
  266. }
  267. div.DTE_Bubble.below div.DTE_Bubble_Triangle {
  268. top: 4px;
  269. -webkit-transform: rotate(135deg);
  270. -moz-transform: rotate(135deg);
  271. -ms-transform: rotate(135deg);
  272. -o-transform: rotate(135deg);
  273. transform: rotate(135deg);
  274. }
  275. div.DTE_Bubble_Background {
  276. position: fixed;
  277. top: 0;
  278. left: 0;
  279. width: 100%;
  280. height: 100%;
  281. background: rgba(0, 0, 0, 0.7);
  282. /* Fallback */
  283. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  284. /* IE10 Consumer Preview */
  285. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  286. /* Firefox */
  287. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  288. /* Opera */
  289. 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)));
  290. /* Webkit (Safari/Chrome 10) */
  291. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  292. /* Webkit (Chrome 11+) */
  293. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  294. /* W3C Markup, IE10 Release Preview */
  295. z-index: 10;
  296. }
  297. div.DTE_Bubble_Background > div {
  298. position: absolute;
  299. top: 0;
  300. right: 0;
  301. left: 0;
  302. bottom: 0;
  303. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  304. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  305. }
  306. div.DTE_Bubble_Background > div:not([dummy]) {
  307. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  308. }
  309. div.DTE_Bubble {
  310. z-index: 1001;
  311. }
  312. div.DTE_Bubble div.DTE_Bubble_Liner {
  313. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  314. border-radius: 6px;
  315. padding: 1em;
  316. border: 1px solid rgba(0, 0, 0, 0.2);
  317. }
  318. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  319. flex-direction: column;
  320. }
  321. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
  322. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  323. justify-content: flex-start;
  324. width: 100% !important;
  325. float: none;
  326. clear: both;
  327. text-align: left;
  328. }
  329. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
  330. padding-bottom: 4px;
  331. }
  332. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:first-child label {
  333. padding-top: 0 !important;
  334. }
  335. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  336. text-align: right;
  337. padding: 0;
  338. }
  339. div.DTE_Bubble div.DTE_Bubble_Triangle {
  340. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  341. border-left: 1px solid rgba(0, 0, 0, 0.2);
  342. }
  343. div.DTE div.editor_upload {
  344. padding-top: 4px;
  345. }
  346. div.DTE div.editor_upload div.eu_table {
  347. display: table;
  348. width: 100%;
  349. }
  350. div.DTE div.editor_upload div.row {
  351. display: table-row;
  352. }
  353. div.DTE div.editor_upload div.cell {
  354. display: table-cell;
  355. position: relative;
  356. width: 50%;
  357. vertical-align: top;
  358. }
  359. div.DTE div.editor_upload div.cell + div.cell {
  360. padding-left: 10px;
  361. }
  362. div.DTE div.editor_upload div.row + div.row div.cell {
  363. padding-top: 10px;
  364. }
  365. div.DTE div.editor_upload button.btn,
  366. div.DTE div.editor_upload input[type=file] {
  367. width: 100%;
  368. height: 2.3em;
  369. font-size: 0.8em;
  370. text-align: center;
  371. line-height: 1em;
  372. }
  373. div.DTE div.editor_upload input[type=file] {
  374. position: absolute;
  375. top: 0;
  376. left: 0;
  377. width: 100%;
  378. opacity: 0;
  379. }
  380. div.DTE div.editor_upload div.drop {
  381. position: relative;
  382. box-sizing: border-box;
  383. width: 100%;
  384. height: 100%;
  385. border: 3px dashed #ccc;
  386. border-radius: 6px;
  387. min-height: 4em;
  388. color: #999;
  389. padding-top: 3px;
  390. text-align: center;
  391. }
  392. div.DTE div.editor_upload div.drop.over {
  393. border: 3px dashed #111;
  394. color: #111;
  395. }
  396. div.DTE div.editor_upload div.drop span {
  397. max-width: 75%;
  398. font-size: 0.85em;
  399. line-height: 1em;
  400. }
  401. div.DTE div.editor_upload div.rendered img {
  402. max-width: 8em;
  403. margin: 0 auto;
  404. }
  405. div.DTE div.editor_upload.noDrop div.drop {
  406. display: none;
  407. }
  408. div.DTE div.editor_upload.noDrop div.row.second {
  409. display: none;
  410. }
  411. div.DTE div.editor_upload.noDrop div.rendered {
  412. margin-top: 10px;
  413. }
  414. div.DTE div.editor_upload.noClear div.clearValue button {
  415. display: none;
  416. }
  417. div.DTE div.editor_upload.multi div.cell {
  418. display: block;
  419. width: 100%;
  420. }
  421. div.DTE div.editor_upload.multi div.cell div.drop {
  422. min-height: 0;
  423. padding-bottom: 5px;
  424. }
  425. div.DTE div.editor_upload.multi div.clearValue {
  426. display: none;
  427. }
  428. div.DTE div.editor_upload.multi ul {
  429. list-style-type: none;
  430. margin: 0;
  431. padding: 0;
  432. }
  433. div.DTE div.editor_upload.multi ul li {
  434. position: relative;
  435. margin-top: 0.5em;
  436. }
  437. div.DTE div.editor_upload.multi ul li:first-child {
  438. margin-top: 0;
  439. }
  440. div.DTE div.editor_upload.multi ul li img {
  441. vertical-align: middle;
  442. }
  443. div.DTE div.editor_upload.multi ul li button {
  444. position: absolute;
  445. width: 40px;
  446. right: 0;
  447. top: 50%;
  448. margin-top: -1.5em;
  449. }
  450. div.DTE div.editor_upload button.btn,
  451. div.DTE div.editor_upload input[type=file] {
  452. height: auto;
  453. }
  454. div.DTE div.editor_upload ul li button {
  455. padding-bottom: 8px;
  456. }
  457. div.editor-datetime {
  458. position: absolute;
  459. background-color: white;
  460. z-index: 2050;
  461. border: 1px solid #ccc;
  462. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  463. padding: 0 20px 6px 20px;
  464. width: 275px;
  465. }
  466. div.editor-datetime div.editor-datetime-title {
  467. text-align: center;
  468. padding: 5px 0px 3px;
  469. }
  470. div.editor-datetime table {
  471. border-spacing: 0;
  472. margin: 12px 0;
  473. width: 100%;
  474. }
  475. div.editor-datetime table.editor-datetime-table-nospace {
  476. margin-top: -12px;
  477. }
  478. div.editor-datetime table th {
  479. font-size: 0.8em;
  480. color: #777;
  481. font-weight: normal;
  482. width: 14.285714286%;
  483. padding: 0 0 4px 0;
  484. text-align: center;
  485. }
  486. div.editor-datetime table td {
  487. font-size: 0.9em;
  488. color: #444;
  489. padding: 0;
  490. }
  491. div.editor-datetime table td.selectable {
  492. text-align: center;
  493. background: #f5f5f5;
  494. }
  495. div.editor-datetime table td.selectable.disabled {
  496. color: #aaa;
  497. background: white;
  498. }
  499. div.editor-datetime table td.selectable.disabled button:hover {
  500. color: #aaa;
  501. background: white;
  502. }
  503. div.editor-datetime table td.selectable.now {
  504. background-color: #ddd;
  505. }
  506. div.editor-datetime table td.selectable.now button {
  507. font-weight: bold;
  508. }
  509. div.editor-datetime table td.selectable.selected button {
  510. background: #2185D0;
  511. color: white;
  512. border-radius: 2px;
  513. }
  514. div.editor-datetime table td.selectable button:hover {
  515. background: #ff8000;
  516. color: white;
  517. border-radius: 2px;
  518. }
  519. div.editor-datetime table td.editor-datetime-week {
  520. font-size: 0.7em;
  521. }
  522. div.editor-datetime table button {
  523. width: 100%;
  524. box-sizing: border-box;
  525. border: none;
  526. background: transparent;
  527. font-size: inherit;
  528. color: inherit;
  529. text-align: center;
  530. padding: 4px 0;
  531. cursor: pointer;
  532. margin: 0;
  533. }
  534. div.editor-datetime table button span {
  535. display: inline-block;
  536. min-width: 14px;
  537. text-align: right;
  538. }
  539. div.editor-datetime table.weekNumber th {
  540. width: 12.5%;
  541. }
  542. div.editor-datetime div.editor-datetime-calendar table {
  543. margin-top: 0;
  544. }
  545. div.editor-datetime div.editor-datetime-label {
  546. position: relative;
  547. display: inline-block;
  548. height: 30px;
  549. padding: 5px 6px;
  550. border: 1px solid transparent;
  551. box-sizing: border-box;
  552. cursor: pointer;
  553. }
  554. div.editor-datetime div.editor-datetime-label:hover {
  555. border: 1px solid #ddd;
  556. border-radius: 2px;
  557. background-color: #f5f5f5;
  558. }
  559. div.editor-datetime div.editor-datetime-label select {
  560. position: absolute;
  561. top: 6px;
  562. left: 0;
  563. cursor: pointer;
  564. opacity: 0;
  565. -ms-filter: "alpha(opacity=0)";
  566. }
  567. div.editor-datetime.horizontal {
  568. width: 550px;
  569. }
  570. div.editor-datetime.horizontal div.editor-datetime-date,
  571. div.editor-datetime.horizontal div.editor-datetime-time {
  572. width: 48%;
  573. }
  574. div.editor-datetime.horizontal div.editor-datetime-time {
  575. margin-left: 4%;
  576. }
  577. div.editor-datetime div.editor-datetime-date {
  578. position: relative;
  579. float: left;
  580. width: 100%;
  581. }
  582. div.editor-datetime div.editor-datetime-time {
  583. position: relative;
  584. float: left;
  585. width: 100%;
  586. text-align: center;
  587. }
  588. div.editor-datetime div.editor-datetime-time > span {
  589. vertical-align: middle;
  590. }
  591. div.editor-datetime div.editor-datetime-time th {
  592. text-align: left;
  593. }
  594. div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
  595. display: inline-block;
  596. vertical-align: middle;
  597. }
  598. div.editor-datetime div.editor-datetime-iconLeft,
  599. div.editor-datetime div.editor-datetime-iconRight,
  600. div.editor-datetime div.editor-datetime-iconUp,
  601. div.editor-datetime div.editor-datetime-iconDown {
  602. width: 30px;
  603. height: 30px;
  604. background-position: center;
  605. background-repeat: no-repeat;
  606. opacity: 0.3;
  607. overflow: hidden;
  608. box-sizing: border-box;
  609. }
  610. div.editor-datetime div.editor-datetime-iconLeft:hover,
  611. div.editor-datetime div.editor-datetime-iconRight:hover,
  612. div.editor-datetime div.editor-datetime-iconUp:hover,
  613. div.editor-datetime div.editor-datetime-iconDown:hover {
  614. border: 1px solid #ccc;
  615. border-radius: 2px;
  616. background-color: #f0f0f0;
  617. opacity: 0.6;
  618. }
  619. div.editor-datetime div.editor-datetime-iconLeft button,
  620. div.editor-datetime div.editor-datetime-iconRight button,
  621. div.editor-datetime div.editor-datetime-iconUp button,
  622. div.editor-datetime div.editor-datetime-iconDown button {
  623. border: none;
  624. background: transparent;
  625. text-indent: 30px;
  626. height: 100%;
  627. width: 100%;
  628. cursor: pointer;
  629. }
  630. div.editor-datetime div.editor-datetime-iconLeft {
  631. position: absolute;
  632. top: 5px;
  633. left: 5px;
  634. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  635. }
  636. div.editor-datetime div.editor-datetime-iconRight {
  637. position: absolute;
  638. top: 5px;
  639. right: 5px;
  640. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  641. }
  642. div.editor-datetime div.editor-datetime-iconUp {
  643. height: 20px;
  644. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
  645. }
  646. div.editor-datetime div.editor-datetime-iconDown {
  647. height: 20px;
  648. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
  649. }
  650. div.editor-datetime-error {
  651. clear: both;
  652. padding: 0 1em;
  653. max-width: 240px;
  654. font-size: 11px;
  655. line-height: 1.25em;
  656. text-align: center;
  657. color: #b11f1f;
  658. }
  659. div.DTE div.DTE_Processing_Indicator {
  660. position: absolute;
  661. top: 17px;
  662. right: 9px;
  663. height: 2em;
  664. width: 2em;
  665. z-index: 20;
  666. font-size: 12px;
  667. display: none;
  668. -webkit-transform: translateZ(0);
  669. -ms-transform: translateZ(0);
  670. transform: translateZ(0);
  671. }
  672. div.DTE.processing div.DTE_Processing_Indicator {
  673. display: block;
  674. }
  675. div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
  676. display: none;
  677. }
  678. div.DTE div.DTE_Field div.DTE_Processing_Indicator {
  679. top: 13px;
  680. right: 0;
  681. font-size: 8px;
  682. }
  683. div.DTE.DTE_Inline div.DTE_Processing_Indicator {
  684. top: 5px;
  685. right: 6px;
  686. font-size: 6px;
  687. }
  688. div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
  689. top: 10px;
  690. right: 14px;
  691. font-size: 8px;
  692. }
  693. div.DTE div.DTE_Processing_Indicator span,
  694. div.DTE div.DTE_Processing_Indicator:before,
  695. div.DTE div.DTE_Processing_Indicator:after {
  696. display: block;
  697. background: black;
  698. width: 0.5em;
  699. height: 1.5em;
  700. border: 1px solid rgba(0, 0, 0, 0.4);
  701. background-color: rgba(0, 0, 0, 0.1);
  702. -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
  703. animation: editorProcessing 0.9s infinite ease-in-out;
  704. }
  705. div.DTE div.DTE_Processing_Indicator:before,
  706. div.DTE div.DTE_Processing_Indicator:after {
  707. position: absolute;
  708. top: 0;
  709. content: '';
  710. }
  711. div.DTE div.DTE_Processing_Indicator:before {
  712. left: -1em;
  713. -webkit-animation-delay: -0.3s;
  714. animation-delay: -0.3s;
  715. }
  716. div.DTE div.DTE_Processing_Indicator span {
  717. -webkit-animation-delay: -0.15s;
  718. animation-delay: -0.15s;
  719. }
  720. div.DTE div.DTE_Processing_Indicator:after {
  721. left: 1em;
  722. }
  723. @-webkit-keyframes editorProcessing {
  724. 0%,
  725. 80%,
  726. 100% {
  727. transform: scale(1, 1);
  728. }
  729. 40% {
  730. transform: scale(1, 1.5);
  731. }
  732. }
  733. @keyframes editorProcessing {
  734. 0%,
  735. 80%,
  736. 100% {
  737. transform: scale(1, 1);
  738. }
  739. 40% {
  740. transform: scale(1, 1.5);
  741. }
  742. }
  743. div.DTE div.DTE_Processing_Indicator {
  744. top: 22px;
  745. right: 12px;
  746. }