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.

пре 2 година
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505
  1. /*!
  2. *
  3. * Super simple WYSIWYG editor v0.8.20
  4. * https://summernote.org
  5. *
  6. *
  7. * Copyright 2013- Alan Hong and contributors
  8. * Summernote may be freely distributed under the MIT license.
  9. *
  10. * Date: 2021-10-14T21:15Z
  11. *
  12. */
  13. @font-face {
  14. font-family: "summernote";
  15. font-style: normal;
  16. font-weight: 400;
  17. font-display: auto;
  18. src: url("./font/summernote.eot?#iefix") format("embedded-opentype"), url("./font/summernote.woff2") format("woff2"), url("./font/summernote.woff") format("woff"), url("./font/summernote.ttf") format("truetype");
  19. }
  20. [class^=note-icon]:before,
  21. [class*=" note-icon"]:before {
  22. display: inline-block;
  23. font-family: "summernote";
  24. font-style: normal;
  25. font-size: inherit;
  26. text-decoration: inherit;
  27. text-rendering: auto;
  28. text-transform: none;
  29. vertical-align: middle;
  30. -moz-osx-font-smoothing: grayscale;
  31. -webkit-font-smoothing: antialiased;
  32. speak: none;
  33. }
  34. .note-icon-fw {
  35. text-align: center;
  36. width: 1.25em;
  37. }
  38. .note-icon-border {
  39. border: solid 0.08em #eee;
  40. border-radius: 0.1em;
  41. padding: 0.2em 0.25em 0.15em;
  42. }
  43. .note-icon-pull-left {
  44. float: left;
  45. }
  46. .note-icon-pull-right {
  47. float: right;
  48. }
  49. .note-icon.note-icon-pull-left {
  50. margin-right: 0.3em;
  51. }
  52. .note-icon.note-icon-pull-right {
  53. margin-left: 0.3em;
  54. }
  55. .note-icon-align::before {
  56. content: "\ea01";
  57. }
  58. .note-icon-align-center::before {
  59. content: "\ea02";
  60. }
  61. .note-icon-align-indent::before {
  62. content: "\ea03";
  63. }
  64. .note-icon-align-justify::before {
  65. content: "\ea04";
  66. }
  67. .note-icon-align-left::before {
  68. content: "\ea05";
  69. }
  70. .note-icon-align-outdent::before {
  71. content: "\ea06";
  72. }
  73. .note-icon-align-right::before {
  74. content: "\ea07";
  75. }
  76. .note-icon-arrow-circle-down::before {
  77. content: "\ea08";
  78. }
  79. .note-icon-arrow-circle-left::before {
  80. content: "\ea09";
  81. }
  82. .note-icon-arrow-circle-right::before {
  83. content: "\ea0a";
  84. }
  85. .note-icon-arrow-circle-up::before {
  86. content: "\ea0b";
  87. }
  88. .note-icon-arrows-alt::before {
  89. content: "\ea0c";
  90. }
  91. .note-icon-arrows-h::before {
  92. content: "\ea0d";
  93. }
  94. .note-icon-arrows-v::before {
  95. content: "\ea0e";
  96. }
  97. .note-icon-bold::before {
  98. content: "\ea0f";
  99. }
  100. .note-icon-caret::before {
  101. content: "\ea10";
  102. }
  103. .note-icon-chain-broken::before {
  104. content: "\ea11";
  105. }
  106. .note-icon-circle::before {
  107. content: "\ea12";
  108. }
  109. .note-icon-close::before {
  110. content: "\ea13";
  111. }
  112. .note-icon-code::before {
  113. content: "\ea14";
  114. }
  115. .note-icon-col-after::before {
  116. content: "\ea15";
  117. }
  118. .note-icon-col-before::before {
  119. content: "\ea16";
  120. }
  121. .note-icon-col-remove::before {
  122. content: "\ea17";
  123. }
  124. .note-icon-eraser::before {
  125. content: "\ea18";
  126. }
  127. .note-icon-float-left::before {
  128. content: "\ea19";
  129. }
  130. .note-icon-float-none::before {
  131. content: "\ea1a";
  132. }
  133. .note-icon-float-right::before {
  134. content: "\ea1b";
  135. }
  136. .note-icon-font::before {
  137. content: "\ea1c";
  138. }
  139. .note-icon-frame::before {
  140. content: "\ea1d";
  141. }
  142. .note-icon-italic::before {
  143. content: "\ea1e";
  144. }
  145. .note-icon-link::before {
  146. content: "\ea1f";
  147. }
  148. .note-icon-magic::before {
  149. content: "\ea20";
  150. }
  151. .note-icon-menu-check::before {
  152. content: "\ea21";
  153. }
  154. .note-icon-minus::before {
  155. content: "\ea22";
  156. }
  157. .note-icon-orderedlist::before {
  158. content: "\ea23";
  159. }
  160. .note-icon-pencil::before {
  161. content: "\ea24";
  162. }
  163. .note-icon-picture::before {
  164. content: "\ea25";
  165. }
  166. .note-icon-question::before {
  167. content: "\ea26";
  168. }
  169. .note-icon-redo::before {
  170. content: "\ea27";
  171. }
  172. .note-icon-rollback::before {
  173. content: "\ea28";
  174. }
  175. .note-icon-row-above::before {
  176. content: "\ea29";
  177. }
  178. .note-icon-row-below::before {
  179. content: "\ea2a";
  180. }
  181. .note-icon-row-remove::before {
  182. content: "\ea2b";
  183. }
  184. .note-icon-special-character::before {
  185. content: "\ea2c";
  186. }
  187. .note-icon-square::before {
  188. content: "\ea2d";
  189. }
  190. .note-icon-strikethrough::before {
  191. content: "\ea2e";
  192. }
  193. .note-icon-subscript::before {
  194. content: "\ea2f";
  195. }
  196. .note-icon-summernote::before {
  197. content: "\ea30";
  198. }
  199. .note-icon-superscript::before {
  200. content: "\ea31";
  201. }
  202. .note-icon-table::before {
  203. content: "\ea32";
  204. }
  205. .note-icon-text-height::before {
  206. content: "\ea33";
  207. }
  208. .note-icon-trash::before {
  209. content: "\ea34";
  210. }
  211. .note-icon-underline::before {
  212. content: "\ea35";
  213. }
  214. .note-icon-undo::before {
  215. content: "\ea36";
  216. }
  217. .note-icon-unorderedlist::before {
  218. content: "\ea37";
  219. }
  220. .note-icon-video::before {
  221. content: "\ea38";
  222. }
  223. .note-frame {
  224. -ms-box-sizing: border-box;
  225. box-sizing: border-box;
  226. color: #000;
  227. font-family: sans-serif;
  228. border-radius: 4px;
  229. }
  230. .note-toolbar {
  231. padding: 10px 5px;
  232. border-bottom: 1px solid #e2e2e2;
  233. color: #333;
  234. background-color: #f5f5f5;
  235. border-color: #ddd;
  236. border-top-left-radius: 3px;
  237. border-top-right-radius: 3px;
  238. }
  239. .note-btn-group {
  240. position: relative;
  241. display: inline-block;
  242. margin-right: 8px;
  243. }
  244. .note-btn-group > .note-btn-group {
  245. margin-right: 0;
  246. }
  247. .note-btn-group > .note-btn:first-child {
  248. margin-left: 0;
  249. }
  250. .note-btn-group .note-btn + .note-btn,
  251. .note-btn-group .note-btn + .note-btn-group,
  252. .note-btn-group .note-btn-group + .note-btn,
  253. .note-btn-group .note-btn-group + .note-btn-group {
  254. margin-left: -1px;
  255. }
  256. .note-btn-group > .note-btn:not(:first-child),
  257. .note-btn-group > .note-btn-group:not(:first-child) > .note-btn {
  258. border-top-left-radius: 0;
  259. border-bottom-left-radius: 0;
  260. }
  261. .note-btn-group > .note-btn:not(:last-child):not(.dropdown-toggle),
  262. .note-btn-group > .note-btn-group:not(:last-child) > .note-btn {
  263. border-top-right-radius: 0;
  264. border-bottom-right-radius: 0;
  265. }
  266. .note-btn-group.open > .note-dropdown {
  267. display: block;
  268. }
  269. .note-btn {
  270. display: inline-block;
  271. font-weight: 400;
  272. margin-bottom: 0;
  273. text-align: center;
  274. vertical-align: middle;
  275. touch-action: manipulation;
  276. cursor: pointer;
  277. background-image: none;
  278. border: 1px solid #dae0e5;
  279. white-space: nowrap;
  280. outline: 0;
  281. color: #333;
  282. background-color: #fff;
  283. border-color: #dae0e5;
  284. padding: 5px 10px;
  285. font-size: 14px;
  286. line-height: 1.4;
  287. border-radius: 3px;
  288. -webkit-user-select: none;
  289. -moz-user-select: none;
  290. -ms-user-select: none;
  291. user-select: none;
  292. }
  293. .note-btn:focus, .note-btn.focus {
  294. color: #333;
  295. background-color: #ebebeb;
  296. border-color: #dae0e5;
  297. }
  298. .note-btn:hover {
  299. color: #333;
  300. background-color: #ebebeb;
  301. border-color: #dae0e5;
  302. }
  303. .note-btn.disabled:focus, .note-btn.disabled.focus, .note-btn[disabled]:focus, .note-btn[disabled].focus, fieldset[disabled] .note-btn:focus, fieldset[disabled] .note-btn.focus {
  304. background-color: #fff;
  305. border-color: #dae0e5;
  306. }
  307. .note-btn:hover, .note-btn:focus, .note-btn.focus {
  308. color: #333;
  309. text-decoration: none;
  310. border: 1px solid #dae0e5;
  311. background-color: #ebebeb;
  312. outline: 0;
  313. border-radius: 1px;
  314. }
  315. .note-btn:active, .note-btn.active {
  316. outline: 0;
  317. background-image: none;
  318. color: #333;
  319. text-decoration: none;
  320. border: 1px solid #dae0e5;
  321. background-color: #ebebeb;
  322. outline: 0;
  323. border-radius: 1px;
  324. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  325. }
  326. .note-btn.disabled, .note-btn[disabled], fieldset[disabled] .note-btn {
  327. cursor: not-allowed;
  328. -webkit-opacity: 0.65;
  329. -khtml-opacity: 0.65;
  330. -moz-opacity: 0.65;
  331. opacity: 0.65;
  332. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  333. filter: alpha(opacity=65);
  334. box-shadow: none;
  335. }
  336. .note-btn > span.note-icon-caret:first-child {
  337. margin-left: -1px;
  338. }
  339. .note-btn > span.note-icon-caret:nth-child(2) {
  340. padding-left: 3px;
  341. margin-right: -5px;
  342. }
  343. .note-btn-primary {
  344. background: #fa6362;
  345. color: #fff;
  346. }
  347. .note-btn-primary:hover, .note-btn-primary:focus, .note-btn-primary.focus {
  348. color: #fff;
  349. text-decoration: none;
  350. border: 1px solid #dae0e5;
  351. background-color: #fa6362;
  352. border-radius: 1px;
  353. }
  354. .note-btn-block {
  355. display: block;
  356. width: 100%;
  357. }
  358. .note-btn-block + .note-btn-block {
  359. margin-top: 5px;
  360. }
  361. input[type=submit].note-btn-block,
  362. input[type=reset].note-btn-block,
  363. input[type=button].note-btn-block {
  364. width: 100%;
  365. }
  366. button.close {
  367. padding: 0;
  368. cursor: pointer;
  369. background: transparent;
  370. border: 0;
  371. -webkit-appearance: none;
  372. }
  373. .close {
  374. float: right;
  375. font-size: 21px;
  376. line-height: 1;
  377. color: #000;
  378. opacity: 0.2;
  379. }
  380. .close:hover {
  381. -webkit-opacity: 1;
  382. -khtml-opacity: 1;
  383. -moz-opacity: 1;
  384. -ms-filter: alpha(opacity=100);
  385. filter: alpha(opacity=100);
  386. opacity: 1;
  387. }
  388. .note-dropdown {
  389. position: relative;
  390. }
  391. .note-color .dropdown-toggle {
  392. width: 30px;
  393. padding-left: 5px;
  394. }
  395. .note-dropdown-menu {
  396. display: none;
  397. min-width: 100px;
  398. position: absolute;
  399. top: 100%;
  400. left: 0;
  401. z-index: 1000;
  402. float: left;
  403. text-align: left;
  404. background: #fff;
  405. border: 1px solid #e2e2e2;
  406. padding: 5px;
  407. background-clip: padding-box;
  408. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
  409. }
  410. .note-dropdown-menu > *:last-child {
  411. margin-right: 0;
  412. }
  413. .note-btn-group.open .note-dropdown-menu {
  414. display: block;
  415. }
  416. .note-dropdown-item {
  417. display: block;
  418. }
  419. .note-dropdown-item:hover {
  420. background-color: #ebebeb;
  421. }
  422. a.note-dropdown-item,
  423. a.note-dropdown-item:hover {
  424. margin: 5px 0;
  425. color: #000;
  426. text-decoration: none;
  427. }
  428. .note-modal {
  429. position: fixed;
  430. left: 0;
  431. right: 0;
  432. top: 0;
  433. bottom: 0;
  434. z-index: 1050;
  435. -webkit-opacity: 1;
  436. -khtml-opacity: 1;
  437. -moz-opacity: 1;
  438. opacity: 1;
  439. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  440. filter: alpha(opacity=100);
  441. display: none;
  442. }
  443. .note-modal.open {
  444. display: block;
  445. }
  446. .note-modal-content {
  447. position: relative;
  448. width: auto;
  449. margin: 30px 20px;
  450. border: 1px solid rgba(0, 0, 0, 0.2);
  451. background: #fff;
  452. background-clip: border-box;
  453. outline: 0;
  454. border-radius: 5px;
  455. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  456. }
  457. .note-modal-header {
  458. padding: 10px 20px;
  459. border: 1px solid #ededef;
  460. }
  461. .note-modal-body {
  462. position: relative;
  463. padding: 20px 30px;
  464. }
  465. .note-modal-body kbd {
  466. border-radius: 2px;
  467. background-color: #000;
  468. color: #fff;
  469. padding: 3px 5px;
  470. font-weight: 700;
  471. -ms-box-sizing: border-box;
  472. box-sizing: border-box;
  473. }
  474. .note-modal-footer {
  475. height: 40px;
  476. padding: 10px;
  477. text-align: center;
  478. }
  479. .note-modal-footer a {
  480. color: #337ab7;
  481. text-decoration: none;
  482. }
  483. .note-modal-footer a:hover,
  484. .note-modal-footer a:focus {
  485. color: #23527c;
  486. text-decoration: underline;
  487. }
  488. .note-modal-footer .note-btn {
  489. float: right;
  490. }
  491. .note-modal-title {
  492. font-size: 20px;
  493. color: #42515f;
  494. margin: 0;
  495. line-height: 1.4;
  496. }
  497. .note-modal-backdrop {
  498. position: fixed;
  499. left: 0;
  500. right: 0;
  501. bottom: 0;
  502. top: 0;
  503. z-index: 1040;
  504. background: #000;
  505. -webkit-opacity: 0.5;
  506. -khtml-opacity: 0.5;
  507. -moz-opacity: 0.5;
  508. opacity: 0.5;
  509. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  510. filter: alpha(opacity=50);
  511. display: none;
  512. }
  513. .note-modal-backdrop.open {
  514. display: block;
  515. }
  516. @media (min-width: 768px) {
  517. .note-modal-content {
  518. width: 600px;
  519. margin: 30px auto;
  520. }
  521. }
  522. @media (min-width: 992px) {
  523. .note-modal-content-large {
  524. width: 900px;
  525. }
  526. }
  527. .note-modal .note-help-block {
  528. display: block;
  529. margin-top: 5px;
  530. margin-bottom: 10px;
  531. color: #737373;
  532. }
  533. .note-modal .note-nav {
  534. display: flex;
  535. flex-wrap: wrap;
  536. padding-left: 0;
  537. margin-bottom: 0;
  538. list-style: none;
  539. }
  540. .note-modal .note-nav-link {
  541. display: block;
  542. padding: 0.5rem 1rem;
  543. color: #007bff;
  544. text-decoration: none;
  545. background-color: transparent;
  546. -webkit-text-decoration-skip: objects;
  547. }
  548. .note-modal .note-nav-link:focus,
  549. .note-modal .note-nav-link:hover {
  550. color: #0056b3;
  551. text-decoration: none;
  552. }
  553. .note-modal .note-nav-link.disabled {
  554. color: #868e96;
  555. }
  556. .note-modal .note-nav-tabs {
  557. border-bottom: 1px solid #ddd;
  558. }
  559. .note-modal .note-nav-tabs .note-nav-item {
  560. margin-bottom: -1px;
  561. }
  562. .note-modal .note-nav-tabs .note-nav-link {
  563. border: 1px solid transparent;
  564. border-top-left-radius: 0.25rem;
  565. border-top-right-radius: 0.25rem;
  566. }
  567. .note-modal .note-nav-tabs .note-nav-link:focus,
  568. .note-modal .note-nav-tabs .note-nav-link:hover {
  569. border-color: #e9ecef #e9ecef #ddd;
  570. }
  571. .note-modal .note-nav-tabs .note-nav-link.disabled {
  572. color: #868e96;
  573. background-color: transparent;
  574. border-color: transparent;
  575. }
  576. .note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
  577. color: #495057;
  578. background-color: #fff;
  579. border-color: #ddd #ddd #fff;
  580. }
  581. .note-modal .note-tab-content {
  582. margin: 15px auto;
  583. }
  584. .note-modal .note-tab-content > .note-tab-pane:target ~ .note-tab-pane:last-child,
  585. .note-modal .note-tab-content > .note-tab-pane {
  586. display: none;
  587. }
  588. .note-modal .note-tab-content > :last-child,
  589. .note-modal .note-tab-content > .note-tab-pane:target {
  590. display: block;
  591. }
  592. .note-form-group {
  593. padding-bottom: 20px;
  594. }
  595. .note-form-group:last-child {
  596. padding-bottom: 0;
  597. }
  598. .note-form-label {
  599. display: block;
  600. width: 100%;
  601. font-size: 16px;
  602. color: #42515f;
  603. margin-bottom: 10px;
  604. font-weight: 700;
  605. }
  606. .note-input {
  607. width: 100%;
  608. display: block;
  609. border: 1px solid #ededef;
  610. background: #fff;
  611. outline: 0;
  612. padding: 6px 4px;
  613. font-size: 14px;
  614. -ms-box-sizing: border-box;
  615. box-sizing: border-box;
  616. }
  617. .note-input::-webkit-input-placeholder {
  618. color: #eeeeee;
  619. }
  620. .note-input:-moz-placeholder {
  621. /* Firefox 18- */
  622. color: #eeeeee;
  623. }
  624. .note-input::-moz-placeholder {
  625. /* Firefox 19+ */
  626. color: #eeeeee;
  627. }
  628. .note-input:-ms-input-placeholder {
  629. color: #eeeeee;
  630. }
  631. .note-tooltip {
  632. position: absolute;
  633. z-index: 1070;
  634. display: block;
  635. font-size: 13px;
  636. transition: opacity 0.15s;
  637. -webkit-opacity: 0;
  638. -khtml-opacity: 0;
  639. -moz-opacity: 0;
  640. opacity: 0;
  641. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  642. filter: alpha(opacity=0);
  643. }
  644. .note-tooltip.in {
  645. -webkit-opacity: 0.9;
  646. -khtml-opacity: 0.9;
  647. -moz-opacity: 0.9;
  648. opacity: 0.9;
  649. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  650. filter: alpha(opacity=90);
  651. }
  652. .note-tooltip.top {
  653. margin-top: -3px;
  654. padding: 5px 0;
  655. }
  656. .note-tooltip.right {
  657. margin-left: 3px;
  658. padding: 0 5px;
  659. }
  660. .note-tooltip.bottom {
  661. margin-top: 3px;
  662. padding: 5px 0;
  663. }
  664. .note-tooltip.left {
  665. margin-left: -3px;
  666. padding: 0 5px;
  667. }
  668. .note-tooltip.bottom .note-tooltip-arrow {
  669. top: 0;
  670. left: 50%;
  671. margin-left: -5px;
  672. border-width: 0 5px 5px;
  673. border-bottom-color: #000;
  674. }
  675. .note-tooltip.top .note-tooltip-arrow {
  676. bottom: 0;
  677. left: 50%;
  678. margin-left: -5px;
  679. border-width: 5px 5px 0;
  680. border-top-color: #000;
  681. }
  682. .note-tooltip.right .note-tooltip-arrow {
  683. top: 50%;
  684. left: 0;
  685. margin-top: -5px;
  686. border-width: 5px 5px 5px 0;
  687. border-right-color: #000;
  688. }
  689. .note-tooltip.left .note-tooltip-arrow {
  690. top: 50%;
  691. right: 0;
  692. margin-top: -5px;
  693. border-width: 5px 0 5px 5px;
  694. border-left-color: #000;
  695. }
  696. .note-tooltip-arrow {
  697. position: absolute;
  698. width: 0;
  699. height: 0;
  700. border-color: transparent;
  701. border-style: solid;
  702. }
  703. .note-tooltip-content {
  704. max-width: 200px;
  705. font-family: sans-serif;
  706. padding: 3px 8px;
  707. color: #fff;
  708. text-align: center;
  709. background-color: #000;
  710. }
  711. .note-popover {
  712. position: absolute;
  713. z-index: 1060;
  714. display: block;
  715. font-size: 13px;
  716. font-family: sans-serif;
  717. display: none;
  718. background: #ffffff;
  719. border: 1px solid rgba(0, 0, 0, 0.2);
  720. border: 1px solid #ccc;
  721. }
  722. .note-popover.in {
  723. display: block;
  724. }
  725. .note-popover.top {
  726. margin-top: -10px;
  727. padding: 5px 0;
  728. }
  729. .note-popover.right {
  730. margin-left: 10px;
  731. padding: 0 5px;
  732. }
  733. .note-popover.bottom {
  734. margin-top: 10px;
  735. padding: 5px 0;
  736. }
  737. .note-popover.left {
  738. margin-left: -10px;
  739. padding: 0 5px;
  740. }
  741. .note-popover.bottom .note-popover-arrow {
  742. top: -11px;
  743. left: 20px;
  744. margin-left: -10px;
  745. border-top-width: 0;
  746. border-bottom-color: #999999;
  747. border-bottom-color: rgba(0, 0, 0, 0.25);
  748. }
  749. .note-popover.bottom .note-popover-arrow::after {
  750. top: 1px;
  751. margin-left: -10px;
  752. content: "\0020";
  753. border-top-width: 0;
  754. border-bottom-color: #fff;
  755. }
  756. .note-popover.top .note-popover-arrow {
  757. bottom: -11px;
  758. left: 20px;
  759. margin-left: -10px;
  760. border-bottom-width: 0;
  761. border-top-color: #999999;
  762. border-top-color: rgba(0, 0, 0, 0.25);
  763. }
  764. .note-popover.top .note-popover-arrow::after {
  765. bottom: 1px;
  766. margin-left: -10px;
  767. content: "\0020";
  768. border-bottom-width: 0;
  769. border-top-color: #fff;
  770. }
  771. .note-popover.right .note-popover-arrow {
  772. top: 50%;
  773. left: -11px;
  774. margin-top: -10px;
  775. border-left-width: 0;
  776. border-right-color: #999999;
  777. border-right-color: rgba(0, 0, 0, 0.25);
  778. }
  779. .note-popover.right .note-popover-arrow::after {
  780. left: 1px;
  781. margin-top: -10px;
  782. content: "\0020";
  783. border-left-width: 0;
  784. border-right-color: #fff;
  785. }
  786. .note-popover.left .note-popover-arrow {
  787. top: 50%;
  788. right: -11px;
  789. margin-top: -10px;
  790. border-right-width: 0;
  791. border-left-color: #999999;
  792. border-left-color: rgba(0, 0, 0, 0.25);
  793. }
  794. .note-popover.left .note-popover-arrow::after {
  795. right: 1px;
  796. margin-top: -10px;
  797. content: "\0020";
  798. border-right-width: 0;
  799. border-left-color: #fff;
  800. }
  801. .note-popover-arrow {
  802. position: absolute;
  803. width: 0;
  804. height: 0;
  805. border: 11px solid transparent;
  806. }
  807. .note-popover-arrow::after {
  808. position: absolute;
  809. display: block;
  810. width: 0;
  811. height: 0;
  812. border-color: transparent;
  813. border-style: solid;
  814. content: "\0020";
  815. border-width: 10px;
  816. }
  817. .note-popover-content {
  818. /*max-width: $popover-max-width;*/
  819. padding: 3px 8px;
  820. color: #000;
  821. text-align: center;
  822. background-color: #ffffff;
  823. min-width: 100px;
  824. min-height: 30px;
  825. }
  826. /* Theme Variables
  827. ------------------------------------------ */
  828. /* Layout
  829. ------------------------------------------ */
  830. .note-editor {
  831. position: relative;
  832. }
  833. .note-editor .note-dropzone {
  834. position: absolute;
  835. display: none;
  836. z-index: 100;
  837. color: lightskyblue;
  838. background-color: #fff;
  839. opacity: 0.95;
  840. }
  841. .note-editor .note-dropzone .note-dropzone-message {
  842. display: table-cell;
  843. vertical-align: middle;
  844. text-align: center;
  845. font-size: 28px;
  846. font-weight: 700;
  847. }
  848. .note-editor .note-dropzone.hover {
  849. color: #098ddf;
  850. }
  851. .note-editor.dragover .note-dropzone {
  852. display: table;
  853. }
  854. .note-editor .note-editing-area {
  855. position: relative;
  856. }
  857. .note-editor .note-editing-area .note-editable {
  858. outline: none;
  859. }
  860. .note-editor .note-editing-area .note-editable sup {
  861. vertical-align: super;
  862. }
  863. .note-editor .note-editing-area .note-editable sub {
  864. vertical-align: sub;
  865. }
  866. .note-editor .note-editing-area .note-editable img.note-float-left {
  867. margin-right: 10px;
  868. }
  869. .note-editor .note-editing-area .note-editable img.note-float-right {
  870. margin-left: 10px;
  871. }
  872. /* Frame mode layout
  873. ------------------------------------------ */
  874. .note-editor.note-frame,
  875. .note-editor.note-airframe {
  876. border: 1px solid #00000032;
  877. }
  878. .note-editor.note-frame.codeview .note-editing-area .note-editable,
  879. .note-editor.note-airframe.codeview .note-editing-area .note-editable {
  880. display: none;
  881. }
  882. .note-editor.note-frame.codeview .note-editing-area .note-codable,
  883. .note-editor.note-airframe.codeview .note-editing-area .note-codable {
  884. display: block;
  885. }
  886. .note-editor.note-frame .note-editing-area,
  887. .note-editor.note-airframe .note-editing-area {
  888. overflow: hidden;
  889. }
  890. .note-editor.note-frame .note-editing-area .note-editable,
  891. .note-editor.note-airframe .note-editing-area .note-editable {
  892. padding: 10px;
  893. overflow: auto;
  894. word-wrap: break-word;
  895. }
  896. .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
  897. .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
  898. background-color: #8080801d;
  899. }
  900. .note-editor.note-frame .note-editing-area .note-codable,
  901. .note-editor.note-airframe .note-editing-area .note-codable {
  902. display: none;
  903. width: 100%;
  904. padding: 10px;
  905. border: none;
  906. box-shadow: none;
  907. font-family: Menlo, Monaco, monospace, sans-serif;
  908. font-size: 14px;
  909. color: #ccc;
  910. background-color: #222;
  911. resize: none;
  912. outline: none;
  913. -ms-box-sizing: border-box;
  914. box-sizing: border-box;
  915. border-radius: 0;
  916. margin-bottom: 0;
  917. }
  918. .note-editor.note-frame.fullscreen,
  919. .note-editor.note-airframe.fullscreen {
  920. position: fixed;
  921. top: 0;
  922. left: 0;
  923. width: 100% !important;
  924. z-index: 1050;
  925. }
  926. .note-editor.note-frame.fullscreen .note-resizebar,
  927. .note-editor.note-airframe.fullscreen .note-resizebar {
  928. display: none;
  929. }
  930. .note-editor.note-frame .note-status-output,
  931. .note-editor.note-airframe .note-status-output {
  932. display: block;
  933. width: 100%;
  934. font-size: 14px;
  935. line-height: 1.42857143;
  936. height: 20px;
  937. margin-bottom: 0;
  938. color: #000;
  939. border: 0;
  940. border-top: 1px solid #e2e2e2;
  941. }
  942. .note-editor.note-frame .note-status-output:empty,
  943. .note-editor.note-airframe .note-status-output:empty {
  944. height: 0;
  945. border-top: 0 solid transparent;
  946. }
  947. .note-editor.note-frame .note-status-output .pull-right,
  948. .note-editor.note-airframe .note-status-output .pull-right {
  949. float: right !important;
  950. }
  951. .note-editor.note-frame .note-status-output .text-muted,
  952. .note-editor.note-airframe .note-status-output .text-muted {
  953. color: #777;
  954. }
  955. .note-editor.note-frame .note-status-output .text-primary,
  956. .note-editor.note-airframe .note-status-output .text-primary {
  957. color: #286090;
  958. }
  959. .note-editor.note-frame .note-status-output .text-success,
  960. .note-editor.note-airframe .note-status-output .text-success {
  961. color: #3c763d;
  962. }
  963. .note-editor.note-frame .note-status-output .text-info,
  964. .note-editor.note-airframe .note-status-output .text-info {
  965. color: #31708f;
  966. }
  967. .note-editor.note-frame .note-status-output .text-warning,
  968. .note-editor.note-airframe .note-status-output .text-warning {
  969. color: #8a6d3b;
  970. }
  971. .note-editor.note-frame .note-status-output .text-danger,
  972. .note-editor.note-airframe .note-status-output .text-danger {
  973. color: #a94442;
  974. }
  975. .note-editor.note-frame .note-status-output .alert,
  976. .note-editor.note-airframe .note-status-output .alert {
  977. margin: -7px 0 0 0;
  978. padding: 7px 10px 2px 10px;
  979. border-radius: 0;
  980. color: #000;
  981. background-color: #f5f5f5;
  982. }
  983. .note-editor.note-frame .note-status-output .alert .note-icon,
  984. .note-editor.note-airframe .note-status-output .alert .note-icon {
  985. margin-right: 5px;
  986. }
  987. .note-editor.note-frame .note-status-output .alert-success,
  988. .note-editor.note-airframe .note-status-output .alert-success {
  989. color: #3c763d !important;
  990. background-color: #dff0d8 !important;
  991. }
  992. .note-editor.note-frame .note-status-output .alert-info,
  993. .note-editor.note-airframe .note-status-output .alert-info {
  994. color: #31708f !important;
  995. background-color: #d9edf7 !important;
  996. }
  997. .note-editor.note-frame .note-status-output .alert-warning,
  998. .note-editor.note-airframe .note-status-output .alert-warning {
  999. color: #8a6d3b !important;
  1000. background-color: #fcf8e3 !important;
  1001. }
  1002. .note-editor.note-frame .note-status-output .alert-danger,
  1003. .note-editor.note-airframe .note-status-output .alert-danger {
  1004. color: #a94442 !important;
  1005. background-color: #f2dede !important;
  1006. }
  1007. .note-editor.note-frame .note-statusbar,
  1008. .note-editor.note-airframe .note-statusbar {
  1009. background-color: #8080801d;
  1010. border-bottom-left-radius: 4px;
  1011. border-bottom-right-radius: 4px;
  1012. border-top: 1px solid #00000032;
  1013. }
  1014. .note-editor.note-frame .note-statusbar .note-resizebar,
  1015. .note-editor.note-airframe .note-statusbar .note-resizebar {
  1016. padding-top: 1px;
  1017. height: 9px;
  1018. width: 100%;
  1019. cursor: ns-resize;
  1020. }
  1021. .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
  1022. .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
  1023. width: 20px;
  1024. margin: 1px auto;
  1025. border-top: 1px solid #00000032;
  1026. }
  1027. .note-editor.note-frame .note-statusbar.locked .note-resizebar,
  1028. .note-editor.note-airframe .note-statusbar.locked .note-resizebar {
  1029. cursor: default;
  1030. }
  1031. .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
  1032. .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
  1033. display: none;
  1034. }
  1035. .note-editor.note-frame .note-placeholder,
  1036. .note-editor.note-airframe .note-placeholder {
  1037. padding: 10px;
  1038. }
  1039. .note-editor.note-airframe {
  1040. border: 0;
  1041. }
  1042. .note-editor.note-airframe .note-editing-area .note-editable {
  1043. padding: 0;
  1044. }
  1045. /* Popover
  1046. ------------------------------------------ */
  1047. .note-popover.popover {
  1048. display: none;
  1049. max-width: none;
  1050. }
  1051. .note-popover.popover .popover-content a {
  1052. display: inline-block;
  1053. max-width: 200px;
  1054. overflow: hidden;
  1055. text-overflow: ellipsis;
  1056. white-space: nowrap;
  1057. vertical-align: middle;
  1058. }
  1059. .note-popover.popover .arrow {
  1060. left: 20px !important;
  1061. }
  1062. /* Popover and Toolbar (Button container)
  1063. ------------------------------------------ */
  1064. .note-toolbar {
  1065. position: relative;
  1066. }
  1067. .note-popover .popover-content, .note-editor .note-toolbar {
  1068. margin: 0;
  1069. padding: 0 0 5px 5px;
  1070. }
  1071. .note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group {
  1072. margin-top: 5px;
  1073. margin-left: 0;
  1074. margin-right: 5px;
  1075. }
  1076. .note-popover .popover-content .note-btn-group .note-table, .note-editor .note-toolbar .note-btn-group .note-table {
  1077. min-width: 0;
  1078. padding: 5px;
  1079. }
  1080. .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
  1081. font-size: 18px;
  1082. }
  1083. .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  1084. position: absolute !important;
  1085. z-index: 3;
  1086. width: 10em;
  1087. height: 10em;
  1088. cursor: pointer;
  1089. }
  1090. .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  1091. position: relative !important;
  1092. z-index: 1;
  1093. width: 5em;
  1094. height: 5em;
  1095. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
  1096. }
  1097. .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  1098. position: absolute !important;
  1099. z-index: 2;
  1100. width: 1em;
  1101. height: 1em;
  1102. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
  1103. }
  1104. .note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {
  1105. margin: 0;
  1106. padding: 5px 10px;
  1107. }
  1108. .note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {
  1109. margin: 0;
  1110. padding: 0;
  1111. }
  1112. .note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  1113. min-width: 337px;
  1114. }
  1115. .note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
  1116. width: 20px;
  1117. padding-left: 5px;
  1118. }
  1119. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  1120. display: inline-block;
  1121. margin: 0;
  1122. width: 160px;
  1123. }
  1124. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
  1125. margin: 0 5px;
  1126. }
  1127. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
  1128. font-size: 12px;
  1129. margin: 2px 7px;
  1130. text-align: center;
  1131. border-bottom: 1px solid #eee;
  1132. }
  1133. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
  1134. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
  1135. .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
  1136. font-size: 11px;
  1137. margin: 3px;
  1138. padding: 0 3px;
  1139. cursor: pointer;
  1140. width: 100%;
  1141. border-radius: 5px;
  1142. }
  1143. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
  1144. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
  1145. .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  1146. background: #eee;
  1147. }
  1148. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
  1149. height: 20px;
  1150. }
  1151. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
  1152. display: none;
  1153. }
  1154. .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  1155. border: 1px solid #eee;
  1156. }
  1157. .note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
  1158. min-width: 228px;
  1159. padding: 5px;
  1160. }
  1161. .note-popover .popover-content .note-para .note-dropdown-menu > div + div, .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
  1162. margin-left: 5px;
  1163. }
  1164. .note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu {
  1165. min-width: 160px;
  1166. }
  1167. .note-popover .popover-content .note-dropdown-menu.right, .note-editor .note-toolbar .note-dropdown-menu.right {
  1168. right: 0;
  1169. left: auto;
  1170. }
  1171. .note-popover .popover-content .note-dropdown-menu.right::before, .note-editor .note-toolbar .note-dropdown-menu.right::before {
  1172. right: 9px;
  1173. left: auto !important;
  1174. }
  1175. .note-popover .popover-content .note-dropdown-menu.right::after, .note-editor .note-toolbar .note-dropdown-menu.right::after {
  1176. right: 10px;
  1177. left: auto !important;
  1178. }
  1179. .note-popover .popover-content .note-dropdown-menu.note-check a i, .note-editor .note-toolbar .note-dropdown-menu.note-check a i {
  1180. color: deepskyblue;
  1181. visibility: hidden;
  1182. }
  1183. .note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
  1184. visibility: visible;
  1185. }
  1186. .note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
  1187. font-size: 10px;
  1188. }
  1189. .note-popover .popover-content .note-color-palette, .note-editor .note-toolbar .note-color-palette {
  1190. line-height: 1;
  1191. }
  1192. .note-popover .popover-content .note-color-palette div .note-color-btn, .note-editor .note-toolbar .note-color-palette div .note-color-btn {
  1193. width: 20px;
  1194. height: 20px;
  1195. padding: 0;
  1196. margin: 0;
  1197. border: 0;
  1198. border-radius: 0;
  1199. }
  1200. .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
  1201. transform: scale(1.2);
  1202. transition: all 0.2s;
  1203. }
  1204. /* Dialog
  1205. ------------------------------------------ */
  1206. .note-modal .modal-dialog {
  1207. outline: 0;
  1208. border-radius: 5px;
  1209. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  1210. }
  1211. .note-modal .form-group {
  1212. margin-left: 0;
  1213. margin-right: 0;
  1214. }
  1215. .note-modal .note-modal-form {
  1216. margin: 0;
  1217. }
  1218. .note-modal .note-image-dialog .note-dropzone {
  1219. min-height: 100px;
  1220. font-size: 30px;
  1221. line-height: 4;
  1222. color: lightgray;
  1223. text-align: center;
  1224. border: 4px dashed lightgray;
  1225. margin-bottom: 10px;
  1226. }
  1227. @-moz-document url-prefix() {
  1228. .note-modal .note-image-input {
  1229. height: auto;
  1230. }
  1231. }
  1232. /* Placeholder
  1233. ------------------------------------------ */
  1234. .note-placeholder {
  1235. position: absolute;
  1236. display: none;
  1237. color: gray;
  1238. }
  1239. /* Handle
  1240. ------------------------------------------ */
  1241. .note-handle .note-control-selection {
  1242. position: absolute;
  1243. display: none;
  1244. border: 1px solid #000;
  1245. }
  1246. .note-handle .note-control-selection > div {
  1247. position: absolute;
  1248. }
  1249. .note-handle .note-control-selection .note-control-selection-bg {
  1250. width: 100%;
  1251. height: 100%;
  1252. background-color: #000;
  1253. -webkit-opacity: 0.3;
  1254. -khtml-opacity: 0.3;
  1255. -moz-opacity: 0.3;
  1256. opacity: 0.3;
  1257. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  1258. filter: alpha(opacity=30);
  1259. }
  1260. .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-sizing, .note-handle .note-control-selection .note-control-holder {
  1261. width: 7px;
  1262. height: 7px;
  1263. border: 1px solid #000;
  1264. }
  1265. .note-handle .note-control-selection .note-control-sizing {
  1266. background-color: #000;
  1267. }
  1268. .note-handle .note-control-selection .note-control-nw {
  1269. top: -5px;
  1270. left: -5px;
  1271. border-right: none;
  1272. border-bottom: none;
  1273. }
  1274. .note-handle .note-control-selection .note-control-ne {
  1275. top: -5px;
  1276. right: -5px;
  1277. border-bottom: none;
  1278. border-left: none;
  1279. }
  1280. .note-handle .note-control-selection .note-control-sw {
  1281. bottom: -5px;
  1282. left: -5px;
  1283. border-top: none;
  1284. border-right: none;
  1285. }
  1286. .note-handle .note-control-selection .note-control-se {
  1287. right: -5px;
  1288. bottom: -5px;
  1289. cursor: se-resize;
  1290. }
  1291. .note-handle .note-control-selection .note-control-se.note-control-holder {
  1292. cursor: default;
  1293. border-top: none;
  1294. border-left: none;
  1295. }
  1296. .note-handle .note-control-selection .note-control-selection-info {
  1297. right: 0;
  1298. bottom: 0;
  1299. padding: 5px;
  1300. margin: 5px;
  1301. color: #fff;
  1302. background-color: #000;
  1303. font-size: 12px;
  1304. border-radius: 5px;
  1305. -webkit-opacity: 0.7;
  1306. -khtml-opacity: 0.7;
  1307. -moz-opacity: 0.7;
  1308. opacity: 0.7;
  1309. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  1310. filter: alpha(opacity=70);
  1311. }
  1312. .note-hint-popover {
  1313. min-width: 100px;
  1314. padding: 2px;
  1315. }
  1316. .note-hint-popover .popover-content {
  1317. padding: 3px;
  1318. max-height: 150px;
  1319. overflow: auto;
  1320. }
  1321. .note-hint-popover .popover-content .note-hint-group .note-hint-item {
  1322. display: block !important;
  1323. padding: 3px;
  1324. }
  1325. .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  1326. display: block;
  1327. clear: both;
  1328. font-weight: 400;
  1329. line-height: 1.4;
  1330. color: white;
  1331. white-space: nowrap;
  1332. text-decoration: none;
  1333. background-color: #428bca;
  1334. outline: 0;
  1335. cursor: pointer;
  1336. }
  1337. /* Handle
  1338. ------------------------------------------ */
  1339. html .note-fullscreen-body, body .note-fullscreen-body {
  1340. overflow: hidden !important;
  1341. }
  1342. .note-editor .note-editing-area .note-editable table {
  1343. width: 100%;
  1344. border-collapse: collapse;
  1345. }
  1346. .note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th {
  1347. border: 1px solid #ececec;
  1348. padding: 5px 3px;
  1349. }
  1350. .note-editor .note-editing-area .note-editable a {
  1351. background-color: inherit;
  1352. text-decoration: inherit;
  1353. font-family: inherit;
  1354. font-weight: inherit;
  1355. color: #337ab7;
  1356. }
  1357. .note-editor .note-editing-area .note-editable a:hover,
  1358. .note-editor .note-editing-area .note-editable a:focus {
  1359. color: #23527c;
  1360. text-decoration: underline;
  1361. outline: 0;
  1362. }
  1363. .note-editor .note-editing-area .note-editable figure {
  1364. margin: 0;
  1365. }
  1366. /* Dialog
  1367. ------------------------------------------*/
  1368. .note-modal .note-modal-body label {
  1369. margin-bottom: 2px;
  1370. padding: 2px 5px;
  1371. display: inline-block;
  1372. }
  1373. .note-modal .note-modal-body .help-list-item:hover {
  1374. background-color: #e0e0e0;
  1375. }
  1376. @-moz-document url-prefix() {
  1377. .note-modal .note-image-input {
  1378. height: auto;
  1379. }
  1380. }
  1381. .help-list-item label {
  1382. margin-bottom: 5px;
  1383. display: inline-block;
  1384. }
  1385. /*# sourceMappingURL=summernote-lite.css.map*/