Nav apraksta
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

editor.bootstrap4.css 25KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939
  1. div.DTE div.DTE_Form_Error {
  2. color: #b11f1f;
  3. }
  4. div.modal div.DTE div.DTE_Form_Error {
  5. display: none;
  6. float: left;
  7. padding-top: 7px;
  8. }
  9. div.DTE_Field {
  10. position: relative;
  11. }
  12. div.DTE_Field div.multi-value,
  13. div.DTE_Field div.multi-restore {
  14. display: none;
  15. cursor: pointer;
  16. }
  17. div.DTE_Field div.multi-value span,
  18. div.DTE_Field div.multi-restore span {
  19. display: block;
  20. color: #666;
  21. }
  22. div.DTE_Field div.multi-value:hover,
  23. div.DTE_Field div.multi-restore:hover {
  24. background-color: #f1f1f1;
  25. }
  26. div.DTE_Field div.multi-restore {
  27. margin-top: 0.5em;
  28. font-size: 0.8em;
  29. line-height: 1.25em;
  30. }
  31. div.DTE_Field:after {
  32. display: block;
  33. content: ".";
  34. height: 0;
  35. line-height: 0;
  36. clear: both;
  37. visibility: hidden;
  38. }
  39. div.DTE_Field div:not([data-dte-e="msg-error"]) {
  40. color: inherit;
  41. }
  42. div.DTE_Inline {
  43. position: relative;
  44. display: table;
  45. width: 100%;
  46. }
  47. div.DTE_Inline div.DTE_Inline_Field,
  48. div.DTE_Inline div.DTE_Inline_Buttons {
  49. display: table-cell;
  50. vertical-align: middle;
  51. }
  52. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
  53. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
  54. padding: 0;
  55. }
  56. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
  57. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
  58. display: none;
  59. }
  60. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],
  61. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],
  62. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],
  63. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],
  64. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],
  65. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],
  66. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],
  67. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],
  68. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],
  69. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],
  70. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],
  71. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],
  72. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],
  73. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],
  74. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],
  75. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],
  76. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],
  77. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],
  78. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],
  79. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],
  80. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],
  81. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],
  82. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],
  83. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],
  84. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],
  85. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],
  86. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],
  87. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] {
  88. width: 100%;
  89. }
  90. div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
  91. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
  92. margin: -6px 0 -6px 4px;
  93. padding: 5px;
  94. }
  95. div.DTE_Inline div.DTE_Field input[type="color"],
  96. div.DTE_Inline div.DTE_Field input[type="date"],
  97. div.DTE_Inline div.DTE_Field input[type="datetime"],
  98. div.DTE_Inline div.DTE_Field input[type="datetime-local"],
  99. div.DTE_Inline div.DTE_Field input[type="email"],
  100. div.DTE_Inline div.DTE_Field input[type="month"],
  101. div.DTE_Inline div.DTE_Field input[type="number"],
  102. div.DTE_Inline div.DTE_Field input[type="password"],
  103. div.DTE_Inline div.DTE_Field input[type="search"],
  104. div.DTE_Inline div.DTE_Field input[type="tel"],
  105. div.DTE_Inline div.DTE_Field input[type="text"],
  106. div.DTE_Inline div.DTE_Field input[type="time"],
  107. div.DTE_Inline div.DTE_Field input[type="url"],
  108. div.DTE_Inline div.DTE_Field input[type="week"] {
  109. margin: -6px 0;
  110. }
  111. div.DTE_Inline div.DTE_Field_Error,
  112. div.DTE_Inline div.DTE_Form_Error {
  113. font-size: 11px;
  114. line-height: 1.2em;
  115. padding: 0;
  116. margin-top: 10px;
  117. }
  118. div.DTE_Inline div.DTE_Field_Error:empty,
  119. div.DTE_Inline div.DTE_Form_Error:empty {
  120. margin-top: 0;
  121. }
  122. span.dtr-data div.DTE_Inline {
  123. display: inline-table;
  124. }
  125. div.DTE_Inline div.DTE_Field {
  126. width: 100%;
  127. }
  128. div.DTE_Inline div.DTE_Field > div {
  129. width: 100%;
  130. padding: 0;
  131. }
  132. div.DTE_Inline div.DTE_Field input.form-control {
  133. height: 30px;
  134. }
  135. div.DTE_Inline div.DTE_Field div.help-block {
  136. display: none;
  137. margin-top: 10px;
  138. margin-bottom: 0;
  139. }
  140. div.DTE_Inline.DTE_Processing:after {
  141. top: 5px;
  142. }
  143. div.DTE_Field_Type_checkbox div.controls,
  144. div.DTE_Field_Type_radio div.controls {
  145. margin-top: 0.4em;
  146. }
  147. div.DTE_Field_Type_checkbox div.controls label,
  148. div.DTE_Field_Type_radio div.controls label {
  149. margin-left: 0.75em;
  150. margin-bottom: 0;
  151. vertical-align: middle;
  152. font-weight: normal;
  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 div.DTE_Bubble_Liner {
  310. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  311. border-radius: 6px;
  312. padding: 1em;
  313. border: 1px solid rgba(0, 0, 0, 0.2);
  314. }
  315. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
  316. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  317. width: 100%;
  318. max-width: 100%;
  319. float: none;
  320. clear: both;
  321. text-align: left;
  322. flex: none;
  323. }
  324. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
  325. padding: 0 0 4px 0;
  326. }
  327. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  328. text-align: right;
  329. margin-top: 0;
  330. }
  331. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  332. background-color: #f7f7f7;
  333. border-bottom: 1px solid #ebebeb;
  334. font-size: 14px;
  335. width: 100%;
  336. }
  337. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  338. margin-top: -2px;
  339. display: block;
  340. }
  341. div.DTE_Bubble div.DTE_Bubble_Triangle {
  342. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  343. border-left: 1px solid rgba(0, 0, 0, 0.2);
  344. }
  345. div.DTE_Bubble_Background {
  346. position: fixed;
  347. top: 0;
  348. left: 0;
  349. right: 0;
  350. bottom: 0;
  351. z-index: 10;
  352. background-color: rgba(0, 0, 0, 0.05);
  353. }
  354. div.DTE div.editor_upload {
  355. padding-top: 4px;
  356. }
  357. div.DTE div.editor_upload div.eu_table {
  358. display: table;
  359. width: 100%;
  360. }
  361. div.DTE div.editor_upload div.row {
  362. display: table-row;
  363. }
  364. div.DTE div.editor_upload div.cell {
  365. display: table-cell;
  366. position: relative;
  367. width: 50%;
  368. vertical-align: top;
  369. }
  370. div.DTE div.editor_upload div.cell + div.cell {
  371. padding-left: 10px;
  372. }
  373. div.DTE div.editor_upload div.row + div.row div.cell {
  374. padding-top: 10px;
  375. }
  376. div.DTE div.editor_upload button.btn,
  377. div.DTE div.editor_upload input[type=file] {
  378. width: 100%;
  379. height: 2.3em;
  380. font-size: 0.8em;
  381. text-align: center;
  382. line-height: 1em;
  383. }
  384. div.DTE div.editor_upload input[type=file] {
  385. position: absolute;
  386. top: 0;
  387. left: 0;
  388. width: 100%;
  389. opacity: 0;
  390. }
  391. div.DTE div.editor_upload div.drop {
  392. position: relative;
  393. box-sizing: border-box;
  394. width: 100%;
  395. height: 100%;
  396. border: 3px dashed #ccc;
  397. border-radius: 6px;
  398. min-height: 4em;
  399. color: #999;
  400. padding-top: 3px;
  401. text-align: center;
  402. }
  403. div.DTE div.editor_upload div.drop.over {
  404. border: 3px dashed #111;
  405. color: #111;
  406. }
  407. div.DTE div.editor_upload div.drop span {
  408. max-width: 75%;
  409. font-size: 0.85em;
  410. line-height: 1em;
  411. }
  412. div.DTE div.editor_upload div.rendered img {
  413. max-width: 8em;
  414. margin: 0 auto;
  415. }
  416. div.DTE div.editor_upload.noDrop div.drop {
  417. display: none;
  418. }
  419. div.DTE div.editor_upload.noDrop div.row.second {
  420. display: none;
  421. }
  422. div.DTE div.editor_upload.noDrop div.rendered {
  423. margin-top: 10px;
  424. }
  425. div.DTE div.editor_upload.noClear div.clearValue button {
  426. display: none;
  427. }
  428. div.DTE div.editor_upload.multi div.cell {
  429. display: block;
  430. width: 100%;
  431. }
  432. div.DTE div.editor_upload.multi div.cell div.drop {
  433. min-height: 0;
  434. padding-bottom: 5px;
  435. }
  436. div.DTE div.editor_upload.multi div.clearValue {
  437. display: none;
  438. }
  439. div.DTE div.editor_upload.multi ul {
  440. list-style-type: none;
  441. margin: 0;
  442. padding: 0;
  443. }
  444. div.DTE div.editor_upload.multi ul li {
  445. position: relative;
  446. margin-top: 0.5em;
  447. }
  448. div.DTE div.editor_upload.multi ul li:first-child {
  449. margin-top: 0;
  450. }
  451. div.DTE div.editor_upload.multi ul li img {
  452. vertical-align: middle;
  453. }
  454. div.DTE div.editor_upload.multi ul li button {
  455. position: absolute;
  456. width: 40px;
  457. right: 0;
  458. top: 50%;
  459. margin-top: -1.5em;
  460. }
  461. div.DTE div.editor_upload button.btn,
  462. div.DTE div.editor_upload input[type=file] {
  463. height: auto;
  464. }
  465. div.DTE div.editor_upload ul li button {
  466. padding-bottom: 8px;
  467. }
  468. div.editor-datetime {
  469. position: absolute;
  470. background-color: white;
  471. z-index: 2050;
  472. border: 1px solid #ccc;
  473. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  474. padding: 0 20px 6px 20px;
  475. width: 275px;
  476. }
  477. div.editor-datetime div.editor-datetime-title {
  478. text-align: center;
  479. padding: 5px 0px 3px;
  480. }
  481. div.editor-datetime table {
  482. border-spacing: 0;
  483. margin: 12px 0;
  484. width: 100%;
  485. }
  486. div.editor-datetime table.editor-datetime-table-nospace {
  487. margin-top: -12px;
  488. }
  489. div.editor-datetime table th {
  490. font-size: 0.8em;
  491. color: #777;
  492. font-weight: normal;
  493. width: 14.285714286%;
  494. padding: 0 0 4px 0;
  495. text-align: center;
  496. }
  497. div.editor-datetime table td {
  498. font-size: 0.9em;
  499. color: #444;
  500. padding: 0;
  501. }
  502. div.editor-datetime table td.selectable {
  503. text-align: center;
  504. background: #f5f5f5;
  505. }
  506. div.editor-datetime table td.selectable.disabled {
  507. color: #aaa;
  508. background: white;
  509. }
  510. div.editor-datetime table td.selectable.disabled button:hover {
  511. color: #aaa;
  512. background: white;
  513. }
  514. div.editor-datetime table td.selectable.now {
  515. background-color: #ddd;
  516. }
  517. div.editor-datetime table td.selectable.now button {
  518. font-weight: bold;
  519. }
  520. div.editor-datetime table td.selectable.selected button {
  521. background: #0275d8;
  522. color: white;
  523. border-radius: 2px;
  524. }
  525. div.editor-datetime table td.selectable button:hover {
  526. background: #ff8000;
  527. color: white;
  528. border-radius: 2px;
  529. }
  530. div.editor-datetime table td.editor-datetime-week {
  531. font-size: 0.7em;
  532. }
  533. div.editor-datetime table button {
  534. width: 100%;
  535. box-sizing: border-box;
  536. border: none;
  537. background: transparent;
  538. font-size: inherit;
  539. color: inherit;
  540. text-align: center;
  541. padding: 4px 0;
  542. cursor: pointer;
  543. margin: 0;
  544. }
  545. div.editor-datetime table button span {
  546. display: inline-block;
  547. min-width: 14px;
  548. text-align: right;
  549. }
  550. div.editor-datetime table.weekNumber th {
  551. width: 12.5%;
  552. }
  553. div.editor-datetime div.editor-datetime-calendar table {
  554. margin-top: 0;
  555. }
  556. div.editor-datetime div.editor-datetime-label {
  557. position: relative;
  558. display: inline-block;
  559. height: 30px;
  560. padding: 5px 6px;
  561. border: 1px solid transparent;
  562. box-sizing: border-box;
  563. cursor: pointer;
  564. }
  565. div.editor-datetime div.editor-datetime-label:hover {
  566. border: 1px solid #ddd;
  567. border-radius: 2px;
  568. background-color: #f5f5f5;
  569. }
  570. div.editor-datetime div.editor-datetime-label select {
  571. position: absolute;
  572. top: 6px;
  573. left: 0;
  574. cursor: pointer;
  575. opacity: 0;
  576. -ms-filter: "alpha(opacity=0)";
  577. }
  578. div.editor-datetime.horizontal {
  579. width: 550px;
  580. }
  581. div.editor-datetime.horizontal div.editor-datetime-date,
  582. div.editor-datetime.horizontal div.editor-datetime-time {
  583. width: 48%;
  584. }
  585. div.editor-datetime.horizontal div.editor-datetime-time {
  586. margin-left: 4%;
  587. }
  588. div.editor-datetime div.editor-datetime-date {
  589. position: relative;
  590. float: left;
  591. width: 100%;
  592. }
  593. div.editor-datetime div.editor-datetime-time {
  594. position: relative;
  595. float: left;
  596. width: 100%;
  597. text-align: center;
  598. }
  599. div.editor-datetime div.editor-datetime-time > span {
  600. vertical-align: middle;
  601. }
  602. div.editor-datetime div.editor-datetime-time th {
  603. text-align: left;
  604. }
  605. div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
  606. display: inline-block;
  607. vertical-align: middle;
  608. }
  609. div.editor-datetime div.editor-datetime-iconLeft,
  610. div.editor-datetime div.editor-datetime-iconRight,
  611. div.editor-datetime div.editor-datetime-iconUp,
  612. div.editor-datetime div.editor-datetime-iconDown {
  613. width: 30px;
  614. height: 30px;
  615. background-position: center;
  616. background-repeat: no-repeat;
  617. opacity: 0.3;
  618. overflow: hidden;
  619. box-sizing: border-box;
  620. }
  621. div.editor-datetime div.editor-datetime-iconLeft:hover,
  622. div.editor-datetime div.editor-datetime-iconRight:hover,
  623. div.editor-datetime div.editor-datetime-iconUp:hover,
  624. div.editor-datetime div.editor-datetime-iconDown:hover {
  625. border: 1px solid #ccc;
  626. border-radius: 2px;
  627. background-color: #f0f0f0;
  628. opacity: 0.6;
  629. }
  630. div.editor-datetime div.editor-datetime-iconLeft button,
  631. div.editor-datetime div.editor-datetime-iconRight button,
  632. div.editor-datetime div.editor-datetime-iconUp button,
  633. div.editor-datetime div.editor-datetime-iconDown button {
  634. border: none;
  635. background: transparent;
  636. text-indent: 30px;
  637. height: 100%;
  638. width: 100%;
  639. cursor: pointer;
  640. }
  641. div.editor-datetime div.editor-datetime-iconLeft {
  642. position: absolute;
  643. top: 5px;
  644. left: 5px;
  645. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  646. }
  647. div.editor-datetime div.editor-datetime-iconRight {
  648. position: absolute;
  649. top: 5px;
  650. right: 5px;
  651. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  652. }
  653. div.editor-datetime div.editor-datetime-iconUp {
  654. height: 20px;
  655. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
  656. }
  657. div.editor-datetime div.editor-datetime-iconDown {
  658. height: 20px;
  659. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
  660. }
  661. div.editor-datetime-error {
  662. clear: both;
  663. padding: 0 1em;
  664. max-width: 240px;
  665. font-size: 11px;
  666. line-height: 1.25em;
  667. text-align: center;
  668. color: #b11f1f;
  669. }
  670. div.DTE div.DTE_Processing_Indicator {
  671. position: absolute;
  672. top: 17px;
  673. right: 9px;
  674. height: 2em;
  675. width: 2em;
  676. z-index: 20;
  677. font-size: 12px;
  678. display: none;
  679. -webkit-transform: translateZ(0);
  680. -ms-transform: translateZ(0);
  681. transform: translateZ(0);
  682. }
  683. div.DTE.processing div.DTE_Processing_Indicator {
  684. display: block;
  685. }
  686. div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
  687. display: none;
  688. }
  689. div.DTE div.DTE_Field div.DTE_Processing_Indicator {
  690. top: 13px;
  691. right: 0;
  692. font-size: 8px;
  693. }
  694. div.DTE.DTE_Inline div.DTE_Processing_Indicator {
  695. top: 5px;
  696. right: 6px;
  697. font-size: 6px;
  698. }
  699. div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
  700. top: 10px;
  701. right: 14px;
  702. font-size: 8px;
  703. }
  704. div.DTE div.DTE_Processing_Indicator span,
  705. div.DTE div.DTE_Processing_Indicator:before,
  706. div.DTE div.DTE_Processing_Indicator:after {
  707. display: block;
  708. background: black;
  709. width: 0.5em;
  710. height: 1.5em;
  711. border: 1px solid rgba(0, 0, 0, 0.4);
  712. background-color: rgba(0, 0, 0, 0.1);
  713. -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
  714. animation: editorProcessing 0.9s infinite ease-in-out;
  715. }
  716. div.DTE div.DTE_Processing_Indicator:before,
  717. div.DTE div.DTE_Processing_Indicator:after {
  718. position: absolute;
  719. top: 0;
  720. content: '';
  721. }
  722. div.DTE div.DTE_Processing_Indicator:before {
  723. left: -1em;
  724. -webkit-animation-delay: -0.3s;
  725. animation-delay: -0.3s;
  726. }
  727. div.DTE div.DTE_Processing_Indicator span {
  728. -webkit-animation-delay: -0.15s;
  729. animation-delay: -0.15s;
  730. }
  731. div.DTE div.DTE_Processing_Indicator:after {
  732. left: 1em;
  733. }
  734. @-webkit-keyframes editorProcessing {
  735. 0%,
  736. 80%,
  737. 100% {
  738. transform: scale(1, 1);
  739. }
  740. 40% {
  741. transform: scale(1, 1.5);
  742. }
  743. }
  744. @keyframes editorProcessing {
  745. 0%,
  746. 80%,
  747. 100% {
  748. transform: scale(1, 1);
  749. }
  750. 40% {
  751. transform: scale(1, 1.5);
  752. }
  753. }
  754. table.dataTable tbody tr.highlight {
  755. background-color: #3399ff !important;
  756. }
  757. table.dataTable tbody tr.highlight,
  758. table.dataTable tbody tr.noHighlight,
  759. table.dataTable tbody tr.highlight td,
  760. table.dataTable tbody tr.noHighlight td {
  761. -webkit-transition: background-color 500ms linear;
  762. -moz-transition: background-color 500ms linear;
  763. -ms-transition: background-color 500ms linear;
  764. -o-transition: background-color 500ms linear;
  765. transition: background-color 500ms linear;
  766. }
  767. div.DTE div.DTE_Field div.DTE_Processing_Indicator {
  768. top: 13px;
  769. right: 20px;
  770. }
  771. div.DTE div.DTE_Processing_Indicator {
  772. top: 52px;
  773. right: 12px;
  774. }
  775. /*
  776. * Namespace: DTED - DataTables Editor Display - Envelope
  777. */
  778. div.DTED_Envelope_Wrapper {
  779. position: absolute;
  780. top: 0;
  781. bottom: 0;
  782. left: 50%;
  783. height: 100%;
  784. z-index: 11;
  785. display: none;
  786. overflow: hidden;
  787. }
  788. div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
  789. position: absolute;
  790. top: -10px;
  791. left: 10px;
  792. right: 10px;
  793. height: 10px;
  794. z-index: 10;
  795. box-shadow: 0 0 20px black;
  796. }
  797. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
  798. position: absolute;
  799. top: 0;
  800. left: 5%;
  801. width: 90%;
  802. border-left: 1px solid #777;
  803. border-right: 1px solid #777;
  804. border-bottom: 1px solid #777;
  805. box-shadow: 3px 3px 10px #555;
  806. border-bottom-left-radius: 5px;
  807. border-bottom-right-radius: 5px;
  808. background-color: white;
  809. }
  810. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
  811. right: 36px;
  812. }
  813. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
  814. border-bottom-left-radius: 5px;
  815. border-bottom-right-radius: 5px;
  816. }
  817. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
  818. position: absolute;
  819. top: 16px;
  820. right: 10px;
  821. width: 18px;
  822. height: 18px;
  823. cursor: pointer;
  824. z-index: 12;
  825. text-align: center;
  826. font-size: 12px;
  827. background: #F8F8F8;
  828. background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white));
  829. background: -moz-linear-gradient(top, white, #CCC);
  830. background: linear-gradient(to bottom, white, #CCC);
  831. text-shadow: 0 1px 0 white;
  832. border: 1px solid #999;
  833. border-radius: 2px;
  834. -moz-border-radius: 2px;
  835. -webkit-border-radius: 2px;
  836. box-shadow: 0px 0px 1px #999;
  837. -moz-box-shadow: 0px 0px 1px #999;
  838. -webkit-box-shadow: 0px 0px 1px #999;
  839. }
  840. div.DTED_Envelope_Background {
  841. position: fixed;
  842. top: 0;
  843. left: 0;
  844. width: 100%;
  845. height: 100%;
  846. z-index: 10;
  847. background: rgba(0, 0, 0, 0.4);
  848. /* Fallback */
  849. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  850. /* IE10 Consumer Preview */
  851. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  852. /* Firefox */
  853. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  854. /* Opera */
  855. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4)));
  856. /* Webkit (Safari/Chrome 10) */
  857. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  858. /* Webkit (Chrome 11+) */
  859. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  860. /* W3C Markup, IE10 Release Preview */
  861. }
  862. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
  863. top: 10px;
  864. background: transparent;
  865. text-shadow: none;
  866. box-shadow: none;
  867. border: none;
  868. font-size: 21px;
  869. color: black;
  870. opacity: 0.2;
  871. }
  872. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
  873. opacity: 1;
  874. }
  875. div.card.multi-value,
  876. div.card.multi-restore {
  877. padding: 0.5em;
  878. }
  879. div.card.multi-value span,
  880. div.card.multi-restore span {
  881. line-height: 1.2em;
  882. }
  883. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  884. margin: 0 1em;
  885. }
  886. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  887. margin-top: 1em;
  888. }
  889. div.DTE_Inline div.DTE_Field {
  890. width: 100%;
  891. margin: 0;
  892. }
  893. div.DTE_Inline div.DTE_Field > div {
  894. max-width: 100%;
  895. flex: none;
  896. }
  897. div.DTE_Inline div.DTE_Field input {
  898. margin: -5px 0 -10px !important;
  899. }
  900. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
  901. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
  902. max-width: 100%;
  903. flex: 0 0 100%;
  904. }
  905. div.DTE_Field_Type_checkbox div label,
  906. div.DTE_Field_Type_radio div label {
  907. margin-left: 0.75em;
  908. vertical-align: middle;
  909. }
  910. div.DTE div.DTE_Processing_Indicator {
  911. top: 20px;
  912. right: 36px;
  913. }