説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

editor.foundation.css 21KB

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