text content initial, if any
", ), htmlToolbarOptions: HtmlToolbarOptions( diff --git a/example/pubspec.lock b/example/pubspec.lock index b98a159b..7023eb9f 100644 --- a/example/pubspec.lock +++ b/example/pubspec.lock @@ -5,79 +5,90 @@ packages: dependency: transitive description: name: async - url: "https://pub.dartlang.org" + sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c" + url: "https://pub.dev" source: hosted - version: "2.9.0" + version: "2.11.0" boolean_selector: dependency: transitive description: name: boolean_selector - url: "https://pub.dartlang.org" + sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66" + url: "https://pub.dev" source: hosted - version: "2.1.0" + version: "2.1.1" characters: dependency: transitive description: name: characters - url: "https://pub.dartlang.org" + sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605" + url: "https://pub.dev" source: hosted - version: "1.2.1" + version: "1.3.0" clock: dependency: transitive description: name: clock - url: "https://pub.dartlang.org" + sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf + url: "https://pub.dev" source: hosted version: "1.1.1" collection: dependency: transitive description: name: collection - url: "https://pub.dartlang.org" + sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a + url: "https://pub.dev" source: hosted - version: "1.16.0" + version: "1.18.0" cupertino_icons: dependency: "direct main" description: name: cupertino_icons - url: "https://pub.dartlang.org" + sha256: d57953e10f9f8327ce64a508a355f0b1ec902193f66288e8cb5070e7c47eeb2d + url: "https://pub.dev" source: hosted - version: "1.0.5" + version: "1.0.6" fake_async: dependency: transitive description: name: fake_async - url: "https://pub.dartlang.org" + sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78" + url: "https://pub.dev" source: hosted version: "1.3.1" ffi: dependency: transitive description: name: ffi - url: "https://pub.dartlang.org" + sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21" + url: "https://pub.dev" source: hosted - version: "2.0.1" + version: "2.1.2" file_picker: dependency: transitive description: name: file_picker - url: "https://pub.dartlang.org" + sha256: be325344c1f3070354a1d84a231a1ba75ea85d413774ec4bdf444c023342e030 + url: "https://pub.dev" source: hosted - version: "5.2.5" + version: "5.5.0" flex_color_picker: dependency: transitive description: name: flex_color_picker - url: "https://pub.dartlang.org" + sha256: "5c846437069fb7afdd7ade6bf37e628a71d2ab0787095ddcb1253bf9345d5f3a" + url: "https://pub.dev" source: hosted - version: "3.0.2" + version: "3.4.1" flex_seed_scheme: dependency: transitive description: name: flex_seed_scheme - url: "https://pub.dartlang.org" + sha256: "4cee2f1d07259f77e8b36f4ec5f35499d19e74e17c7dce5b819554914082bc01" + url: "https://pub.dev" source: hosted - version: "1.1.0" + version: "1.5.0" flutter: dependency: "direct main" description: flutter @@ -87,58 +98,114 @@ packages: dependency: transitive description: name: flutter_inappwebview - url: "https://pub.dartlang.org" + sha256: "3e9a443a18ecef966fb930c3a76ca5ab6a7aafc0c7b5e14a4a850cf107b09959" + url: "https://pub.dev" + source: hosted + version: "6.0.0" + flutter_inappwebview_android: + dependency: transitive + description: + name: flutter_inappwebview_android + sha256: d247f6ed417f1f8c364612fa05a2ecba7f775c8d0c044c1d3b9ee33a6515c421 + url: "https://pub.dev" + source: hosted + version: "1.0.13" + flutter_inappwebview_internal_annotations: + dependency: transitive + description: + name: flutter_inappwebview_internal_annotations + sha256: "5f80fd30e208ddded7dbbcd0d569e7995f9f63d45ea3f548d8dd4c0b473fb4c8" + url: "https://pub.dev" + source: hosted + version: "1.1.1" + flutter_inappwebview_ios: + dependency: transitive + description: + name: flutter_inappwebview_ios + sha256: f363577208b97b10b319cd0c428555cd8493e88b468019a8c5635a0e4312bd0f + url: "https://pub.dev" + source: hosted + version: "1.0.13" + flutter_inappwebview_macos: + dependency: transitive + description: + name: flutter_inappwebview_macos + sha256: b55b9e506c549ce88e26580351d2c71d54f4825901666bd6cfa4be9415bb2636 + url: "https://pub.dev" + source: hosted + version: "1.0.11" + flutter_inappwebview_platform_interface: + dependency: transitive + description: + name: flutter_inappwebview_platform_interface + sha256: "545fd4c25a07d2775f7d5af05a979b2cac4fbf79393b0a7f5d33ba39ba4f6187" + url: "https://pub.dev" + source: hosted + version: "1.0.10" + flutter_inappwebview_web: + dependency: transitive + description: + name: flutter_inappwebview_web + sha256: d8c680abfb6fec71609a700199635d38a744df0febd5544c5a020bd73de8ee07 + url: "https://pub.dev" source: hosted - version: "5.7.2+3" + version: "1.0.8" flutter_keyboard_visibility: dependency: transitive description: name: flutter_keyboard_visibility - url: "https://pub.dartlang.org" + sha256: "98664be7be0e3ffca00de50f7f6a287ab62c763fc8c762e0a21584584a3ff4f8" + url: "https://pub.dev" source: hosted - version: "5.4.0" + version: "6.0.0" flutter_keyboard_visibility_linux: dependency: transitive description: name: flutter_keyboard_visibility_linux - url: "https://pub.dartlang.org" + sha256: "6fba7cd9bb033b6ddd8c2beb4c99ad02d728f1e6e6d9b9446667398b2ac39f08" + url: "https://pub.dev" source: hosted version: "1.0.0" flutter_keyboard_visibility_macos: dependency: transitive description: name: flutter_keyboard_visibility_macos - url: "https://pub.dartlang.org" + sha256: c5c49b16fff453dfdafdc16f26bdd8fb8d55812a1d50b0ce25fc8d9f2e53d086 + url: "https://pub.dev" source: hosted version: "1.0.0" flutter_keyboard_visibility_platform_interface: dependency: transitive description: name: flutter_keyboard_visibility_platform_interface - url: "https://pub.dartlang.org" + sha256: e43a89845873f7be10cb3884345ceb9aebf00a659f479d1c8f4293fcb37022a4 + url: "https://pub.dev" source: hosted version: "2.0.0" flutter_keyboard_visibility_web: dependency: transitive description: name: flutter_keyboard_visibility_web - url: "https://pub.dartlang.org" + sha256: d3771a2e752880c79203f8d80658401d0c998e4183edca05a149f5098ce6e3d1 + url: "https://pub.dev" source: hosted version: "2.0.0" flutter_keyboard_visibility_windows: dependency: transitive description: name: flutter_keyboard_visibility_windows - url: "https://pub.dartlang.org" + sha256: fc4b0f0b6be9b93ae527f3d527fb56ee2d918cd88bbca438c478af7bcfd0ef73 + url: "https://pub.dev" source: hosted version: "1.0.0" flutter_plugin_android_lifecycle: dependency: transitive description: name: flutter_plugin_android_lifecycle - url: "https://pub.dartlang.org" + sha256: b068ffc46f82a55844acfa4fdbb61fad72fa2aef0905548419d97f0f95c456da + url: "https://pub.dev" source: hosted - version: "2.0.7" + version: "2.0.17" flutter_test: dependency: "direct dev" description: flutter @@ -155,77 +222,111 @@ packages: path: ".." relative: true source: path - version: "2.5.1" + version: "2.5.2" infinite_listview: dependency: transitive description: name: infinite_listview - url: "https://pub.dartlang.org" + sha256: f6062c1720eb59be553dfa6b89813d3e8dd2f054538445aaa5edaddfa5195ce6 + url: "https://pub.dev" source: hosted version: "1.1.0" js: dependency: transitive description: name: js - url: "https://pub.dartlang.org" + sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3 + url: "https://pub.dev" source: hosted - version: "0.6.4" + version: "0.6.7" + leak_tracker: + dependency: transitive + description: + name: leak_tracker + sha256: "7f0df31977cb2c0b88585095d168e689669a2cc9b97c309665e3386f3e9d341a" + url: "https://pub.dev" + source: hosted + version: "10.0.4" + leak_tracker_flutter_testing: + dependency: transitive + description: + name: leak_tracker_flutter_testing + sha256: "06e98f569d004c1315b991ded39924b21af84cf14cc94791b8aea337d25b57f8" + url: "https://pub.dev" + source: hosted + version: "3.0.3" + leak_tracker_testing: + dependency: transitive + description: + name: leak_tracker_testing + sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3" + url: "https://pub.dev" + source: hosted + version: "3.0.1" matcher: dependency: transitive description: name: matcher - url: "https://pub.dartlang.org" + sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb + url: "https://pub.dev" source: hosted - version: "0.12.12" + version: "0.12.16+1" material_color_utilities: dependency: transitive description: name: material_color_utilities - url: "https://pub.dartlang.org" + sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a" + url: "https://pub.dev" source: hosted - version: "0.1.5" + version: "0.8.0" meta: dependency: transitive description: name: meta - url: "https://pub.dartlang.org" + sha256: "7687075e408b093f36e6bbf6c91878cc0d4cd10f409506f7bc996f68220b9136" + url: "https://pub.dev" source: hosted - version: "1.8.0" + version: "1.12.0" numberpicker: dependency: transitive description: name: numberpicker - url: "https://pub.dartlang.org" + sha256: "4c129154944b0f6b133e693f8749c3f8bfb67c4d07ef9dcab48b595c22d1f156" + url: "https://pub.dev" source: hosted - version: "2.1.1" + version: "2.1.2" path: dependency: transitive description: name: path - url: "https://pub.dartlang.org" + sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af" + url: "https://pub.dev" source: hosted - version: "1.8.2" + version: "1.9.0" pedantic: dependency: transitive description: name: pedantic - url: "https://pub.dartlang.org" + sha256: "67fc27ed9639506c856c840ccce7594d0bdcd91bc8d53d6e52359449a1d50602" + url: "https://pub.dev" source: hosted version: "1.11.1" plugin_platform_interface: dependency: transitive description: name: plugin_platform_interface - url: "https://pub.dartlang.org" + sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02" + url: "https://pub.dev" source: hosted - version: "2.1.3" + version: "2.1.8" pointer_interceptor: dependency: transitive description: name: pointer_interceptor - url: "https://pub.dartlang.org" + sha256: adf7a637f97c077041d36801b43be08559fd4322d2127b3f20bb7be1b9eebc22 + url: "https://pub.dev" source: hosted - version: "0.9.3+3" + version: "0.9.3+7" sky_engine: dependency: transitive description: flutter @@ -235,65 +336,82 @@ packages: dependency: transitive description: name: source_span - url: "https://pub.dartlang.org" + sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c" + url: "https://pub.dev" source: hosted - version: "1.9.0" + version: "1.10.0" stack_trace: dependency: transitive description: name: stack_trace - url: "https://pub.dartlang.org" + sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b" + url: "https://pub.dev" source: hosted - version: "1.10.0" + version: "1.11.1" stream_channel: dependency: transitive description: name: stream_channel - url: "https://pub.dartlang.org" + sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7 + url: "https://pub.dev" source: hosted - version: "2.1.0" + version: "2.1.2" string_scanner: dependency: transitive description: name: string_scanner - url: "https://pub.dartlang.org" + sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde" + url: "https://pub.dev" source: hosted - version: "1.1.1" + version: "1.2.0" term_glyph: dependency: transitive description: name: term_glyph - url: "https://pub.dartlang.org" + sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84 + url: "https://pub.dev" source: hosted version: "1.2.1" test_api: dependency: transitive description: name: test_api - url: "https://pub.dartlang.org" + sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f" + url: "https://pub.dev" source: hosted - version: "0.4.12" + version: "0.7.0" vector_math: dependency: transitive description: name: vector_math - url: "https://pub.dartlang.org" + sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803" + url: "https://pub.dev" source: hosted - version: "2.1.2" + version: "2.1.4" visibility_detector: dependency: transitive description: name: visibility_detector - url: "https://pub.dartlang.org" + sha256: "15c54a459ec2c17b4705450483f3d5a2858e733aee893dcee9d75fd04814940d" + url: "https://pub.dev" source: hosted version: "0.3.3" + vm_service: + dependency: transitive + description: + name: vm_service + sha256: "3923c89304b715fb1eb6423f017651664a03bf5f4b29983627c4da791f74a4ec" + url: "https://pub.dev" + source: hosted + version: "14.2.1" win32: dependency: transitive description: name: win32 - url: "https://pub.dartlang.org" + sha256: "0a989dc7ca2bb51eac91e8fd00851297cfffd641aa7538b165c62637ca0eaa4a" + url: "https://pub.dev" source: hosted - version: "3.1.3" + version: "5.4.0" sdks: - dart: ">=2.18.0 <3.0.0" - flutter: ">=3.3.0" + dart: ">=3.3.0 <4.0.0" + flutter: ">=3.18.0-18.0.pre.54" diff --git a/example/pubspec.yaml b/example/pubspec.yaml index 5e1c4814..cefcf70d 100644 --- a/example/pubspec.yaml +++ b/example/pubspec.yaml @@ -4,9 +4,11 @@ description: Demonstrates how to use the html_editor_enhanced plugin. # The following line prevents the package from being accidentally published to # pub.dev using `pub publish`. This is preferred for private packages. publish_to: 'none' # Remove this line if you wish to publish to pub.dev +version: 1.0.0+1 environment: - sdk: '>=2.12.0 <3.0.0' + sdk: ">=3.0.6 <4.0.0" + flutter: ">=1.17.0" dependencies: flutter: diff --git a/lib/assets/font/FlatIcon1.ttf b/lib/assets/font/FlatIcon1.ttf new file mode 100644 index 00000000..df627435 Binary files /dev/null and b/lib/assets/font/FlatIcon1.ttf differ diff --git a/lib/assets/font/FlatIconNew.ttf b/lib/assets/font/FlatIconNew.ttf new file mode 100644 index 00000000..290eee60 Binary files /dev/null and b/lib/assets/font/FlatIconNew.ttf differ diff --git a/lib/assets/font/FlutterIcon.ttf b/lib/assets/font/FlutterIcon.ttf new file mode 100644 index 00000000..7c07b070 Binary files /dev/null and b/lib/assets/font/FlutterIcon.ttf differ diff --git a/lib/assets/summernote-lite.min.css b/lib/assets/summernote-lite.min.css index 715e7ff8..4dfce7be 100644 --- a/lib/assets/summernote-lite.min.css +++ b/lib/assets/summernote-lite.min.css @@ -3,1468 +3,1605 @@ } @font-face { - font-family: summernote; - font-style: normal; - font-weight: 400; - font-display: auto; - src: url(font/summernote.eot); - src: url(font/summernote.eot?#iefix) format("embedded-opentype"),url(font/summernote.ttf) format("truetype"); -} - -[class*=" note-icon"]:before,[class^=note-icon]:before { - display: inline-block; - font-family: summernote; - font-style: normal; - font-size: inherit; - text-decoration: inherit; - text-rendering: auto; - text-transform: none; - vertical-align: middle; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - speak: none; + font-family: summernote; + font-style: normal; + font-weight: 400; + font-display: auto; + src: url(font/summernote.eot); + 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"); +} + +[class*=" note-icon"]:before, [class^=note-icon]:before { + display: inline-block; + font-family: summernote; + font-style: normal; + font-size: inherit; + text-decoration: inherit; + text-rendering: auto; + text-transform: none; + vertical-align: middle; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + speak: none; } .note-icon-fw { - text-align: center; - width: 1.25em; + text-align: center; + width: 1.25em; } .note-icon-border { - border: .08em solid #eee; - border-radius: .1em; - padding: .2em .25em .15em; + border: .08em solid #eee; + border-radius: .1em; + padding: .2em .25em .15em; } .note-icon-pull-left { - float: left; + float: left; } .note-icon-pull-right { - float: right; + float: right; } .note-icon.note-icon-pull-left { - margin-right: .3em; + margin-right: .3em; } .note-icon.note-icon-pull-right { - margin-left: .3em; + margin-left: .3em; } .note-icon-align:before { - content: "\ea01"; + content: "\ea01"; } .note-icon-align-center:before { - content: "\ea02"; + content: "\ea02"; } .note-icon-align-indent:before { - content: "\ea03"; + content: "\ea03"; } .note-icon-align-justify:before { - content: "\ea04"; + content: "\ea04"; } .note-icon-align-left:before { - content: "\ea05"; + content: "\ea05"; } .note-icon-align-outdent:before { - content: "\ea06"; + content: "\ea06"; } .note-icon-align-right:before { - content: "\ea07"; + content: "\ea07"; } .note-icon-arrow-circle-down:before { - content: "\ea08"; + content: "\ea08"; } .note-icon-arrow-circle-left:before { - content: "\ea09"; + content: "\ea09"; } .note-icon-arrow-circle-right:before { - content: "\ea0a"; + content: "\ea0a"; } .note-icon-arrow-circle-up:before { - content: "\ea0b"; + content: "\ea0b"; } .note-icon-arrows-alt:before { - content: "\ea0c"; + content: "\ea0c"; } .note-icon-arrows-h:before { - content: "\ea0d"; + content: "\ea0d"; } .note-icon-arrows-v:before { - content: "\ea0e"; + content: "\ea0e"; } .note-icon-bold:before { - content: "\ea0f"; + content: "\ea0f"; } .note-icon-caret:before { - content: "\ea10"; + content: "\ea10"; } .note-icon-chain-broken:before { - content: "\ea11"; + content: "\ea11"; } .note-icon-circle:before { - content: "\ea12"; + content: "\ea12"; } .note-icon-close:before { - content: "\ea13"; + content: "\ea13"; } .note-icon-code:before { - content: "\ea14"; + content: "\ea14"; } .note-icon-col-after:before { - content: "\ea15"; + content: "\ea15"; } .note-icon-col-before:before { - content: "\ea16"; + content: "\ea16"; } .note-icon-col-remove:before { - content: "\ea17"; + content: "\ea17"; } .note-icon-eraser:before { - content: "\ea18"; + content: "\ea18"; } .note-icon-float-left:before { - content: "\ea19"; + content: "\ea19"; } .note-icon-float-none:before { - content: "\ea1a"; + content: "\ea1a"; } .note-icon-float-right:before { - content: "\ea1b"; + content: "\ea1b"; } .note-icon-font:before { - content: "\ea1c"; + content: "\ea1c"; } .note-icon-frame:before { - content: "\ea1d"; + content: "\ea1d"; } .note-icon-italic:before { - content: "\ea1e"; + content: "\ea1e"; } .note-icon-link:before { - content: "\ea1f"; + content: "\ea1f"; } .note-icon-magic:before { - content: "\ea20"; + content: "\ea20"; } .note-icon-menu-check:before { - content: "\ea21"; + content: "\ea21"; } .note-icon-minus:before { - content: "\ea22"; + content: "\ea22"; } .note-icon-orderedlist:before { - content: "\ea23"; + content: "\ea23"; } .note-icon-pencil:before { - content: "\ea24"; + content: "\ea24"; } .note-icon-picture:before { - content: "\ea25"; + content: "\ea25"; } .note-icon-question:before { - content: "\ea26"; + content: "\ea26"; } .note-icon-redo:before { - content: "\ea27"; + content: "\ea27"; } .note-icon-rollback:before { - content: "\ea28"; + content: "\ea28"; } .note-icon-row-above:before { - content: "\ea29"; + content: "\ea29"; } .note-icon-row-below:before { - content: "\ea2a"; + content: "\ea2a"; } .note-icon-row-remove:before { - content: "\ea2b"; + content: "\ea2b"; } .note-icon-special-character:before { - content: "\ea2c"; + content: "\ea2c"; } .note-icon-square:before { - content: "\ea2d"; + content: "\ea2d"; } .note-icon-strikethrough:before { - content: "\ea2e"; + content: "\ea2e"; } .note-icon-subscript:before { - content: "\ea2f"; + content: "\ea2f"; } .note-icon-summernote:before { - content: "\ea30"; + content: "\ea30"; } .note-icon-superscript:before { - content: "\ea31"; + content: "\ea31"; } .note-icon-table:before { - content: "\ea32"; + content: "\ea32"; } .note-icon-text-height:before { - content: "\ea33"; + content: "\ea33"; } .note-icon-trash:before { - content: "\ea34"; + content: "\ea34"; } .note-icon-underline:before { - content: "\ea35"; + content: "\ea35"; } .note-icon-undo:before { - content: "\ea36"; + content: "\ea36"; } .note-icon-unorderedlist:before { - content: "\ea37"; + content: "\ea37"; } .note-icon-video:before { - content: "\ea38"; + content: "\ea38"; } .note-frame { - -ms-box-sizing: border-box; - box-sizing: border-box; - color: #000; - font-family: sans-serif; - border-radius: 4px; + -ms-box-sizing: border-box; + box-sizing: border-box; + color: #000; + font-family: sans-serif; + border-radius: 4px; } .note-toolbar { - padding: 10px 5px; - color: #333; - background-color: #f5f5f5; - border-bottom: 1px solid; - border-color: #ddd; - border-top-left-radius: 3px; - border-top-right-radius: 3px; + padding: 10px 5px; + color: #333; + background-color: #f5f5f5; + border-bottom: 1px solid; + border-color: #ddd; + border-top-left-radius: 3px; + border-top-right-radius: 3px; } .note-btn-group { - position: relative; - display: inline-block; - margin-right: 8px; + position: relative; + display: inline-block; + margin-right: 8px; } -.note-btn-group>.note-btn-group { - margin-right: 0; +.note-btn-group > .note-btn-group { + margin-right: 0; } -.note-btn-group>.note-btn:first-child { - margin-left: 0; +.note-btn-group > .note-btn:first-child { + margin-left: 0; } -.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group { - margin-left: -1px; +.note-btn-group .note-btn + .note-btn, .note-btn-group .note-btn + .note-btn-group, .note-btn-group .note-btn-group + .note-btn, .note-btn-group .note-btn-group + .note-btn-group { + margin-left: -1px; } -.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.note-btn-group > .note-btn-group:not(:first-child) > .note-btn, .note-btn-group > .note-btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.note-btn-group > .note-btn-group:not(:last-child) > .note-btn, .note-btn-group > .note-btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.note-btn-group.open>.note-dropdown { - display: block; +.note-btn-group.open > .note-dropdown { + display: block; } .note-btn { - display: inline-block; - font-weight: 400; - margin-bottom: 0; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - background-image: none; - white-space: nowrap; - outline: 0; - color: #333; - background-color: #fff; - border: 1px solid #dae0e5; - padding: 5px 10px; - font-size: 14px; - line-height: 1.4; - border-radius: 3px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.note-btn.focus,.note-btn:focus,.note-btn:hover { - color: #333; - background-color: #ebebeb; - border-color: #dae0e5; -} - -.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 { - background-color: #fff; - border-color: #dae0e5; -} - -.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover { - color: #333; - text-decoration: none; - border: 1px solid #dae0e5; - background-color: #ebebeb; - outline: 0; - border-radius: 1px; -} - -.note-btn.active,.note-btn:active { - background-image: none; - box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -} - -.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn { - cursor: not-allowed; - -webkit-opacity: .65; - -khtml-opacity: .65; - -moz-opacity: .65; - opacity: .65; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); - filter: alpha(opacity=65); - box-shadow: none; -} - -.note-btn>span.note-icon-caret:first-child { - margin-left: -1px; -} - -.note-btn>span.note-icon-caret:nth-child(2) { - padding-left: 3px; - margin-right: -5px; + display: inline-block; + font-weight: 400; + margin-bottom: 0; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + white-space: nowrap; + outline: 0; + color: #333; + background-color: #fff; + border: 1px solid #dae0e5; + padding: 5px 10px; + font-size: 14px; + line-height: 1.4; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.note-btn.focus, .note-btn:focus, .note-btn:hover { + color: #333; + background-color: #ebebeb; + border-color: #dae0e5; +} + +.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 { + background-color: #fff; + border-color: #dae0e5; +} + +.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover { + color: #333; + text-decoration: none; + border: 1px solid #dae0e5; + background-color: #ebebeb; + outline: 0; + border-radius: 1px; +} + +.note-btn.active, .note-btn:active { + background-image: none; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} + +.note-btn.disabled, .note-btn[disabled], fieldset[disabled] .note-btn { + cursor: not-allowed; + -webkit-opacity: .65; + -khtml-opacity: .65; + -moz-opacity: .65; + opacity: .65; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); + filter: alpha(opacity=65); + box-shadow: none; +} + +.note-btn > span.note-icon-caret:first-child { + margin-left: -1px; +} + +.note-btn > span.note-icon-caret:nth-child(2) { + padding-left: 3px; + margin-right: -5px; } .note-btn-primary { - background: #fa6362; - color: #fff; + background: #fa6362; + color: #fff; } -.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover { - color: #fff; - text-decoration: none; - border: 1px solid #dae0e5; - background-color: #fa6362; - border-radius: 1px; +.note-btn-primary.focus, .note-btn-primary:focus, .note-btn-primary:hover { + color: #fff; + text-decoration: none; + border: 1px solid #dae0e5; + background-color: #fa6362; + border-radius: 1px; } .note-btn-block { - display: block; - width: 100%; + display: block; + width: 100%; } -.note-btn-block+.note-btn-block { - margin-top: 5px; +.note-btn-block + .note-btn-block { + margin-top: 5px; } -input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block { - width: 100%; +input[type=button].note-btn-block, input[type=reset].note-btn-block, input[type=submit].note-btn-block { + width: 100%; } button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } .close { - float: right; - font-size: 21px; - line-height: 1; - color: #000; - opacity: .2; + float: right; + font-size: 21px; + line-height: 1; + color: #000; + opacity: .2; } .close:hover { - -webkit-opacity: 1; - -khtml-opacity: 1; - -moz-opacity: 1; - -ms-filter: alpha(opacity=100); - filter: alpha(opacity=100); - opacity: 1; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-filter: alpha(opacity=100); + filter: alpha(opacity=100); + opacity: 1; } .note-dropdown { - position: relative; + position: relative; } .note-color .dropdown-toggle { - width: 30px; - padding-left: 5px; + width: 30px; + padding-left: 5px; } .note-dropdown-menu { - display: none; - min-width: 100px; - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - float: left; - text-align: left; - background: #fff; - border: 1px solid #e2e2e2; - padding: 5px; - background-clip: padding-box; - box-shadow: 0 1px 1px rgba(0,0,0,.06); + display: none; + min-width: 100px; + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + float: left; + text-align: left; + background: #fff; + border: 1px solid #e2e2e2; + padding: 5px; + background-clip: padding-box; + box-shadow: 0 1px 1px rgba(0, 0, 0, .06); } -.note-dropdown-menu>:last-child { - margin-right: 0; +.note-dropdown-menu > :last-child { + margin-right: 0; } -.note-btn-group.open .note-dropdown-menu,.note-dropdown-item { - display: block; +.note-btn-group.open .note-dropdown-menu, .note-dropdown-item { + display: block; } .note-dropdown-item:hover { - background-color: #ebebeb; + background-color: #ebebeb; } -a.note-dropdown-item,a.note-dropdown-item:hover { - margin: 5px 0; - color: #000; - text-decoration: none; +a.note-dropdown-item, a.note-dropdown-item:hover { + margin: 5px 0; + color: #000; + text-decoration: none; } .note-modal { - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 1050; - -webkit-opacity: 1; - -khtml-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); - filter: alpha(opacity=100); - display: none; + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 1050; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + opacity: 1; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); + filter: alpha(opacity=100); + display: none; } .note-modal.open { - display: block; + display: block; } .note-modal-content { - position: relative; - width: auto; - margin: 30px 20px; - border: 1px solid rgba(0,0,0,.2); - background: #fff; - background-clip: border-box; - outline: 0; - border-radius: 5px; - box-shadow: 0 3px 9px rgba(0,0,0,.5); + position: relative; + width: auto; + margin: 30px 20px; + border: 1px solid rgba(0, 0, 0, .2); + background: #fff; + background-clip: border-box; + outline: 0; + border-radius: 5px; + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .note-modal-header { - padding: 10px 20px; - border: 1px solid #ededef; + padding: 10px 20px; + border: 1px solid #ededef; } .note-modal-body { - position: relative; - padding: 20px 30px; + position: relative; + padding: 20px 30px; } .note-modal-body kbd { - border-radius: 2px; - background-color: #000; - color: #fff; - padding: 3px 5px; - font-weight: 700; - -ms-box-sizing: border-box; - box-sizing: border-box; + border-radius: 2px; + background-color: #000; + color: #fff; + padding: 3px 5px; + font-weight: 700; + -ms-box-sizing: border-box; + box-sizing: border-box; } .note-modal-footer { - height: 40px; - padding: 10px; - text-align: center; + height: 40px; + padding: 10px; + text-align: center; } .note-modal-footer a { - color: #337ab7; - text-decoration: none; + color: #337ab7; + text-decoration: none; } -.note-modal-footer a:focus,.note-modal-footer a:hover { - color: #23527c; - text-decoration: underline; +.note-modal-footer a:focus, .note-modal-footer a:hover { + color: #23527c; + text-decoration: underline; } .note-modal-footer .note-btn { - float: right; + float: right; } .note-modal-title { - font-size: 20px; - color: #42515f; - margin: 0; - line-height: 1.4; + font-size: 20px; + color: #42515f; + margin: 0; + line-height: 1.4; } .note-modal-backdrop { - position: fixed; - left: 0; - right: 0; - bottom: 0; - top: 0; - z-index: 1040; - background: #000; - -webkit-opacity: .5; - -khtml-opacity: .5; - -moz-opacity: .5; - opacity: .5; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); - filter: alpha(opacity=50); - display: none; + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 1040; + background: #000; + -webkit-opacity: .5; + -khtml-opacity: .5; + -moz-opacity: .5; + opacity: .5; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); + filter: alpha(opacity=50); + display: none; } .note-modal-backdrop.open { - display: block; + display: block; } -@media(min-width:768px) { - .note-modal-content { - width: 600px; - margin: 30px auto; - } +@media (min-width: 768px) { + .note-modal-content { + width: 600px; + margin: 30px auto; + } } -@media(min-width:992px) { - .note-modal-content-large { - width: 900px; - } +@media (min-width: 992px) { + .note-modal-content-large { + width: 900px; + } } .note-form-group { - padding-bottom: 20px; + padding-bottom: 20px; } .note-form-group:last-child { - padding-bottom: 0; + padding-bottom: 0; } .note-form-label { - display: block; - width: 100%; - font-size: 16px; - color: #42515f; - margin-bottom: 10px; - font-weight: 700; + display: block; + width: 100%; + font-size: 16px; + color: #42515f; + margin-bottom: 10px; + font-weight: 700; } .note-input { - width: 100%; - display: block; - border: 1px solid #ededef; - background: #fff; - outline: 0; - padding: 6px 4px; - font-size: 14px; - -ms-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: block; + border: 1px solid #ededef; + background: #fff; + outline: 0; + padding: 6px 4px; + font-size: 14px; + -ms-box-sizing: border-box; + box-sizing: border-box; } .note-input::-webkit-input-placeholder { - color: #eee; + color: #eee; } -.note-input:-moz-placeholder,.note-input::-moz-placeholder { - color: #eee; +.note-input:-moz-placeholder, .note-input::-moz-placeholder { + color: #eee; } .note-input:-ms-input-placeholder { - color: #eee; + color: #eee; } .note-tooltip { - position: absolute; - z-index: 1070; - display: block; - font-size: 13px; - -webkit-transition: opacity .15s; - transition: opacity .15s; - -webkit-opacity: 0; - -khtml-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); - filter: alpha(opacity=0); + position: absolute; + z-index: 1070; + display: block; + font-size: 13px; + -webkit-transition: opacity .15s; + transition: opacity .15s; + -webkit-opacity: 0; + -khtml-opacity: 0; + -moz-opacity: 0; + opacity: 0; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); + filter: alpha(opacity=0); } .note-tooltip.in { - -webkit-opacity: .9; - -khtml-opacity: .9; - -moz-opacity: .9; - opacity: .9; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); - filter: alpha(opacity=90); + -webkit-opacity: .9; + -khtml-opacity: .9; + -moz-opacity: .9; + opacity: .9; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); + filter: alpha(opacity=90); } .note-tooltip.top { - margin-top: -3px; - padding: 5px 0; + margin-top: -3px; + padding: 5px 0; } .note-tooltip.right { - margin-left: 3px; - padding: 0 5px; + margin-left: 3px; + padding: 0 5px; } .note-tooltip.bottom { - margin-top: 3px; - padding: 5px 0; + margin-top: 3px; + padding: 5px 0; } .note-tooltip.left { - margin-left: -3px; - padding: 0 5px; + margin-left: -3px; + padding: 0 5px; } .note-tooltip.bottom .note-tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } .note-tooltip.top .note-tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-width: 5px 5px 0; - border-top-color: #000; + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } .note-tooltip.right .note-tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-width: 5px 5px 5px 0; - border-right-color: #000; + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } .note-tooltip.left .note-tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-width: 5px 0 5px 5px; - border-left-color: #000; + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } .note-tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } .note-tooltip-content { - max-width: 200px; - font-family: sans-serif; - padding: 3px 8px; - color: #fff; - text-align: center; - background-color: #000; + max-width: 200px; + font-family: sans-serif; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; } .note-popover { - position: absolute; - z-index: 1060; - display: block; - font-size: 13px; - font-family: sans-serif; - display: none; - background: #fff; - border: 1px solid #ccc; + position: absolute; + z-index: 1060; + display: block; + font-size: 13px; + font-family: sans-serif; + display: none; + background: #fff; + border: 1px solid #ccc; } .note-popover.in { - display: block; + display: block; } .note-popover.top { - margin-top: -10px; - padding: 5px 0; + margin-top: -10px; + padding: 5px 0; } .note-popover.right { - margin-left: 10px; - padding: 0 5px; + margin-left: 10px; + padding: 0 5px; } .note-popover.bottom { - margin-top: 10px; - padding: 5px 0; + margin-top: 10px; + padding: 5px 0; } .note-popover.left { - margin-left: -10px; - padding: 0 5px; + margin-left: -10px; + padding: 0 5px; } .note-popover.bottom .note-popover-arrow { - top: -11px; - left: 20px; - margin-left: -10px; - border-top-width: 0; - border-bottom-color: #999; - border-bottom-color: rgba(0,0,0,.25); + top: -11px; + left: 20px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); } .note-popover.bottom .note-popover-arrow:after { - top: 1px; - margin-left: -10px; - content: " "; - border-top-width: 0; - border-bottom-color: #fff; + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; } .note-popover.top .note-popover-arrow { - bottom: -11px; - left: 20px; - margin-left: -10px; - border-bottom-width: 0; - border-top-color: #999; - border-top-color: rgba(0,0,0,.25); + bottom: -11px; + left: 20px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); } .note-popover.top .note-popover-arrow:after { - bottom: 1px; - margin-left: -10px; - content: " "; - border-bottom-width: 0; - border-top-color: #fff; + bottom: 1px; + margin-left: -10px; + content: " "; + border-bottom-width: 0; + border-top-color: #fff; } .note-popover.right .note-popover-arrow { - top: 50%; - left: -11px; - margin-top: -10px; - border-left-width: 0; - border-right-color: #999; - border-right-color: rgba(0,0,0,.25); + top: 50%; + left: -11px; + margin-top: -10px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25); } .note-popover.right .note-popover-arrow:after { - left: 1px; - margin-top: -10px; - content: " "; - border-left-width: 0; - border-right-color: #fff; + left: 1px; + margin-top: -10px; + content: " "; + border-left-width: 0; + border-right-color: #fff; } .note-popover.left .note-popover-arrow { - top: 50%; - right: -11px; - margin-top: -10px; - border-right-width: 0; - border-left-color: #999; - border-left-color: rgba(0,0,0,.25); + top: 50%; + right: -11px; + margin-top: -10px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25); } .note-popover.left .note-popover-arrow:after { - right: 1px; - margin-top: -10px; - content: " "; - border-right-width: 0; - border-left-color: #fff; + right: 1px; + margin-top: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; } .note-popover-arrow { - position: absolute; - width: 0; - height: 0; - border: 11px solid transparent; + position: absolute; + width: 0; + height: 0; + border: 11px solid transparent; } .note-popover-arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - content: " "; - border: 10px solid transparent; + position: absolute; + display: block; + width: 0; + height: 0; + content: " "; + border: 10px solid transparent; } .note-popover-content { - padding: 3px 8px; - color: #000; - text-align: center; - background-color: #fff; - min-width: 100px; - min-height: 30px; + padding: 3px 8px; + color: #000; + text-align: center; + background-color: #fff; + min-width: 100px; + min-height: 30px; } .note-editor { - position: relative; + position: relative; } .note-editor .note-dropzone { - position: absolute; - display: none; - z-index: 100; - color: #87cefa; - background-color: #fff; - opacity: .95; + position: absolute; + display: none; + z-index: 100; + color: #87cefa; + background-color: #fff; + opacity: .95; } .note-editor .note-dropzone .note-dropzone-message { - display: table-cell; - vertical-align: middle; - text-align: center; - font-size: 28px; - font-weight: 700; + display: table-cell; + vertical-align: middle; + text-align: center; + font-size: 28px; + font-weight: 700; } .note-editor .note-dropzone.hover { - color: #098ddf; + color: #098ddf; } .note-editor.dragover .note-dropzone { - display: table; + display: table; } .note-editor .note-editing-area { - position: relative; + position: relative; } .note-editor .note-editing-area .note-editable { - outline: none; + outline: none; } .note-editor .note-editing-area .note-editable sup { - vertical-align: super; + vertical-align: super; } .note-editor .note-editing-area .note-editable sub { - vertical-align: sub; + vertical-align: sub; } .note-editor .note-editing-area .note-editable img.note-float-left { - margin-right: 10px; + margin-right: 10px; } .note-editor .note-editing-area .note-editable img.note-float-right { - margin-left: 10px; + margin-left: 10px; } -.note-editor.note-airframe,.note-editor.note-frame { - border: 1px solid #a9a9a9; +.note-editor.note-airframe, .note-editor.note-frame { + border: 1px solid #a9a9a9; } -.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable { - display: none; +.note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable { + display: none; } -.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable { - display: block; +.note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable { + display: block; } -.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area { - overflow: hidden; +.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area { + overflow: hidden; } -.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable { - padding: 10px; - overflow: auto; - word-wrap: break-word; +.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable { + padding: 10px; + overflow: auto; + word-wrap: break-word; } -.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] { - background-color: #e5e5e5; +.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] { + background-color: #e5e5e5; } -.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable { - display: none; - width: 100%; - padding: 10px; - border: none; - box-shadow: none; - font-family: Menlo,Monaco,monospace,sans-serif; - font-size: 14px; - color: #ccc; - background-color: #222; - resize: none; - outline: none; - -ms-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0; - margin-bottom: 0; +.note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable { + display: none; + width: 100%; + padding: 10px; + border: none; + box-shadow: none; + font-family: Menlo, Monaco, monospace, sans-serif; + font-size: 14px; + color: #ccc; + background-color: #222; + resize: none; + outline: none; + -ms-box-sizing: border-box; + box-sizing: border-box; + border-radius: 0; + margin-bottom: 0; } -.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen { - position: fixed; - top: 0; - left: 0; - width: 100%!important; - z-index: 1050; +.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen { + position: fixed; + top: 0; + left: 0; + width: 100% !important; + z-index: 1050; } -.note-editor.note-airframe.fullscreen .note-editable,.note-editor.note-frame.fullscreen .note-editable { - background-color: #fff; +.note-editor.note-airframe.fullscreen .note-editable, .note-editor.note-frame.fullscreen .note-editable { + background-color: #fff; } -.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar { - display: none; +.note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar { + display: none; } -.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output { - display: block; - width: 100%; - font-size: 14px; - line-height: 1.42857143; - height: 20px; - margin-bottom: 0; - color: #000; - border: 0; - border-top: 1px solid #e2e2e2; +.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output { + display: block; + width: 100%; + font-size: 14px; + line-height: 1.42857143; + height: 20px; + margin-bottom: 0; + color: #000; + border: 0; + border-top: 1px solid #e2e2e2; } -.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty { - height: 0; - border-top: 0 solid transparent; +.note-editor.note-airframe .note-status-output:empty, .note-editor.note-frame .note-status-output:empty { + height: 0; + border-top: 0 solid transparent; } -.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right { - float: right!important; +.note-editor.note-airframe .note-status-output .pull-right, .note-editor.note-frame .note-status-output .pull-right { + float: right !important; } -.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted { - color: #777; +.note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-frame .note-status-output .text-muted { + color: #777; } -.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary { - color: #286090; +.note-editor.note-airframe .note-status-output .text-primary, .note-editor.note-frame .note-status-output .text-primary { + color: #286090; } -.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success { - color: #3c763d; +.note-editor.note-airframe .note-status-output .text-success, .note-editor.note-frame .note-status-output .text-success { + color: #3c763d; } -.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info { - color: #31708f; +.note-editor.note-airframe .note-status-output .text-info, .note-editor.note-frame .note-status-output .text-info { + color: #31708f; } -.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning { - color: #8a6d3b; +.note-editor.note-airframe .note-status-output .text-warning, .note-editor.note-frame .note-status-output .text-warning { + color: #8a6d3b; } -.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger { - color: #a94442; +.note-editor.note-airframe .note-status-output .text-danger, .note-editor.note-frame .note-status-output .text-danger { + color: #a94442; } -.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert { - margin: -7px 0 0; - padding: 7px 10px 2px; - border-radius: 0; - color: #000; - background-color: #f5f5f5; +.note-editor.note-airframe .note-status-output .alert, .note-editor.note-frame .note-status-output .alert { + margin: -7px 0 0; + padding: 7px 10px 2px; + border-radius: 0; + color: #000; + background-color: #f5f5f5; } -.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon { - margin-right: 5px; +.note-editor.note-airframe .note-status-output .alert .note-icon, .note-editor.note-frame .note-status-output .alert .note-icon { + margin-right: 5px; } -.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success { - color: #3c763d!important; - background-color: #dff0d8!important; +.note-editor.note-airframe .note-status-output .alert-success, .note-editor.note-frame .note-status-output .alert-success { + color: #3c763d !important; + background-color: #dff0d8 !important; } -.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info { - color: #31708f!important; - background-color: #d9edf7!important; +.note-editor.note-airframe .note-status-output .alert-info, .note-editor.note-frame .note-status-output .alert-info { + color: #31708f !important; + background-color: #d9edf7 !important; } -.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning { - color: #8a6d3b!important; - background-color: #fcf8e3!important; +.note-editor.note-airframe .note-status-output .alert-warning, .note-editor.note-frame .note-status-output .alert-warning { + color: #8a6d3b !important; + background-color: #fcf8e3 !important; } -.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger { - color: #a94442!important; - background-color: #f2dede!important; +.note-editor.note-airframe .note-status-output .alert-danger, .note-editor.note-frame .note-status-output .alert-danger { + color: #a94442 !important; + background-color: #f2dede !important; } -.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar { - background-color: #f5f5f5; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-top: 1px solid #ddd; +.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar { + background-color: #f5f5f5; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-top: 1px solid #ddd; } -.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar { - padding-top: 1px; - height: 9px; - width: 100%; - cursor: ns-resize; +.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar { + padding-top: 1px; + height: 9px; + width: 100%; + cursor: ns-resize; } -.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { - width: 20px; - margin: 1px auto; - border-top: 1px solid #a9a9a9; +.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { + width: 20px; + margin: 1px auto; + border-top: 1px solid #a9a9a9; } -.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar { - cursor: default; +.note-editor.note-airframe .note-statusbar.locked .note-resizebar, .note-editor.note-frame .note-statusbar.locked .note-resizebar { + cursor: default; } -.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar { - display: none; +.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar { + display: none; } -.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder { - padding: 10px; +.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder { + padding: 10px; } .note-editor.note-airframe { - border: 0; + border: 0; } .note-editor.note-airframe .note-editing-area .note-editable { - padding: 0; + padding: 0; } .note-popover.popover { - display: none; - max-width: none; + display: none; + max-width: none; } .note-popover.popover .popover-content a { - display: inline-block; - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - vertical-align: middle; + display: inline-block; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: middle; } .note-popover.popover .arrow { - left: 20px!important; + left: 20px !important; } .note-toolbar { - position: relative; + position: relative; } -.note-popover .popover-content,.note-toolbar { - margin: 0; - padding: 0 0 5px 5px; +.note-popover .popover-content, .note-toolbar { + margin: 0; + padding: 0 0 5px 5px; } -.note-popover .popover-content>.note-btn-group,.note-toolbar>.note-btn-group { - margin-top: 5px; - margin-left: 0; - margin-right: 5px; +.note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group { + margin-top: 5px; + margin-left: 0; + margin-right: 5px; } -.note-popover .popover-content .note-btn-group .note-table,.note-toolbar .note-btn-group .note-table { - min-width: 0; - padding: 5px; +.note-popover .popover-content .note-btn-group .note-table, .note-toolbar .note-btn-group .note-table { + min-width: 0; + padding: 5px; } -.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker,.note-toolbar .note-btn-group .note-table .note-dimension-picker { - font-size: 18px; +.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-toolbar .note-btn-group .note-table .note-dimension-picker { + font-size: 18px; } -.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { - position: absolute!important; - z-index: 3; - width: 10em; - height: 10em; - cursor: pointer; +.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { + position: absolute !important; + z-index: 3; + width: 10em; + height: 10em; + cursor: pointer; } -.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { - position: relative!important; - z-index: 1; - width: 5em; - height: 5em; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; +.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { + position: relative !important; + z-index: 1; + width: 5em; + height: 5em; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } -.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { - position: absolute!important; - z-index: 2; - width: 1em; - height: 1em; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; +.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { + position: absolute !important; + z-index: 2; + width: 1em; + height: 1em; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } -.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.note-toolbar .note-style .dropdown-style blockquote,.note-toolbar .note-style .dropdown-style pre { - margin: 0; - padding: 5px 10px; +.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-toolbar .note-style .dropdown-style blockquote, .note-toolbar .note-style .dropdown-style pre { + margin: 0; + padding: 5px 10px; } -.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-toolbar .note-style .dropdown-style h1,.note-toolbar .note-style .dropdown-style h2,.note-toolbar .note-style .dropdown-style h3,.note-toolbar .note-style .dropdown-style h4,.note-toolbar .note-style .dropdown-style h5,.note-toolbar .note-style .dropdown-style h6,.note-toolbar .note-style .dropdown-style p { - margin: 0; - padding: 0; +.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-toolbar .note-style .dropdown-style h1, .note-toolbar .note-style .dropdown-style h2, .note-toolbar .note-style .dropdown-style h3, .note-toolbar .note-style .dropdown-style h4, .note-toolbar .note-style .dropdown-style h5, .note-toolbar .note-style .dropdown-style h6, .note-toolbar .note-style .dropdown-style p { + margin: 0; + padding: 0; } -.note-popover .popover-content .note-color-all .note-dropdown-menu,.note-toolbar .note-color-all .note-dropdown-menu { - min-width: 337px; +.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-toolbar .note-color-all .note-dropdown-menu { + min-width: 337px; } -.note-popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle { - width: 20px; - padding-left: 5px; +.note-popover .popover-content .note-color .dropdown-toggle, .note-toolbar .note-color .dropdown-toggle { + width: 20px; + padding-left: 5px; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,.note-toolbar .note-color .note-dropdown-menu .note-palette { - display: inline-block; - margin: 0; - width: 160px; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-toolbar .note-color .note-dropdown-menu .note-palette { + display: inline-block; + margin: 0; + width: 160px; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child { - margin: 0 5px; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child { + margin: 0 5px; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title { - font-size: 12px; - margin: 2px 7px; - text-align: center; - border-bottom: 1px solid #eee; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title { + font-size: 12px; + margin: 2px 7px; + text-align: center; + border-bottom: 1px solid #eee; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select { - font-size: 11px; - margin: 3px; - padding: 0 3px; - cursor: pointer; - width: 100%; - border-radius: 5px; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select { + font-size: 11px; + margin: 3px; + padding: 0 3px; + cursor: pointer; + width: 100%; + border-radius: 5px; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover { - background: #eee; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover { + background: #eee; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row { - height: 20px; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row { + height: 20px; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn { - display: none; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn { + display: none; } -.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn { - border: 1px solid #eee; +.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn { + border: 1px solid #eee; } -.note-popover .popover-content .note-para .note-dropdown-menu,.note-toolbar .note-para .note-dropdown-menu { - min-width: 216px; - padding: 5px; +.note-popover .popover-content .note-para .note-dropdown-menu, .note-toolbar .note-para .note-dropdown-menu { + min-width: 216px; + padding: 5px; } -.note-popover .popover-content .note-para .note-dropdown-menu>div:first-child,.note-toolbar .note-para .note-dropdown-menu>div:first-child { - margin-right: 5px; +.note-popover .popover-content .note-para .note-dropdown-menu > div:first-child, .note-toolbar .note-para .note-dropdown-menu > div:first-child { + margin-right: 5px; } -.note-popover .popover-content .note-dropdown-menu,.note-toolbar .note-dropdown-menu { - min-width: 160px; +.note-popover .popover-content .note-dropdown-menu, .note-toolbar .note-dropdown-menu { + min-width: 160px; } -.note-popover .popover-content .note-dropdown-menu.right,.note-toolbar .note-dropdown-menu.right { - right: 0; - left: auto; +.note-popover .popover-content .note-dropdown-menu.right, .note-toolbar .note-dropdown-menu.right { + right: 0; + left: auto; } -.note-popover .popover-content .note-dropdown-menu.right:before,.note-toolbar .note-dropdown-menu.right:before { - right: 9px; - left: auto!important; +.note-popover .popover-content .note-dropdown-menu.right:before, .note-toolbar .note-dropdown-menu.right:before { + right: 9px; + left: auto !important; } -.note-popover .popover-content .note-dropdown-menu.right:after,.note-toolbar .note-dropdown-menu.right:after { - right: 10px; - left: auto!important; +.note-popover .popover-content .note-dropdown-menu.right:after, .note-toolbar .note-dropdown-menu.right:after { + right: 10px; + left: auto !important; } -.note-popover .popover-content .note-dropdown-menu.note-check a i,.note-toolbar .note-dropdown-menu.note-check a i { - color: #00bfff; - visibility: hidden; +.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-toolbar .note-dropdown-menu.note-check a i { + color: #00bfff; + visibility: hidden; } -.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,.note-toolbar .note-dropdown-menu.note-check a.checked i { - visibility: visible; +.note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-toolbar .note-dropdown-menu.note-check a.checked i { + visibility: visible; } -.note-popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { - font-size: 10px; +.note-popover .popover-content .note-fontsize-10, .note-toolbar .note-fontsize-10 { + font-size: 10px; } -.note-popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { - line-height: 1; +.note-popover .popover-content .note-color-palette, .note-toolbar .note-color-palette { + line-height: 1; } -.note-popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn { - width: 20px; - height: 20px; - padding: 0; - margin: 0; - border: 1px solid #fff; +.note-popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn { + width: 20px; + height: 20px; + padding: 0; + margin: 0; + border: 1px solid #fff; } -.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { - border: 1px solid #000; +.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover { + border: 1px solid #000; } .note-modal .modal-dialog { - outline: 0; - border-radius: 5px; - box-shadow: 0 3px 9px rgba(0,0,0,.5); + outline: 0; + border-radius: 5px; + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .note-modal .form-group { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } .note-modal .note-modal-form { - margin: 0; + margin: 0; } .note-modal .note-image-dialog .note-dropzone { - min-height: 100px; - font-size: 30px; - line-height: 4; - color: #d3d3d3; - text-align: center; - border: 4px dashed #d3d3d3; - margin-bottom: 10px; + min-height: 100px; + font-size: 30px; + line-height: 4; + color: #d3d3d3; + text-align: center; + border: 4px dashed #d3d3d3; + margin-bottom: 10px; } .note-placeholder { - position: absolute; - display: none; - color: grey; + position: absolute; + display: none; + color: grey; } .note-handle .note-control-selection { - position: absolute; - display: none; - border: 1px solid #000; + position: absolute; + display: none; + border: 1px solid #000; } -.note-handle .note-control-selection>div { - position: absolute; +.note-handle .note-control-selection > div { + position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { - width: 100%; - height: 100%; - background-color: #000; - -webkit-opacity: .3; - -khtml-opacity: .3; - -moz-opacity: .3; - opacity: .3; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); - filter: alpha(opacity=30); + width: 100%; + height: 100%; + background-color: #000; + -webkit-opacity: .3; + -khtml-opacity: .3; + -moz-opacity: .3; + opacity: .3; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); + filter: alpha(opacity=30); } -.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing { - width: 7px; - height: 7px; - border: 1px solid #000; +.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing { + width: 7px; + height: 7px; + border: 1px solid #000; } .note-handle .note-control-selection .note-control-sizing { - background-color: #000; + background-color: #000; } .note-handle .note-control-selection .note-control-nw { - top: -5px; - left: -5px; - border-right: none; - border-bottom: none; + top: -5px; + left: -5px; + border-right: none; + border-bottom: none; } .note-handle .note-control-selection .note-control-ne { - top: -5px; - right: -5px; - border-bottom: none; - border-left: none; + top: -5px; + right: -5px; + border-bottom: none; + border-left: none; } .note-handle .note-control-selection .note-control-sw { - bottom: -5px; - left: -5px; - border-top: none; - border-right: none; + bottom: -5px; + left: -5px; + border-top: none; + border-right: none; } .note-handle .note-control-selection .note-control-se { - right: -5px; - bottom: -5px; - cursor: se-resize; + right: -5px; + bottom: -5px; + cursor: se-resize; } .note-handle .note-control-selection .note-control-se.note-control-holder { - cursor: default; - border-top: none; - border-left: none; + cursor: default; + border-top: none; + border-left: none; } .note-handle .note-control-selection .note-control-selection-info { - right: 0; - bottom: 0; - padding: 5px; - margin: 5px; - color: #fff; - background-color: #000; - font-size: 12px; - border-radius: 5px; - -webkit-opacity: .7; - -khtml-opacity: .7; - -moz-opacity: .7; - opacity: .7; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); - filter: alpha(opacity=70); + right: 0; + bottom: 0; + padding: 5px; + margin: 5px; + color: #fff; + background-color: #000; + font-size: 12px; + border-radius: 5px; + -webkit-opacity: .7; + -khtml-opacity: .7; + -moz-opacity: .7; + opacity: .7; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); + filter: alpha(opacity=70); } .note-hint-popover { - min-width: 100px; - padding: 2px; + min-width: 100px; + padding: 2px; } .note-hint-popover .popover-content { - padding: 3px; - max-height: 150px; - overflow: auto; + padding: 3px; + max-height: 150px; + overflow: auto; } .note-hint-popover .popover-content .note-hint-group .note-hint-item { - display: block!important; - padding: 3px; + display: block !important; + padding: 3px; } -.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { - display: block; - clear: both; - font-weight: 400; - line-height: 1.4; - color: #fff; - white-space: nowrap; - text-decoration: none; - background-color: #428bca; - outline: 0; - cursor: pointer; +.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { + display: block; + clear: both; + font-weight: 400; + line-height: 1.4; + color: #fff; + white-space: nowrap; + text-decoration: none; + background-color: #428bca; + outline: 0; + cursor: pointer; } .note-editor .note-editing-area .note-editable table { - width: 100%; - border-collapse: collapse; + width: 100%; + border-collapse: collapse; } -.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th { - border: 1px solid #ececec; - padding: 5px 3px; +.note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th { + border: 1px solid #ececec; + padding: 5px 3px; } .note-editor .note-editing-area .note-editable a { - background-color: inherit; - text-decoration: inherit; - font-family: inherit; - font-weight: inherit; - color: #337ab7; + background-color: inherit; + text-decoration: inherit; + font-family: inherit; + font-weight: inherit; + color: #047bf8; } -.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover { - color: #23527c; - text-decoration: underline; - outline: 0; +.note-editor .note-editing-area .note-editable img { + max-width:100%; +} + +.note-editor .note-editing-area .note-editable ul[data-type="taskList"] { + list-style: none; + padding: 0; + margin: 0; + margin-left: 0.7rem; +} +.note-editor .note-editing-area .note-editable ul[data-type="taskList"] li { + margin: 4px 0; +} + +.note-editor .note-editing-area .note-editable ul[data-type="taskList"] li[data-checked] { + --checkbox-color: #047bf8; + --checkmark-color: white; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label { + position: relative; + color: #8f8f8f; + display: flex; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label span { + width: 16px; + height: 16px; + border-radius: 4px; + cursor: pointer; + border: 1px solid; + display: flex; + align-items: center; + justify-content: center; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label span:after { + content: ''; + position: absolute; + border-bottom: 1px solid var(--checkmark-color); + border-right: 1px solid var(--checkmark-color); + transform: rotate(45deg); + visibility: hidden; + height: 7px !important; + width: 3px !important; + margin-bottom: 2px !important; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label span:hover { + border-color: #047bf8; + background-color: #eaf4ff; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label span:hover:after { + visibility: visible; + border-color: #047bf8; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label input { + display: none; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label input:checked ~ span { + background: var(--checkbox-color); + border-color: var(--checkbox-color); +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label input:checked ~ span:after { + border-color: white; + visibility: visible; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label input:checked ~ span:hover { + background-color: #eaf4ff; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked] label input:checked ~ span:hover:after { + visibility: visible; + border-color: #047bf8; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked="true"] label { + opacity: 0.5; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li[data-checked="true"] > * { + color: #909090; + text-decoration: line-through; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] p { + margin: 0; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li { + display: flex; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li > label { + flex: 0 0 auto; + margin-right: 0.5rem; + user-select: none; +} + +.note-editor .note-editing-area .note-editable +ul[data-type="taskList"] li > div { + flex: 1 1 auto; +} + + +.note-editor .note-editing-area .note-editable blockquote{ + border-left: 3px solid #909090; + padding-left:15px; + margin: 1.5em 10px; +} + +.note-editor .note-editing-area .note-editable .upbase-mention { + color: #047bf8; + border-radius: .3rem; + padding: .1rem .3rem; +} + +.note-editor .note-editing-area .note-editable a:focus, .note-editor .note-editing-area .note-editable a:hover { + color: #23527c; + text-decoration: underline; + outline: 0; } .note-editor .note-editing-area .note-editable figure { - margin: 0; + margin: 0; } .note-modal .note-modal-body label { - margin-bottom: 2px; - padding: 2px 5px; - display: inline-block; + margin-bottom: 2px; + padding: 2px 5px; + display: inline-block; } .note-modal .note-modal-body .help-list-item:hover { - background-color: #e0e0e0; + background-color: #e0e0e0; } @-moz-document url-prefix() { - .note-modal .note-image-input { - height: auto; - } + .note-modal .note-image-input { + height: auto; + } } .help-list-item label { - margin-bottom: 5px; - display: inline-block; + margin-bottom: 5px; + display: inline-block; } \ No newline at end of file diff --git a/lib/src/widgets/toolbar_widget.dart b/lib/src/widgets/toolbar_widget.dart index 2e33f27f..67634c23 100644 --- a/lib/src/widgets/toolbar_widget.dart +++ b/lib/src/widgets/toolbar_widget.dart @@ -6,6 +6,9 @@ import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:html_editor_enhanced/html_editor.dart'; +import 'package:html_editor_enhanced/utils/flat_icon1.dart'; +import 'package:html_editor_enhanced/utils/flat_icon_new_icons.dart'; +import 'package:html_editor_enhanced/utils/flutter_icon.dart'; import 'package:html_editor_enhanced/utils/utils.dart'; import 'package:numberpicker/numberpicker.dart'; import 'package:pointer_interceptor/pointer_interceptor.dart'; @@ -252,18 +255,18 @@ class ToolbarWidgetState extends State