You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

пре 3 година
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889
  1. .rdw-option-wrapper {
  2. border: 1px solid #F1F1F1;
  3. padding: 5px;
  4. min-width: 25px;
  5. height: 20px;
  6. border-radius: 2px;
  7. margin: 0 4px;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. cursor: pointer;
  12. background: white;
  13. text-transform: capitalize;
  14. }
  15. .rdw-option-wrapper:hover {
  16. box-shadow: 1px 1px 0px #BFBDBD;
  17. }
  18. .rdw-option-wrapper:active {
  19. box-shadow: 1px 1px 0px #BFBDBD inset;
  20. }
  21. .rdw-option-active {
  22. box-shadow: 1px 1px 0px #BFBDBD inset;
  23. }
  24. .rdw-option-disabled {
  25. opacity: 0.3;
  26. cursor: default;
  27. }
  28. .rdw-dropdown-wrapper {
  29. height: 30px;
  30. background: white;
  31. cursor: pointer;
  32. border: 1px solid #F1F1F1;
  33. border-radius: 2px;
  34. margin: 0 3px;
  35. text-transform: capitalize;
  36. background: white;
  37. }
  38. .rdw-dropdown-wrapper:focus {
  39. outline: none;
  40. }
  41. .rdw-dropdown-wrapper:hover {
  42. box-shadow: 1px 1px 0px #BFBDBD;
  43. background-color: #FFFFFF;
  44. }
  45. .rdw-dropdown-wrapper:active {
  46. box-shadow: 1px 1px 0px #BFBDBD inset;
  47. }
  48. .rdw-dropdown-carettoopen {
  49. height: 0px;
  50. width: 0px;
  51. position: absolute;
  52. top: 35%;
  53. right: 10%;
  54. border-top: 6px solid black;
  55. border-left: 5px solid transparent;
  56. border-right: 5px solid transparent;
  57. }
  58. .rdw-dropdown-carettoclose {
  59. height: 0px;
  60. width: 0px;
  61. position: absolute;
  62. top: 35%;
  63. right: 10%;
  64. border-bottom: 6px solid black;
  65. border-left: 5px solid transparent;
  66. border-right: 5px solid transparent;
  67. }
  68. .rdw-dropdown-selectedtext {
  69. display: flex;
  70. position: relative;
  71. height: 100%;
  72. align-items: center;
  73. padding: 0 5px;
  74. }
  75. .rdw-dropdown-optionwrapper {
  76. z-index: 100;
  77. position: relative;
  78. border: 1px solid #F1F1F1;
  79. width: 98%;
  80. background: white;
  81. border-radius: 2px;
  82. margin: 0;
  83. padding: 0;
  84. max-height: 250px;
  85. overflow-y: scroll;
  86. }
  87. .rdw-dropdown-optionwrapper:hover {
  88. box-shadow: 1px 1px 0px #BFBDBD;
  89. background-color: #FFFFFF;
  90. }
  91. .rdw-dropdownoption-default {
  92. min-height: 25px;
  93. display: flex;
  94. align-items: center;
  95. padding: 0 5px;
  96. }
  97. .rdw-dropdownoption-highlighted {
  98. background: #F1F1F1;
  99. }
  100. .rdw-dropdownoption-active {
  101. background: #f5f5f5;
  102. }
  103. .rdw-dropdownoption-disabled {
  104. opacity: 0.3;
  105. cursor: default;
  106. }
  107. .rdw-inline-wrapper {
  108. display: flex;
  109. align-items: center;
  110. margin-bottom: 6px;
  111. flex-wrap: wrap
  112. }
  113. .rdw-inline-dropdown {
  114. width: 50px;
  115. }
  116. .rdw-inline-dropdownoption {
  117. height: 40px;
  118. display: flex;
  119. justify-content: center;
  120. }
  121. .rdw-block-wrapper {
  122. display: flex;
  123. align-items: center;
  124. margin-bottom: 6px;
  125. flex-wrap: wrap
  126. }
  127. .rdw-block-dropdown {
  128. width: 110px;
  129. }
  130. .rdw-fontsize-wrapper {
  131. display: flex;
  132. align-items: center;
  133. margin-bottom: 6px;
  134. flex-wrap: wrap
  135. }
  136. .rdw-fontsize-dropdown {
  137. min-width: 40px;
  138. }
  139. .rdw-fontsize-option {
  140. display: flex;
  141. justify-content: center;
  142. }
  143. .rdw-fontfamily-wrapper {
  144. display: flex;
  145. align-items: center;
  146. margin-bottom: 6px;
  147. flex-wrap: wrap
  148. }
  149. .rdw-fontfamily-dropdown {
  150. width: 115px;
  151. }
  152. .rdw-fontfamily-placeholder {
  153. white-space: nowrap;
  154. max-width: 90px;
  155. overflow: hidden;
  156. text-overflow: ellipsis;
  157. }
  158. .rdw-fontfamily-optionwrapper {
  159. width: 140px;
  160. }
  161. .rdw-list-wrapper {
  162. display: flex;
  163. align-items: center;
  164. margin-bottom: 6px;
  165. flex-wrap: wrap
  166. }
  167. .rdw-list-dropdown {
  168. width: 50px;
  169. z-index: 90;
  170. }
  171. .rdw-list-dropdownOption {
  172. height: 40px;
  173. display: flex;
  174. justify-content: center;
  175. }
  176. .rdw-text-align-wrapper {
  177. display: flex;
  178. align-items: center;
  179. margin-bottom: 6px;
  180. flex-wrap: wrap
  181. }
  182. .rdw-text-align-dropdown {
  183. width: 50px;
  184. z-index: 90;
  185. }
  186. .rdw-text-align-dropdownOption {
  187. height: 40px;
  188. display: flex;
  189. justify-content: center;
  190. }
  191. .rdw-right-aligned-block {
  192. text-align: right;
  193. }
  194. .rdw-left-aligned-block {
  195. text-align: left !important;
  196. }
  197. .rdw-center-aligned-block {
  198. text-align: center !important;
  199. }
  200. .rdw-justify-aligned-block {
  201. text-align: justify !important;
  202. }
  203. .rdw-right-aligned-block > div {
  204. display: inline-block;
  205. }
  206. .rdw-left-aligned-block > div {
  207. display: inline-block;
  208. }
  209. .rdw-center-aligned-block > div {
  210. display: inline-block;
  211. }
  212. .rdw-justify-aligned-block > div {
  213. display: inline-block;
  214. }
  215. .rdw-colorpicker-wrapper {
  216. display: flex;
  217. align-items: center;
  218. margin-bottom: 6px;
  219. position: relative;
  220. flex-wrap: wrap
  221. }
  222. .rdw-colorpicker-modal {
  223. position: absolute;
  224. top: 35px;
  225. left: 5px;
  226. display: flex;
  227. flex-direction: column;
  228. width: 175px;
  229. height: 175px;
  230. border: 1px solid #F1F1F1;
  231. padding: 15px;
  232. border-radius: 2px;
  233. z-index: 100;
  234. background: white;
  235. box-shadow: 3px 3px 5px #BFBDBD;
  236. }
  237. .rdw-colorpicker-modal-header {
  238. display: flex;
  239. padding-bottom: 5px;
  240. }
  241. .rdw-colorpicker-modal-style-label {
  242. font-size: 15px;
  243. width: 50%;
  244. text-align: center;
  245. cursor: pointer;
  246. padding: 0 10px 5px;
  247. }
  248. .rdw-colorpicker-modal-style-label-active {
  249. border-bottom: 2px solid #0a66b7;
  250. }
  251. .rdw-colorpicker-modal-options {
  252. margin: 5px auto;
  253. display: flex;
  254. width: 100%;
  255. height: 100%;
  256. flex-wrap: wrap;
  257. overflow: scroll;
  258. }
  259. .rdw-colorpicker-cube {
  260. width: 22px;
  261. height: 22px;
  262. border: 1px solid #F1F1F1;
  263. }
  264. .rdw-colorpicker-option {
  265. margin: 3px;
  266. padding: 0;
  267. min-height: 20px;
  268. border: none;
  269. width: 22px;
  270. height: 22px;
  271. min-width: 22px;
  272. box-shadow: 1px 2px 1px #BFBDBD inset;
  273. }
  274. .rdw-colorpicker-option:hover {
  275. box-shadow: 1px 2px 1px #BFBDBD;
  276. }
  277. .rdw-colorpicker-option:active {
  278. box-shadow: -1px -2px 1px #BFBDBD;
  279. }
  280. .rdw-colorpicker-option-active {
  281. box-shadow: 0px 0px 2px 2px #BFBDBD;
  282. }
  283. .rdw-link-wrapper {
  284. display: flex;
  285. align-items: center;
  286. margin-bottom: 6px;
  287. position: relative;
  288. flex-wrap: wrap
  289. }
  290. .rdw-link-dropdown {
  291. width: 50px;
  292. }
  293. .rdw-link-dropdownOption {
  294. height: 40px;
  295. display: flex;
  296. justify-content: center;
  297. }
  298. .rdw-link-dropdownPlaceholder {
  299. margin-left: 8px;
  300. }
  301. .rdw-link-modal {
  302. position: absolute;
  303. top: 35px;
  304. left: 5px;
  305. display: flex;
  306. flex-direction: column;
  307. width: 235px;
  308. height: 205px;
  309. border: 1px solid #F1F1F1;
  310. padding: 15px;
  311. border-radius: 2px;
  312. z-index: 100;
  313. background: white;
  314. box-shadow: 3px 3px 5px #BFBDBD;
  315. }
  316. .rdw-link-modal-label {
  317. font-size: 15px;
  318. }
  319. .rdw-link-modal-input {
  320. margin-top: 5px;
  321. border-radius: 2px;
  322. border: 1px solid #F1F1F1;
  323. height: 25px;
  324. margin-bottom: 15px;
  325. padding: 0 5px;
  326. }
  327. .rdw-link-modal-input:focus {
  328. outline: none;
  329. }
  330. .rdw-link-modal-buttonsection {
  331. margin: 0 auto;
  332. }
  333. .rdw-link-modal-target-option {
  334. margin-bottom: 20px;
  335. }
  336. .rdw-link-modal-target-option > span {
  337. margin-left: 5px;
  338. }
  339. .rdw-link-modal-btn {
  340. margin-left: 10px;
  341. width: 75px;
  342. height: 30px;
  343. border: 1px solid #F1F1F1;
  344. border-radius: 2px;
  345. cursor: pointer;
  346. background: white;
  347. text-transform: capitalize;
  348. }
  349. .rdw-link-modal-btn:hover {
  350. box-shadow: 1px 1px 0px #BFBDBD;
  351. }
  352. .rdw-link-modal-btn:active {
  353. box-shadow: 1px 1px 0px #BFBDBD inset;
  354. }
  355. .rdw-link-modal-btn:focus {
  356. outline: none !important;
  357. }
  358. .rdw-link-modal-btn:disabled {
  359. background: #ece9e9;
  360. }
  361. .rdw-link-dropdownoption {
  362. height: 40px;
  363. display: flex;
  364. justify-content: center;
  365. }
  366. .rdw-history-dropdown {
  367. width: 50px;
  368. }
  369. .rdw-embedded-wrapper {
  370. display: flex;
  371. align-items: center;
  372. margin-bottom: 6px;
  373. position: relative;
  374. flex-wrap: wrap
  375. }
  376. .rdw-embedded-modal {
  377. position: absolute;
  378. top: 35px;
  379. left: 5px;
  380. display: flex;
  381. flex-direction: column;
  382. width: 235px;
  383. height: 180px;
  384. border: 1px solid #F1F1F1;
  385. padding: 15px;
  386. border-radius: 2px;
  387. z-index: 100;
  388. background: white;
  389. justify-content: space-between;
  390. box-shadow: 3px 3px 5px #BFBDBD;
  391. }
  392. .rdw-embedded-modal-header {
  393. font-size: 15px;
  394. display: flex;
  395. }
  396. .rdw-embedded-modal-header-option {
  397. width: 50%;
  398. cursor: pointer;
  399. display: flex;
  400. justify-content: center;
  401. align-items: center;
  402. flex-direction: column;
  403. }
  404. .rdw-embedded-modal-header-label {
  405. width: 95px;
  406. border: 1px solid #f1f1f1;
  407. margin-top: 5px;
  408. background: #6EB8D4;
  409. border-bottom: 2px solid #0a66b7;
  410. }
  411. .rdw-embedded-modal-link-section {
  412. display: flex;
  413. flex-direction: column;
  414. }
  415. .rdw-embedded-modal-link-input {
  416. width: 88%;
  417. height: 35px;
  418. margin: 10px 0;
  419. border: 1px solid #F1F1F1;
  420. border-radius: 2px;
  421. font-size: 15px;
  422. padding: 0 5px;
  423. }
  424. .rdw-embedded-modal-link-input-wrapper {
  425. display: flex;
  426. align-items: center;
  427. }
  428. .rdw-embedded-modal-link-input:focus {
  429. outline: none;
  430. }
  431. .rdw-embedded-modal-btn-section {
  432. display: flex;
  433. justify-content: center;
  434. }
  435. .rdw-embedded-modal-btn {
  436. margin: 0 3px;
  437. width: 75px;
  438. height: 30px;
  439. border: 1px solid #F1F1F1;
  440. border-radius: 2px;
  441. cursor: pointer;
  442. background: white;
  443. text-transform: capitalize;
  444. }
  445. .rdw-embedded-modal-btn:hover {
  446. box-shadow: 1px 1px 0px #BFBDBD;
  447. }
  448. .rdw-embedded-modal-btn:active {
  449. box-shadow: 1px 1px 0px #BFBDBD inset;
  450. }
  451. .rdw-embedded-modal-btn:focus {
  452. outline: none !important;
  453. }
  454. .rdw-embedded-modal-btn:disabled {
  455. background: #ece9e9;
  456. }
  457. .rdw-embedded-modal-size {
  458. align-items: center;
  459. display: flex;
  460. margin: 8px 0;
  461. justify-content: space-between;
  462. }
  463. .rdw-embedded-modal-size-input {
  464. width: 80%;
  465. height: 20px;
  466. border: 1px solid #F1F1F1;
  467. border-radius: 2px;
  468. font-size: 12px;
  469. }
  470. .rdw-embedded-modal-size-input:focus {
  471. outline: none;
  472. }
  473. .rdw-emoji-wrapper {
  474. display: flex;
  475. align-items: center;
  476. margin-bottom: 6px;
  477. position: relative;
  478. flex-wrap: wrap
  479. }
  480. .rdw-emoji-modal {
  481. overflow: auto;
  482. position: absolute;
  483. top: 35px;
  484. left: 5px;
  485. display: flex;
  486. flex-wrap: wrap;
  487. width: 235px;
  488. height: 180px;
  489. border: 1px solid #F1F1F1;
  490. padding: 15px;
  491. border-radius: 2px;
  492. z-index: 100;
  493. background: white;
  494. box-shadow: 3px 3px 5px #BFBDBD;
  495. }
  496. .rdw-emoji-icon {
  497. margin: 2.5px;
  498. height: 24px;
  499. width: 24px;
  500. cursor: pointer;
  501. font-size: 22px;
  502. display: flex;
  503. justify-content: center;
  504. align-items: center;
  505. }
  506. .rdw-spinner {
  507. display: flex;
  508. align-items: center;
  509. justify-content: center;
  510. height: 100%;
  511. width: 100%;
  512. }
  513. .rdw-spinner > div {
  514. width: 12px;
  515. height: 12px;
  516. background-color: #333;
  517. border-radius: 100%;
  518. display: inline-block;
  519. -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  520. animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  521. }
  522. .rdw-spinner .rdw-bounce1 {
  523. -webkit-animation-delay: -0.32s;
  524. animation-delay: -0.32s;
  525. }
  526. .rdw-spinner .rdw-bounce2 {
  527. -webkit-animation-delay: -0.16s;
  528. animation-delay: -0.16s;
  529. }
  530. @-webkit-keyframes sk-bouncedelay {
  531. 0%, 80%, 100% { -webkit-transform: scale(0) }
  532. 40% { -webkit-transform: scale(1.0) }
  533. }
  534. @keyframes sk-bouncedelay {
  535. 0%, 80%, 100% {
  536. -webkit-transform: scale(0);
  537. transform: scale(0);
  538. } 40% {
  539. -webkit-transform: scale(1.0);
  540. transform: scale(1.0);
  541. }
  542. }
  543. .rdw-image-wrapper {
  544. display: flex;
  545. align-items: center;
  546. margin-bottom: 6px;
  547. position: relative;
  548. flex-wrap: wrap
  549. }
  550. .rdw-image-modal {
  551. position: absolute;
  552. top: 35px;
  553. left: 5px;
  554. display: flex;
  555. flex-direction: column;
  556. width: 235px;
  557. border: 1px solid #F1F1F1;
  558. padding: 15px;
  559. border-radius: 2px;
  560. z-index: 100;
  561. background: white;
  562. box-shadow: 3px 3px 5px #BFBDBD;
  563. }
  564. .rdw-image-modal-header {
  565. font-size: 15px;
  566. margin: 10px 0;
  567. display: flex;
  568. }
  569. .rdw-image-modal-header-option {
  570. width: 50%;
  571. cursor: pointer;
  572. display: flex;
  573. justify-content: center;
  574. align-items: center;
  575. flex-direction: column;
  576. }
  577. .rdw-image-modal-header-label {
  578. width: 80px;
  579. background: #f1f1f1;
  580. border: 1px solid #f1f1f1;
  581. margin-top: 5px;
  582. }
  583. .rdw-image-modal-header-label-highlighted {
  584. background: #6EB8D4;
  585. border-bottom: 2px solid #0a66b7;
  586. }
  587. .rdw-image-modal-upload-option {
  588. width: 100%;
  589. color: gray;
  590. cursor: pointer;
  591. display: flex;
  592. border: none;
  593. font-size: 15px;
  594. align-items: center;
  595. justify-content: center;
  596. background-color: #f1f1f1;
  597. outline: 2px dashed gray;
  598. outline-offset: -10px;
  599. margin: 10px 0;
  600. padding: 9px 0;
  601. }
  602. .rdw-image-modal-upload-option-highlighted {
  603. outline: 2px dashed #0a66b7;
  604. }
  605. .rdw-image-modal-upload-option-label {
  606. cursor: pointer;
  607. height: 100%;
  608. width: 100%;
  609. display: flex;
  610. justify-content: center;
  611. align-items: center;
  612. padding: 15px;
  613. }
  614. .rdw-image-modal-upload-option-label span{
  615. padding: 0 20px;
  616. }
  617. .rdw-image-modal-upload-option-image-preview {
  618. max-width: 100%;
  619. max-height: 200px;
  620. }
  621. .rdw-image-modal-upload-option-input {
  622. width: 0.1px;
  623. height: 0.1px;
  624. opacity: 0;
  625. overflow: hidden;
  626. position: absolute;
  627. z-index: -1;
  628. }
  629. .rdw-image-modal-url-section {
  630. display: flex;
  631. align-items: center;
  632. }
  633. .rdw-image-modal-url-input {
  634. width: 90%;
  635. height: 35px;
  636. margin: 15px 0 12px;
  637. border: 1px solid #F1F1F1;
  638. border-radius: 2px;
  639. font-size: 15px;
  640. padding: 0 5px;
  641. }
  642. .rdw-image-modal-btn-section {
  643. margin: 10px auto 0;
  644. }
  645. .rdw-image-modal-url-input:focus {
  646. outline: none;
  647. }
  648. .rdw-image-modal-btn {
  649. margin: 0 5px;
  650. width: 75px;
  651. height: 30px;
  652. border: 1px solid #F1F1F1;
  653. border-radius: 2px;
  654. cursor: pointer;
  655. background: white;
  656. text-transform: capitalize;
  657. }
  658. .rdw-image-modal-btn:hover {
  659. box-shadow: 1px 1px 0px #BFBDBD;
  660. }
  661. .rdw-image-modal-btn:active {
  662. box-shadow: 1px 1px 0px #BFBDBD inset;
  663. }
  664. .rdw-image-modal-btn:focus {
  665. outline: none !important;
  666. }
  667. .rdw-image-modal-btn:disabled {
  668. background: #ece9e9;
  669. }
  670. .rdw-image-modal-spinner {
  671. position: absolute;
  672. top: -3px;
  673. left: 0;
  674. width: 100%;
  675. height: 100%;
  676. opacity: 0.5;
  677. }
  678. .rdw-image-modal-alt-input {
  679. width: 70%;
  680. height: 20px;
  681. border: 1px solid #F1F1F1;
  682. border-radius: 2px;
  683. font-size: 12px;
  684. margin-left: 5px;
  685. }
  686. .rdw-image-modal-alt-input:focus {
  687. outline: none;
  688. }
  689. .rdw-image-modal-alt-lbl {
  690. font-size: 12px;
  691. }
  692. .rdw-image-modal-size {
  693. align-items: center;
  694. display: flex;
  695. margin: 8px 0;
  696. justify-content: space-between;
  697. }
  698. .rdw-image-modal-size-input {
  699. width: 40%;
  700. height: 20px;
  701. border: 1px solid #F1F1F1;
  702. border-radius: 2px;
  703. font-size: 12px;
  704. }
  705. .rdw-image-modal-size-input:focus {
  706. outline: none;
  707. }
  708. .rdw-image-mandatory-sign {
  709. color: red;
  710. margin-left: 3px;
  711. margin-right: 3px;
  712. }
  713. .rdw-remove-wrapper {
  714. display: flex;
  715. align-items: center;
  716. margin-bottom: 6px;
  717. position: relative;
  718. flex-wrap: wrap
  719. }
  720. .rdw-history-wrapper {
  721. display: flex;
  722. align-items: center;
  723. margin-bottom: 6px;
  724. flex-wrap: wrap
  725. }
  726. .rdw-history-dropdownoption {
  727. height: 40px;
  728. display: flex;
  729. justify-content: center;
  730. }
  731. .rdw-history-dropdown {
  732. width: 50px;
  733. }
  734. .rdw-link-decorator-wrapper {
  735. position: relative;
  736. }
  737. .rdw-link-decorator-icon {
  738. position: absolute;
  739. left: 40%;
  740. top: 0;
  741. cursor: pointer;
  742. background-color: white;
  743. }
  744. .rdw-mention-link {
  745. text-decoration: none;
  746. color: #1236ff;
  747. background-color: #f0fbff;
  748. padding: 1px 2px;
  749. border-radius: 2px;
  750. }
  751. .rdw-suggestion-wrapper {
  752. position: relative;
  753. }
  754. .rdw-suggestion-dropdown {
  755. position: absolute;
  756. display: flex;
  757. flex-direction: column;
  758. border: 1px solid #F1F1F1;
  759. min-width: 100px;
  760. max-height: 150px;
  761. overflow: auto;
  762. background: white;
  763. z-index: 100;
  764. }
  765. .rdw-suggestion-option {
  766. padding: 7px 5px;
  767. border-bottom: 1px solid #f1f1f1;
  768. }
  769. .rdw-suggestion-option-active {
  770. background-color: #F1F1F1;
  771. }
  772. .rdw-hashtag-link {
  773. text-decoration: none;
  774. color: #1236ff;
  775. background-color: #f0fbff;
  776. padding: 1px 2px;
  777. border-radius: 2px;
  778. }
  779. .rdw-image-alignment-options-popup {
  780. position: absolute;
  781. background: white;
  782. display: flex;
  783. padding: 5px 2px;
  784. border-radius: 2px;
  785. border: 1px solid #F1F1F1;
  786. width: 105px;
  787. cursor: pointer;
  788. z-index: 100;
  789. }
  790. .rdw-alignment-option-left {
  791. justify-content: flex-start;
  792. }
  793. .rdw-image-alignment-option {
  794. height: 15px;
  795. width: 15px;
  796. min-width: 15px;
  797. }
  798. .rdw-image-alignment {
  799. position: relative;
  800. }
  801. .rdw-image-imagewrapper {
  802. position: relative;
  803. }
  804. .rdw-image-center {
  805. display: flex;
  806. justify-content: center;
  807. }
  808. .rdw-image-left {
  809. display: flex;
  810. }
  811. .rdw-image-right {
  812. display: flex;
  813. justify-content: flex-end;
  814. }
  815. .rdw-image-alignment-options-popup-right {
  816. right: 0;
  817. }
  818. .rdw-editor-main {
  819. height: 100%;
  820. overflow: auto;
  821. box-sizing: border-box;
  822. }
  823. .rdw-editor-toolbar {
  824. padding: 6px 5px 0;
  825. border-radius: 2px;
  826. border: 1px solid #F1F1F1;
  827. display: flex;
  828. justify-content: flex-start;
  829. background: white;
  830. flex-wrap: wrap;
  831. font-size: 15px;
  832. margin-bottom: 5px;
  833. user-select: none;
  834. }
  835. .public-DraftStyleDefault-block {
  836. margin: 1em 0;
  837. }
  838. .rdw-editor-wrapper:focus {
  839. outline: none;
  840. }
  841. .rdw-editor-wrapper {
  842. box-sizing: content-box;
  843. }
  844. .rdw-editor-main blockquote {
  845. border-left: 5px solid #f1f1f1;
  846. padding-left: 5px;
  847. }
  848. .rdw-editor-main pre {
  849. background: #f1f1f1;
  850. border-radius: 3px;
  851. padding: 1px 10px;
  852. }
  853. /**
  854. * Draft v0.9.1
  855. *
  856. * Copyright (c) 2013-present, Facebook, Inc.
  857. * All rights reserved.
  858. *
  859. * This source code is licensed under the BSD-style license found in the
  860. * LICENSE file in the root directory of this source tree. An additional grant
  861. * of patent rights can be found in the PATENTS file in the same directory.
  862. */
  863. .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
  864. /*# sourceMappingURL=react-draft-wysiwyg.css.map*/