From 9f1be47b37df26efc7ba6317436a9753ed47035a Mon Sep 17 00:00:00 2001 From: Shrushti Polekar Date: Wed, 27 Nov 2024 01:26:57 +0530 Subject: [PATCH] Feat: Support for Emoji Option in Feed Editor (#18772) --- .../ActivityFeed/FeedEditor/FeedEditor.tsx | 6 +- .../ActivityFeed/FeedEditor/feed-editor.less | 17 + .../ActivityFeed/FeedEditor/quill-emoji.css | 4189 +++++++++++++++++ .../ui/src/constants/Feeds.constants.ts | 2 +- .../main/resources/ui/webpack.config.dev.js | 1 + .../main/resources/ui/webpack.config.prod.js | 1 + 6 files changed, 4213 insertions(+), 3 deletions(-) create mode 100644 openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/quill-emoji.css diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/FeedEditor.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/FeedEditor.tsx index 3f0b50625d5..81e91ad5393 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/FeedEditor.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/FeedEditor.tsx @@ -12,6 +12,7 @@ */ /* eslint-disable @typescript-eslint/ban-ts-comment */ +import { TextAreaEmoji } from '@windmillcode/quill-emoji'; import classNames from 'classnames'; import { debounce, isNil } from 'lodash'; import { Parchment } from 'quill'; @@ -52,9 +53,11 @@ import searchClassBase from '../../../utils/SearchClassBase'; import { editorRef } from '../../common/RichTextEditor/RichTextEditor.interface'; import './feed-editor.less'; import { FeedEditorProp, MentionSuggestionsItem } from './FeedEditor.interface'; +import './quill-emoji.css'; Quill.register('modules/markdownOptions', QuillMarkdown); Quill.register(LinkBlot as unknown as Parchment.RegistryDefinition); +Quill.register('modules/emoji-textarea', TextAreaEmoji, true); const Delta = Quill.import('delta'); // eslint-disable-next-line @typescript-eslint/no-explicit-any const strikethrough = (_node: any, delta: typeof Delta) => { @@ -172,7 +175,6 @@ export const FeedEditor = forwardRef( }, [userProfilePics] ); - /** * Prepare modules for editor */ @@ -185,7 +187,7 @@ export const FeedEditor = forwardRef( insertRef: insertRef, }, }, - 'emoji-toolbar': false, + 'emoji-textarea': true, mention: { allowedChars: MENTION_ALLOWED_CHARS, mentionDenotationChars: MENTION_DENOTATION_CHARS, diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/feed-editor.less b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/feed-editor.less index 35dc95cb02e..10f0835a411 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/feed-editor.less +++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/feed-editor.less @@ -1001,6 +1001,9 @@ border-color: rgb(221, 227, 234); border-top-left-radius: 6px; border-top-right-radius: 6px; + display: flex; + padding: 16px 8px; + align-items: center; } .ql-container.ql-snow { border-color: rgb(221, 227, 234); @@ -1111,3 +1114,17 @@ button.ql-emoji { text-align: right; } } + +#om-quill-editor { + #tab-panel { + padding-top: 8px; + gap: 6px; + } + .emoji-tab.filter-flags { + display: none; + } + #tab-toolbar ul { + display: flex; + gap: 4px; + } +} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/quill-emoji.css b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/quill-emoji.css new file mode 100644 index 00000000000..427a7b429ed --- /dev/null +++ b/openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/FeedEditor/quill-emoji.css @@ -0,0 +1,4189 @@ +/* + * Copyright 2024 Collate. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +#quill-editor { + position: relative; +} +.mention { + color: #0366d6; +} +.completions { + background: #fff; + border-radius: 2px; + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); + list-style: none; +} +.completions, +.completions > li { + margin: 0; + padding: 0; +} +.completions > li > button { + background: none; + border: none; + box-sizing: border-box; + display: block; + height: 2em; + margin: 0; + padding: 0.25em 0.5em; + text-align: left; + width: 100%; +} +.completions > li > button:hover { + background: #ddd; +} +.completions > li > button:focus { + background: #ddd; + outline: none; +} +.completions > li > button > .matched { + color: #000; + font-weight: 700; +} +.completions > li > button > * { + vertical-align: middle; +} +.emoji_completions { + background: #fff; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 3px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); + list-style: none; + margin: 0; + padding: 6px; +} +.emoji_completions li { + display: inline-block; + margin: 2px 0; + padding: 0; +} +.emoji_completions li:not(:last-of-type) { + margin-right: 3px; +} +.emoji_completions > li > button { + background: #efefef; + border: none; + border-radius: 3px; + box-sizing: border-box; + display: block; + margin: 0; + padding: 3px 2px 6px; + text-align: left; + width: 100%; +} +.emoji_completions > li > button:hover { + background: #2d9ee0; + color: #fff; +} +.emoji_completions > li > button:focus { + background: #2d9ee0; + color: #fff; + outline: none; +} +.emoji_completions > li > button.emoji-active { + background: red; + background: #2d9ee0; + color: #fff; + outline: none; +} +.emoji_completions > li > button > .matched { + font-weight: 700; +} +.emoji_completions > li > button > *, +.ico { + vertical-align: middle; +} +.ico { + font-size: 18px; + line-height: 0; + margin-right: 5px; +} +#emoji-palette { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 3px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); + max-width: 250px; + position: absolute; + z-index: 999; +} +.bem { + cursor: pointer; + display: inline-block; + font-size: 24px; + margin: 2px; + text-align: center; + width: 34px; +} +#tab-filters { + margin: 20px auto 0; + width: 210px; +} +.emoji-tab { + cursor: pointer; + display: inline-table; + height: 100%; + min-height: 30px; + text-align: center; + width: 30px; +} +#tab-toolbar { + background-color: #f7f7f7; + border-bottom: 1px solid rgba(0, 0, 0, 0.15); + padding: 4px 4px 0; +} +#tab-toolbar ul { + margin: 0; + padding: 0; +} +#tab-toolbar .active { + border-bottom: 3px solid #2ab27b; +} +#tab-panel { + background: #fff; + display: flex; + flex-wrap: wrap; + justify-content: center; + max-height: 220px; + overflow-y: scroll; + padding: 2px; +} +#quill-editor x-contain, +contain { + background: #fb8; + display: block; +} +#quill-editor table { + border-collapse: collapse; + width: 100%; +} +#quill-editor table td { + border: 1px solid #000; + height: 25px; + padding: 5px; +} +.ql-picker.ql-table .ql-picker-label:before, +button.ql-table:after { + content: 'TABLE'; +} +button.ql-contain:after { + content: 'WRAP'; +} +button.ql-table[value='append-row']:after { + content: 'ROWS+'; +} +button.ql-table[value='append-col']:after { + content: 'COLS+'; +} +.ql-contain, +.ql-table { + margin-right: -15px; + width: auto !important; +} +#emoji-close-div { + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; +} +.textarea-emoji-control { + height: 25px; + right: 4px; + top: 10px; + width: 25px; +} +#textarea-emoji { + border: 1px solid #66afe9; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 3px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); + max-width: 250px; + position: absolute; + right: 0; + z-index: 999; +} +.ql-editor { + padding-right: 26px; +} +.i-activity { + background: url('data:image/svg+xml;utf8,'); +} +.i-activity, +.i-flags { + content: ''; + height: 25px; + margin: auto; + width: 25px; +} +.i-flags { + background: url('data:image/svg+xml;utf8,'); +} +.i-food { + background: url('data:image/svg+xml;utf8,'); +} +.i-food, +.i-nature { + content: ''; + height: 25px; + margin: auto; + width: 25px; +} +.i-nature { + background: url('data:image/svg+xml;utf8,'); +} +.i-objects { + background: url('data:image/svg+xml;utf8,'); +} +.i-objects, +.i-people { + content: ''; + height: 25px; + margin: auto; + width: 25px; +} +.i-people { + background: url('data:image/svg+xml;utf8,'); +} +.i-symbols { + background: url('data:image/svg+xml;utf8,'); +} +.i-symbols, +.i-travel { + content: ''; + height: 25px; + margin: auto; + width: 25px; +} +.i-travel { + background: url('data:image/svg+xml;utf8,'); +} +.button-emoji { + margin-bottom: -5px; +} +.ql-emojiblot { + display: inline-block; + vertical-align: text-top; +} +/* .ap { + background-image: url(1e7b63404cd2fb8e6525b2fd4ee4d286.png); + background-repeat: no-repeat; + background-size: 820px; + box-sizing: border-box; + display: inline-flex; + font-size: 20px; + height: 20px; + line-height: 1; + margin-top: -3px; + overflow: hidden; + text-indent: -999px; + width: 20px; +} */ +.ap-copyright { + background-position: 0 0; +} +.ap-registered { + background-position: 0 -20px; +} +.ap-bangbang { + background-position: 0 -40px; +} +.ap-interrobang { + background-position: 0 -60px; +} +.ap-tm { + background-position: 0 -80px; +} +.ap-information_source { + background-position: 0 -100px; +} +.ap-left_right_arrow { + background-position: 0 -120px; +} +.ap-arrow_up_down { + background-position: 0 -140px; +} +.ap-arrow_upper_left { + background-position: 0 -160px; +} +.ap-arrow_upper_right { + background-position: 0 -180px; +} +.ap-arrow_lower_right { + background-position: 0 -200px; +} +.ap-arrow_lower_left { + background-position: 0 -220px; +} +.ap-leftwards_arrow_with_hook { + background-position: 0 -240px; +} +.ap-arrow_right_hook { + background-position: 0 -260px; +} +.ap-watch { + background-position: 0 -280px; +} +.ap-hourglass { + background-position: 0 -300px; +} +.ap-keyboard { + background-position: 0 -320px; +} +.ap-fast_forward { + background-position: 0 -360px; +} +.ap-rewind { + background-position: 0 -380px; +} +.ap-arrow_double_up { + background-position: 0 -400px; +} +.ap-arrow_double_down { + background-position: 0 -420px; +} +.ap-black_right_pointing_double_triangle_with_vertical_bar { + background-position: 0 -440px; +} +.ap-black_left_pointing_double_triangle_with_vertical_bar { + background-position: 0 -460px; +} +.ap-black_right_pointing_triangle_with_double_vertical_bar { + background-position: 0 -480px; +} +.ap-alarm_clock { + background-position: 0 -500px; +} +.ap-stopwatch { + background-position: 0 -520px; +} +.ap-timer_clock { + background-position: 0 -540px; +} +.ap-hourglass_flowing_sand { + background-position: 0 -560px; +} +.ap-double_vertical_bar { + background-position: 0 -580px; +} +.ap-black_square_for_stop { + background-position: 0 -600px; +} +.ap-black_circle_for_record { + background-position: 0 -620px; +} +.ap-m { + background-position: 0 -640px; +} +.ap-black_small_square { + background-position: 0 -660px; +} +.ap-white_small_square { + background-position: 0 -680px; +} +.ap-arrow_forward { + background-position: 0 -700px; +} +.ap-arrow_backward { + background-position: 0 -720px; +} +.ap-white_medium_square { + background-position: 0 -740px; +} +.ap-black_medium_square { + background-position: 0 -760px; +} +.ap-white_medium_small_square { + background-position: 0 -780px; +} +.ap-black_medium_small_square { + background-position: 0 -800px; +} +.ap-sunny { + background-position: -20px 0; +} +.ap-cloud { + background-position: -20px -20px; +} +.ap-umbrella { + background-position: -20px -40px; +} +.ap-snowman { + background-position: -20px -60px; +} +.ap-comet { + background-position: -20px -80px; +} +.ap-phone, +.ap-telephone { + background-position: -20px -100px; +} +.ap-ballot_box_with_check { + background-position: -20px -120px; +} +.ap-umbrella_with_rain_drops { + background-position: -20px -140px; +} +.ap-coffee { + background-position: -20px -160px; +} +.ap-shamrock { + background-position: -20px -180px; +} +.ap-point_up { + background-position: -20px -200px; +} +.ap-skull_and_crossbones { + background-position: -20px -320px; +} +.ap-radioactive_sign { + background-position: -20px -340px; +} +.ap-biohazard_sign { + background-position: -20px -360px; +} +.ap-orthodox_cross { + background-position: -20px -380px; +} +.ap-star_and_crescent { + background-position: -20px -400px; +} +.ap-peace_symbol { + background-position: -20px -420px; +} +.ap-yin_yang { + background-position: -20px -440px; +} +.ap-wheel_of_dharma { + background-position: -20px -460px; +} +.ap-white_frowning_face { + background-position: -20px -480px; +} +.ap-relaxed { + background-position: -20px -500px; +} +.ap-aries { + background-position: -20px -520px; +} +.ap-taurus { + background-position: -20px -540px; +} +.ap-gemini { + background-position: -20px -560px; +} +.ap-cancer { + background-position: -20px -580px; +} +.ap-leo { + background-position: -20px -600px; +} +.ap-virgo { + background-position: -20px -620px; +} +.ap-libra { + background-position: -20px -640px; +} +.ap-scorpius { + background-position: -20px -660px; +} +.ap-sagittarius { + background-position: -20px -680px; +} +.ap-capricorn { + background-position: -20px -700px; +} +.ap-aquarius { + background-position: -20px -720px; +} +.ap-pisces { + background-position: -20px -740px; +} +.ap-spades { + background-position: -20px -760px; +} +.ap-clubs { + background-position: -20px -780px; +} +.ap-hearts { + background-position: -20px -800px; +} +.ap-diamonds { + background-position: -40px 0; +} +.ap-hotsprings { + background-position: -40px -20px; +} +.ap-recycle { + background-position: -40px -40px; +} +.ap-wheelchair { + background-position: -40px -60px; +} +.ap-hammer_and_pick { + background-position: -40px -80px; +} +.ap-anchor { + background-position: -40px -100px; +} +.ap-crossed_swords { + background-position: -40px -120px; +} +.ap-scales { + background-position: -40px -140px; +} +.ap-alembic { + background-position: -40px -160px; +} +.ap-gear { + background-position: -40px -180px; +} +.ap-atom_symbol { + background-position: -40px -200px; +} +.ap-fleur_de_lis { + background-position: -40px -220px; +} +.ap-warning { + background-position: -40px -240px; +} +.ap-zap { + background-position: -40px -260px; +} +.ap-white_circle { + background-position: -40px -280px; +} +.ap-black_circle { + background-position: -40px -300px; +} +.ap-coffin { + background-position: -40px -320px; +} +.ap-funeral_urn { + background-position: -40px -340px; +} +.ap-soccer { + background-position: -40px -360px; +} +.ap-baseball { + background-position: -40px -380px; +} +.ap-snowman_without_snow { + background-position: -40px -400px; +} +.ap-partly_sunny { + background-position: -40px -420px; +} +.ap-thunder_cloud_and_rain { + background-position: -40px -440px; +} +.ap-ophiuchus { + background-position: -40px -460px; +} +.ap-pick { + background-position: -40px -480px; +} +.ap-helmet_with_white_cross { + background-position: -40px -500px; +} +.ap-chains { + background-position: -40px -520px; +} +.ap-no_entry { + background-position: -40px -540px; +} +.ap-shinto_shrine { + background-position: -40px -560px; +} +.ap-church { + background-position: -40px -580px; +} +.ap-mountain { + background-position: -40px -600px; +} +.ap-beach_umbrella, +.ap-umbrella_on_ground { + background-position: -40px -620px; +} +.ap-fountain { + background-position: -40px -640px; +} +.ap-golf { + background-position: -40px -660px; +} +.ap-ferry { + background-position: -40px -680px; +} +.ap-boat { + background-position: -40px -700px; +} +.ap-skier { + background-position: -40px -720px; +} +.ap-ice_skate { + background-position: -40px -740px; +} +.ap-person_with_ball { + background-position: -40px -760px; +} +.ap-tent { + background-position: -60px -60px; +} +.ap-fuelpump { + background-position: -60px -80px; +} +.ap-scissors { + background-position: -60px -100px; +} +.ap-white_check_mark { + background-position: -60px -120px; +} +.ap-airplane { + background-position: -60px -140px; +} +.ap-email { + background-position: -60px -160px; +} +.ap-fist { + background-position: -60px -180px; +} +.ap-hand { + background-position: -60px -300px; +} +.ap-v { + background-position: -60px -420px; +} +.ap-writing_hand { + background-position: -60px -540px; +} +.ap-pencil2 { + background-position: -60px -660px; +} +.ap-black_nib { + background-position: -60px -680px; +} +.ap-heavy_check_mark { + background-position: -60px -700px; +} +.ap-heavy_multiplication_x { + background-position: -60px -720px; +} +.ap-latin_cross { + background-position: -60px -740px; +} +.ap-star_of_david { + background-position: -60px -760px; +} +.ap-sparkles { + background-position: -60px -780px; +} +.ap-eight_spoked_asterisk { + background-position: -60px -800px; +} +.ap-eight_pointed_black_star { + background-position: -80px 0; +} +.ap-snowflake { + background-position: -80px -20px; +} +.ap-sparkle { + background-position: -80px -40px; +} +.ap-x { + background-position: -80px -60px; +} +.ap-negative_squared_cross_mark { + background-position: -80px -80px; +} +.ap-question { + background-position: -80px -100px; +} +.ap-grey_question { + background-position: -80px -120px; +} +.ap-grey_exclamation { + background-position: -80px -140px; +} +.ap-exclamation { + background-position: -80px -160px; +} +.ap-heavy_heart_exclamation_mark_ornament { + background-position: -80px -180px; +} +.ap-heart { + background-position: -80px -200px; +} +.ap-heavy_plus_sign { + background-position: -80px -220px; +} +.ap-heavy_minus_sign { + background-position: -80px -240px; +} +.ap-heavy_division_sign { + background-position: -80px -260px; +} +.ap-arrow_right { + background-position: -80px -280px; +} +.ap-curly_loop { + background-position: -80px -300px; +} +.ap-loop { + background-position: -80px -320px; +} +.ap-arrow_heading_up { + background-position: -80px -340px; +} +.ap-arrow_heading_down { + background-position: -80px -360px; +} +.ap-arrow_left { + background-position: -80px -380px; +} +.ap-arrow_up { + background-position: -80px -400px; +} +.ap-arrow_down { + background-position: -80px -420px; +} +.ap-black_large_square { + background-position: -80px -440px; +} +.ap-white_large_square { + background-position: -80px -460px; +} +.ap-star { + background-position: -80px -480px; +} +.ap-o { + background-position: -80px -500px; +} +.ap-wavy_dash { + background-position: -80px -520px; +} +.ap-part_alternation_mark { + background-position: -80px -540px; +} +.ap-congratulations { + background-position: -80px -560px; +} +.ap-secret { + background-position: -80px -580px; +} +.ap-mahjong { + background-position: -80px -600px; +} +.ap-black_joker { + background-position: -80px -620px; +} +.ap-a { + background-position: -80px -640px; +} +.ap-b { + background-position: -80px -660px; +} +.ap-o2 { + background-position: -80px -680px; +} +.ap-parking { + background-position: -80px -700px; +} +.ap-ab { + background-position: -80px -720px; +} +.ap-cl { + background-position: -80px -740px; +} +.ap-cool { + background-position: -80px -760px; +} +.ap-free { + background-position: -80px -780px; +} +.ap-id { + background-position: -80px -800px; +} +.ap-new { + background-position: -100px 0; +} +.ap-ng { + background-position: -100px -20px; +} +.ap-ok { + background-position: -100px -40px; +} +.ap-sos { + background-position: -100px -60px; +} +.ap-up { + background-position: -100px -80px; +} +.ap-vs { + background-position: -100px -100px; +} +.ap-koko { + background-position: -100px -120px; +} +.ap-sa { + background-position: -100px -140px; +} +.ap-u7121 { + background-position: -100px -160px; +} +.ap-u6307 { + background-position: -100px -180px; +} +.ap-u7981 { + background-position: -100px -200px; +} +.ap-u7a7a { + background-position: -100px -220px; +} +.ap-u5408 { + background-position: -100px -240px; +} +.ap-u6e80 { + background-position: -100px -260px; +} +.ap-u6709 { + background-position: -100px -280px; +} +.ap-u6708 { + background-position: -100px -300px; +} +.ap-u7533 { + background-position: -100px -320px; +} +.ap-u5272 { + background-position: -100px -340px; +} +.ap-u55b6 { + background-position: -100px -360px; +} +.ap-ideograph_advantage { + background-position: -100px -380px; +} +.ap-accept { + background-position: -100px -400px; +} +.ap-cyclone { + background-position: -100px -420px; +} +.ap-foggy { + background-position: -100px -440px; +} +.ap-closed_umbrella { + background-position: -100px -460px; +} +.ap-night_with_stars { + background-position: -100px -480px; +} +.ap-sunrise_over_mountains { + background-position: -100px -500px; +} +.ap-sunrise { + background-position: -100px -520px; +} +.ap-city_sunset { + background-position: -100px -540px; +} +.ap-city_sunrise { + background-position: -100px -560px; +} +.ap-rainbow { + background-position: -100px -580px; +} +.ap-bridge_at_night { + background-position: -100px -600px; +} +.ap-ocean { + background-position: -100px -620px; +} +.ap-volcano { + background-position: -100px -640px; +} +.ap-milky_way { + background-position: -100px -660px; +} +.ap-earth_africa { + background-position: -100px -680px; +} +.ap-earth_americas { + background-position: -100px -700px; +} +.ap-earth_asia { + background-position: -100px -720px; +} +.ap-globe_with_meridians { + background-position: -100px -740px; +} +.ap-new_moon { + background-position: -100px -760px; +} +.ap-waxing_crescent_moon { + background-position: -100px -780px; +} +.ap-first_quarter_moon { + background-position: -100px -800px; +} +.ap-moon { + background-position: -120px 0; +} +.ap-full_moon { + background-position: -120px -20px; +} +.ap-waning_gibbous_moon { + background-position: -120px -40px; +} +.ap-last_quarter_moon { + background-position: -120px -60px; +} +.ap-waning_crescent_moon { + background-position: -120px -80px; +} +.ap-crescent_moon { + background-position: -120px -100px; +} +.ap-new_moon_with_face { + background-position: -120px -120px; +} +.ap-first_quarter_moon_with_face { + background-position: -120px -140px; +} +.ap-last_quarter_moon_with_face { + background-position: -120px -160px; +} +.ap-full_moon_with_face { + background-position: -120px -180px; +} +.ap-sun_with_face { + background-position: -120px -200px; +} +.ap-star2 { + background-position: -120px -220px; +} +.ap-stars { + background-position: -120px -240px; +} +.ap-thermometer { + background-position: -120px -260px; +} +.ap-mostly_sunny { + background-position: -120px -280px; +} +.ap-barely_sunny { + background-position: -120px -300px; +} +.ap-partly_sunny_rain { + background-position: -120px -320px; +} +.ap-rain_cloud { + background-position: -120px -340px; +} +.ap-snow_cloud { + background-position: -120px -360px; +} +.ap-lightning { + background-position: -120px -380px; +} +.ap-tornado { + background-position: -120px -400px; +} +.ap-fog { + background-position: -120px -420px; +} +.ap-wind_blowing_face { + background-position: -120px -440px; +} +.ap-hotdog { + background-position: -120px -460px; +} +.ap-taco { + background-position: -120px -480px; +} +.ap-burrito { + background-position: -120px -500px; +} +.ap-chestnut { + background-position: -120px -520px; +} +.ap-seedling { + background-position: -120px -540px; +} +.ap-evergreen_tree { + background-position: -120px -560px; +} +.ap-deciduous_tree { + background-position: -120px -580px; +} +.ap-palm_tree { + background-position: -120px -600px; +} +.ap-cactus { + background-position: -120px -620px; +} +.ap-hot_pepper { + background-position: -120px -640px; +} +.ap-tulip { + background-position: -120px -660px; +} +.ap-cherry_blossom { + background-position: -120px -680px; +} +.ap-rose { + background-position: -120px -700px; +} +.ap-hibiscus { + background-position: -120px -720px; +} +.ap-sunflower { + background-position: -120px -740px; +} +.ap-blossom { + background-position: -120px -760px; +} +.ap-corn { + background-position: -120px -780px; +} +.ap-ear_of_rice { + background-position: -120px -800px; +} +.ap-herb { + background-position: -140px 0; +} +.ap-four_leaf_clover { + background-position: -140px -20px; +} +.ap-maple_leaf { + background-position: -140px -40px; +} +.ap-fallen_leaf { + background-position: -140px -60px; +} +.ap-leaves { + background-position: -140px -80px; +} +.ap-mushroom { + background-position: -140px -100px; +} +.ap-tomato { + background-position: -140px -120px; +} +.ap-eggplant { + background-position: -140px -140px; +} +.ap-grapes { + background-position: -140px -160px; +} +.ap-melon { + background-position: -140px -180px; +} +.ap-watermelon { + background-position: -140px -200px; +} +.ap-tangerine { + background-position: -140px -220px; +} +.ap-lemon { + background-position: -140px -240px; +} +.ap-banana { + background-position: -140px -260px; +} +.ap-pineapple { + background-position: -140px -280px; +} +.ap-apple { + background-position: -140px -300px; +} +.ap-green_apple { + background-position: -140px -320px; +} +.ap-pear { + background-position: -140px -340px; +} +.ap-peach { + background-position: -140px -360px; +} +.ap-cherries { + background-position: -140px -380px; +} +.ap-strawberry { + background-position: -140px -400px; +} +.ap-hamburger { + background-position: -140px -420px; +} +.ap-pizza { + background-position: -140px -440px; +} +.ap-meat_on_bone { + background-position: -140px -460px; +} +.ap-poultry_leg { + background-position: -140px -480px; +} +.ap-rice_cracker { + background-position: -140px -500px; +} +.ap-rice_ball { + background-position: -140px -520px; +} +.ap-rice { + background-position: -140px -540px; +} +.ap-curry { + background-position: -140px -560px; +} +.ap-ramen { + background-position: -140px -580px; +} +.ap-spaghetti { + background-position: -140px -600px; +} +.ap-bread { + background-position: -140px -620px; +} +.ap-fries { + background-position: -140px -640px; +} +.ap-sweet_potato { + background-position: -140px -660px; +} +.ap-dango { + background-position: -140px -680px; +} +.ap-oden { + background-position: -140px -700px; +} +.ap-sushi { + background-position: -140px -720px; +} +.ap-fried_shrimp { + background-position: -140px -740px; +} +.ap-fish_cake { + background-position: -140px -760px; +} +.ap-icecream { + background-position: -140px -780px; +} +.ap-shaved_ice { + background-position: -140px -800px; +} +.ap-ice_cream { + background-position: -160px 0; +} +.ap-doughnut { + background-position: -160px -20px; +} +.ap-cookie { + background-position: -160px -40px; +} +.ap-chocolate_bar { + background-position: -160px -60px; +} +.ap-candy { + background-position: -160px -80px; +} +.ap-lollipop { + background-position: -160px -100px; +} +.ap-custard { + background-position: -160px -120px; +} +.ap-honey_pot { + background-position: -160px -140px; +} +.ap-cake { + background-position: -160px -160px; +} +.ap-bento { + background-position: -160px -180px; +} +.ap-stew { + background-position: -160px -200px; +} +.ap-egg { + background-position: -160px -220px; +} +.ap-fork_and_knife { + background-position: -160px -240px; +} +.ap-tea { + background-position: -160px -260px; +} +.ap-sake { + background-position: -160px -280px; +} +.ap-wine_glass { + background-position: -160px -300px; +} +.ap-cocktail { + background-position: -160px -320px; +} +.ap-tropical_drink { + background-position: -160px -340px; +} +.ap-beer { + background-position: -160px -360px; +} +.ap-beers { + background-position: -160px -380px; +} +.ap-baby_bottle { + background-position: -160px -400px; +} +.ap-knife_fork_plate { + background-position: -160px -420px; +} +.ap-champagne { + background-position: -160px -440px; +} +.ap-popcorn { + background-position: -160px -460px; +} +.ap-ribbon { + background-position: -160px -480px; +} +.ap-gift { + background-position: -160px -500px; +} +.ap-birthday { + background-position: -160px -520px; +} +.ap-jack_o_lantern { + background-position: -160px -540px; +} +.ap-christmas_tree { + background-position: -160px -560px; +} +.ap-santa { + background-position: -160px -580px; +} +.ap-fireworks { + background-position: -160px -700px; +} +.ap-sparkler { + background-position: -160px -720px; +} +.ap-balloon { + background-position: -160px -740px; +} +.ap-tada { + background-position: -160px -760px; +} +.ap-confetti_ball { + background-position: -160px -780px; +} +.ap-tanabata_tree { + background-position: -160px -800px; +} +.ap-crossed_flags { + background-position: -180px 0; +} +.ap-bamboo { + background-position: -180px -20px; +} +.ap-dolls { + background-position: -180px -40px; +} +.ap-flags { + background-position: -180px -60px; +} +.ap-wind_chime { + background-position: -180px -80px; +} +.ap-rice_scene { + background-position: -180px -100px; +} +.ap-school_satchel { + background-position: -180px -120px; +} +.ap-mortar_board { + background-position: -180px -140px; +} +.ap-medal { + background-position: -180px -160px; +} +.ap-reminder_ribbon { + background-position: -180px -180px; +} +.ap-studio_microphone { + background-position: -180px -200px; +} +.ap-level_slider { + background-position: -180px -220px; +} +.ap-control_knobs { + background-position: -180px -240px; +} +.ap-film_frames { + background-position: -180px -260px; +} +.ap-admission_tickets { + background-position: -180px -280px; +} +.ap-carousel_horse { + background-position: -180px -300px; +} +.ap-ferris_wheel { + background-position: -180px -320px; +} +.ap-roller_coaster { + background-position: -180px -340px; +} +.ap-fishing_pole_and_fish { + background-position: -180px -360px; +} +.ap-microphone { + background-position: -180px -380px; +} +.ap-movie_camera { + background-position: -180px -400px; +} +.ap-cinema { + background-position: -180px -420px; +} +.ap-headphones { + background-position: -180px -440px; +} +.ap-art { + background-position: -180px -460px; +} +.ap-tophat { + background-position: -180px -480px; +} +.ap-circus_tent { + background-position: -180px -500px; +} +.ap-ticket { + background-position: -180px -520px; +} +.ap-clapper { + background-position: -180px -540px; +} +.ap-performing_arts { + background-position: -180px -560px; +} +.ap-video_game { + background-position: -180px -580px; +} +.ap-dart { + background-position: -180px -600px; +} +.ap-slot_machine { + background-position: -180px -620px; +} +.ap-8ball { + background-position: -180px -640px; +} +.ap-game_die { + background-position: -180px -660px; +} +.ap-bowling { + background-position: -180px -680px; +} +.ap-flower_playing_cards { + background-position: -180px -700px; +} +.ap-musical_note { + background-position: -180px -720px; +} +.ap-notes { + background-position: -180px -740px; +} +.ap-saxophone { + background-position: -180px -760px; +} +.ap-guitar { + background-position: -180px -780px; +} +.ap-musical_keyboard { + background-position: -180px -800px; +} +.ap-trumpet { + background-position: -200px 0; +} +.ap-violin { + background-position: -200px -20px; +} +.ap-musical_score { + background-position: -200px -40px; +} +.ap-running_shirt_with_sash { + background-position: -200px -60px; +} +.ap-tennis { + background-position: -200px -80px; +} +.ap-ski { + background-position: -200px -100px; +} +.ap-basketball { + background-position: -200px -120px; +} +.ap-checkered_flag { + background-position: -200px -140px; +} +.ap-snowboarder { + background-position: -200px -160px; +} +.ap-runner { + background-position: -200px -180px; +} +.ap-surfer { + background-position: -200px -300px; +} +.ap-sports_medal { + background-position: -200px -420px; +} +.ap-trophy { + background-position: -200px -440px; +} +.ap-horse_racing { + background-position: -200px -460px; +} +.ap-football { + background-position: -200px -480px; +} +.ap-rugby_football { + background-position: -200px -500px; +} +.ap-swimmer { + background-position: -200px -520px; +} +.ap-weight_lifter { + background-position: -200px -640px; +} +.ap-golfer { + background-position: -200px -760px; +} +.ap-racing_motorcycle { + background-position: -200px -780px; +} +.ap-racing_car { + background-position: -200px -800px; +} +.ap-cricket_bat_and_ball { + background-position: -220px 0; +} +.ap-volleyball { + background-position: -220px -20px; +} +.ap-field_hockey_stick_and_ball { + background-position: -220px -40px; +} +.ap-ice_hockey_stick_and_puck { + background-position: -220px -60px; +} +.ap-table_tennis_paddle_and_ball { + background-position: -220px -80px; +} +.ap-snow_capped_mountain { + background-position: -220px -100px; +} +.ap-camping { + background-position: -220px -120px; +} +.ap-beach_with_umbrella { + background-position: -220px -140px; +} +.ap-building_construction { + background-position: -220px -160px; +} +.ap-house_buildings { + background-position: -220px -180px; +} +.ap-cityscape { + background-position: -220px -200px; +} +.ap-derelict_house_building { + background-position: -220px -220px; +} +.ap-classical_building { + background-position: -220px -240px; +} +.ap-desert { + background-position: -220px -260px; +} +.ap-desert_island { + background-position: -220px -280px; +} +.ap-national_park { + background-position: -220px -300px; +} +.ap-stadium { + background-position: -220px -320px; +} +.ap-house { + background-position: -220px -340px; +} +.ap-house_with_garden { + background-position: -220px -360px; +} +.ap-office { + background-position: -220px -380px; +} +.ap-post_office { + background-position: -220px -400px; +} +.ap-european_post_office { + background-position: -220px -420px; +} +.ap-hospital { + background-position: -220px -440px; +} +.ap-bank { + background-position: -220px -460px; +} +.ap-atm { + background-position: -220px -480px; +} +.ap-hotel { + background-position: -220px -500px; +} +.ap-love_hotel { + background-position: -220px -520px; +} +.ap-convenience_store { + background-position: -220px -540px; +} +.ap-school { + background-position: -220px -560px; +} +.ap-department_store { + background-position: -220px -580px; +} +.ap-factory { + background-position: -220px -600px; +} +.ap-izakaya_lantern { + background-position: -220px -620px; +} +.ap-japanese_castle { + background-position: -220px -640px; +} +.ap-european_castle { + background-position: -220px -660px; +} +.ap-waving_white_flag { + background-position: -220px -680px; +} +.ap-waving_black_flag { + background-position: -220px -700px; +} +.ap-rosette { + background-position: -220px -720px; +} +.ap-label { + background-position: -220px -740px; +} +.ap-badminton_racquet_and_shuttlecock { + background-position: -220px -760px; +} +.ap-bow_and_arrow { + background-position: -220px -780px; +} +.ap-amphora { + background-position: -220px -800px; +} +.ap-skin-tone-2 { + background-position: -240px 0; +} +.ap-skin-tone-3 { + background-position: -240px -20px; +} +.ap-skin-tone-4 { + background-position: -240px -40px; +} +.ap-skin-tone-5 { + background-position: -240px -60px; +} +.ap-skin-tone-6 { + background-position: -240px -80px; +} +.ap-rat { + background-position: -240px -100px; +} +.ap-mouse2 { + background-position: -240px -120px; +} +.ap-ox { + background-position: -240px -140px; +} +.ap-water_buffalo { + background-position: -240px -160px; +} +.ap-cow2 { + background-position: -240px -180px; +} +.ap-tiger2 { + background-position: -240px -200px; +} +.ap-leopard { + background-position: -240px -220px; +} +.ap-rabbit2 { + background-position: -240px -240px; +} +.ap-cat2 { + background-position: -240px -260px; +} +.ap-dragon { + background-position: -240px -280px; +} +.ap-crocodile { + background-position: -240px -300px; +} +.ap-whale2 { + background-position: -240px -320px; +} +.ap-snail { + background-position: -240px -340px; +} +.ap-snake { + background-position: -240px -360px; +} +.ap-racehorse { + background-position: -240px -380px; +} +.ap-ram { + background-position: -240px -400px; +} +.ap-goat { + background-position: -240px -420px; +} +.ap-sheep { + background-position: -240px -440px; +} +.ap-monkey { + background-position: -240px -460px; +} +.ap-rooster { + background-position: -240px -480px; +} +.ap-chicken { + background-position: -240px -500px; +} +.ap-dog2 { + background-position: -240px -520px; +} +.ap-pig2 { + background-position: -240px -540px; +} +.ap-boar { + background-position: -240px -560px; +} +.ap-elephant { + background-position: -240px -580px; +} +.ap-octopus { + background-position: -240px -600px; +} +.ap-shell { + background-position: -240px -620px; +} +.ap-bug { + background-position: -240px -640px; +} +.ap-ant { + background-position: -240px -660px; +} +.ap-bee { + background-position: -240px -680px; +} +.ap-beetle { + background-position: -240px -700px; +} +.ap-fish { + background-position: -240px -720px; +} +.ap-tropical_fish { + background-position: -240px -740px; +} +.ap-blowfish { + background-position: -240px -760px; +} +.ap-turtle { + background-position: -240px -780px; +} +.ap-hatching_chick { + background-position: -240px -800px; +} +.ap-baby_chick { + background-position: -260px 0; +} +.ap-hatched_chick { + background-position: -260px -20px; +} +.ap-bird { + background-position: -260px -40px; +} +.ap-penguin { + background-position: -260px -60px; +} +.ap-koala { + background-position: -260px -80px; +} +.ap-poodle { + background-position: -260px -100px; +} +.ap-dromedary_camel { + background-position: -260px -120px; +} +.ap-camel { + background-position: -260px -140px; +} +.ap-dolphin { + background-position: -260px -160px; +} +.ap-mouse { + background-position: -260px -180px; +} +.ap-cow { + background-position: -260px -200px; +} +.ap-tiger { + background-position: -260px -220px; +} +.ap-rabbit { + background-position: -260px -240px; +} +.ap-cat { + background-position: -260px -260px; +} +.ap-dragon_face { + background-position: -260px -280px; +} +.ap-whale { + background-position: -260px -300px; +} +.ap-horse { + background-position: -260px -320px; +} +.ap-monkey_face { + background-position: -260px -340px; +} +.ap-dog { + background-position: -260px -360px; +} +.ap-pig { + background-position: -260px -380px; +} +.ap-frog { + background-position: -260px -400px; +} +.ap-hamster { + background-position: -260px -420px; +} +.ap-wolf { + background-position: -260px -440px; +} +.ap-bear { + background-position: -260px -460px; +} +.ap-panda_face { + background-position: -260px -480px; +} +.ap-pig_nose { + background-position: -260px -500px; +} +.ap-feet { + background-position: -260px -520px; +} +.ap-chipmunk { + background-position: -260px -540px; +} +.ap-eyes { + background-position: -260px -560px; +} +.ap-eye { + background-position: -260px -580px; +} +.ap-ear { + background-position: -260px -600px; +} +.ap-nose { + background-position: -260px -720px; +} +.ap-lips { + background-position: -280px -20px; +} +.ap-tongue { + background-position: -280px -40px; +} +.ap-point_up_2 { + background-position: -280px -60px; +} +.ap-point_down { + background-position: -280px -180px; +} +.ap-point_left { + background-position: -280px -300px; +} +.ap-point_right { + background-position: -280px -420px; +} +.ap-facepunch { + background-position: -280px -540px; +} +.ap-wave { + background-position: -280px -660px; +} +.ap-ok_hand { + background-position: -280px -780px; +} +.ap-thumbsup { + background-position: -300px -80px; +} +.ap--1, +.ap-thumbsdown { + background-position: -300px -200px; +} +.ap-clap { + background-position: -300px -320px; +} +.ap-open_hands { + background-position: -300px -440px; +} +.ap-crown { + background-position: -300px -560px; +} +.ap-womans_hat { + background-position: -300px -580px; +} +.ap-eyeglasses { + background-position: -300px -600px; +} +.ap-necktie { + background-position: -300px -620px; +} +.ap-shirt { + background-position: -300px -640px; +} +.ap-jeans { + background-position: -300px -660px; +} +.ap-dress { + background-position: -300px -680px; +} +.ap-kimono { + background-position: -300px -700px; +} +.ap-bikini { + background-position: -300px -720px; +} +.ap-womans_clothes { + background-position: -300px -740px; +} +.ap-purse { + background-position: -300px -760px; +} +.ap-handbag { + background-position: -300px -780px; +} +.ap-pouch { + background-position: -300px -800px; +} +.ap-mans_shoe { + background-position: -320px 0; +} +.ap-athletic_shoe { + background-position: -320px -20px; +} +.ap-high_heel { + background-position: -320px -40px; +} +.ap-sandal { + background-position: -320px -60px; +} +.ap-boot { + background-position: -320px -80px; +} +.ap-footprints { + background-position: -320px -100px; +} +.ap-bust_in_silhouette { + background-position: -320px -120px; +} +.ap-busts_in_silhouette { + background-position: -320px -140px; +} +.ap-boy { + background-position: -320px -160px; +} +.ap-girl { + background-position: -320px -280px; +} +.ap-man { + background-position: -320px -400px; +} +.ap-woman { + background-position: -320px -520px; +} +.ap-family { + background-position: -320px -640px; +} +.ap-couple { + background-position: -320px -660px; +} +.ap-two_men_holding_hands { + background-position: -320px -680px; +} +.ap-two_women_holding_hands { + background-position: -320px -700px; +} +.ap-cop { + background-position: -320px -720px; +} +.ap-dancers { + background-position: -340px -20px; +} +.ap-bride_with_veil { + background-position: -340px -40px; +} +.ap-person_with_blond_hair { + background-position: -340px -160px; +} +.ap-man_with_gua_pi_mao { + background-position: -340px -280px; +} +.ap-man_with_turban { + background-position: -340px -400px; +} +.ap-older_man { + background-position: -340px -520px; +} +.ap-older_woman { + background-position: -340px -640px; +} +.ap-baby { + background-position: -340px -760px; +} +.ap-construction_worker { + background-position: -360px -60px; +} +.ap-princess { + background-position: -360px -180px; +} +.ap-japanese_ogre { + background-position: -360px -300px; +} +.ap-japanese_goblin { + background-position: -360px -320px; +} +.ap-ghost { + background-position: -360px -340px; +} +.ap-angel { + background-position: -360px -360px; +} +.ap-alien { + background-position: -360px -480px; +} +.ap-space_invader { + background-position: -360px -500px; +} +.ap-imp { + background-position: -360px -520px; +} +.ap-skull { + background-position: -360px -540px; +} +.ap-information_desk_person { + background-position: -360px -560px; +} +.ap-guardsman { + background-position: -360px -680px; +} +.ap-dancer { + background-position: -360px -800px; +} +.ap-lipstick { + background-position: -380px -100px; +} +.ap-nail_care { + background-position: -380px -120px; +} +.ap-massage { + background-position: -380px -240px; +} +.ap-haircut { + background-position: -380px -360px; +} +.ap-barber { + background-position: -380px -480px; +} +.ap-syringe { + background-position: -380px -500px; +} +.ap-pill { + background-position: -380px -520px; +} +.ap-kiss { + background-position: -380px -540px; +} +.ap-love_letter { + background-position: -380px -560px; +} +.ap-ring { + background-position: -380px -580px; +} +.ap-gem { + background-position: -380px -600px; +} +.ap-couplekiss { + background-position: -380px -620px; +} +.ap-bouquet { + background-position: -380px -640px; +} +.ap-couple_with_heart { + background-position: -380px -660px; +} +.ap-wedding { + background-position: -380px -680px; +} +.ap-heartbeat { + background-position: -380px -700px; +} +.ap-broken_heart { + background-position: -380px -720px; +} +.ap-two_hearts { + background-position: -380px -740px; +} +.ap-sparkling_heart { + background-position: -380px -760px; +} +.ap-heartpulse { + background-position: -380px -780px; +} +.ap-cupid { + background-position: -380px -800px; +} +.ap-blue_heart { + background-position: -400px 0; +} +.ap-green_heart { + background-position: -400px -20px; +} +.ap-yellow_heart { + background-position: -400px -40px; +} +.ap-purple_heart { + background-position: -400px -60px; +} +.ap-gift_heart { + background-position: -400px -80px; +} +.ap-revolving_hearts { + background-position: -400px -100px; +} +.ap-heart_decoration { + background-position: -400px -120px; +} +.ap-diamond_shape_with_a_dot_inside { + background-position: -400px -140px; +} +.ap-bulb { + background-position: -400px -160px; +} +.ap-anger { + background-position: -400px -180px; +} +.ap-bomb { + background-position: -400px -200px; +} +.ap-zzz { + background-position: -400px -220px; +} +.ap-boom { + background-position: -400px -240px; +} +.ap-sweat_drops { + background-position: -400px -260px; +} +.ap-droplet { + background-position: -400px -280px; +} +.ap-dash { + background-position: -400px -300px; +} +.ap-hankey { + background-position: -400px -320px; +} +.ap-muscle { + background-position: -400px -340px; +} +.ap-dizzy { + background-position: -400px -460px; +} +.ap-speech_balloon { + background-position: -400px -480px; +} +.ap-thought_balloon { + background-position: -400px -500px; +} +.ap-white_flower { + background-position: -400px -520px; +} +.ap-100 { + background-position: -400px -540px; +} +.ap-moneybag { + background-position: -400px -560px; +} +.ap-currency_exchange { + background-position: -400px -580px; +} +.ap-heavy_dollar_sign { + background-position: -400px -600px; +} +.ap-credit_card { + background-position: -400px -620px; +} +.ap-yen { + background-position: -400px -640px; +} +.ap-dollar { + background-position: -400px -660px; +} +.ap-euro { + background-position: -400px -680px; +} +.ap-pound { + background-position: -400px -700px; +} +.ap-money_with_wings { + background-position: -400px -720px; +} +.ap-chart { + background-position: -400px -740px; +} +.ap-seat { + background-position: -400px -760px; +} +.ap-computer { + background-position: -400px -780px; +} +.ap-briefcase { + background-position: -400px -800px; +} +.ap-minidisc { + background-position: -420px 0; +} +.ap-floppy_disk { + background-position: -420px -20px; +} +.ap-cd { + background-position: -420px -40px; +} +.ap-dvd { + background-position: -420px -60px; +} +.ap-file_folder { + background-position: -420px -80px; +} +.ap-open_file_folder { + background-position: -420px -100px; +} +.ap-page_with_curl { + background-position: -420px -120px; +} +.ap-page_facing_up { + background-position: -420px -140px; +} +.ap-date { + background-position: -420px -160px; +} +.ap-calendar { + background-position: -420px -180px; +} +.ap-card_index { + background-position: -420px -200px; +} +.ap-chart_with_upwards_trend { + background-position: -420px -220px; +} +.ap-chart_with_downwards_trend { + background-position: -420px -240px; +} +.ap-bar_chart { + background-position: -420px -260px; +} +.ap-clipboard { + background-position: -420px -280px; +} +.ap-pushpin { + background-position: -420px -300px; +} +.ap-round_pushpin { + background-position: -420px -320px; +} +.ap-paperclip { + background-position: -420px -340px; +} +.ap-straight_ruler { + background-position: -420px -360px; +} +.ap-triangular_ruler { + background-position: -420px -380px; +} +.ap-bookmark_tabs { + background-position: -420px -400px; +} +.ap-ledger { + background-position: -420px -420px; +} +.ap-notebook { + background-position: -420px -440px; +} +.ap-notebook_with_decorative_cover { + background-position: -420px -460px; +} +.ap-closed_book { + background-position: -420px -480px; +} +.ap-book { + background-position: -420px -500px; +} +.ap-green_book { + background-position: -420px -520px; +} +.ap-blue_book { + background-position: -420px -540px; +} +.ap-orange_book { + background-position: -420px -560px; +} +.ap-books { + background-position: -420px -580px; +} +.ap-name_badge { + background-position: -420px -600px; +} +.ap-scroll { + background-position: -420px -620px; +} +.ap-memo { + background-position: -420px -640px; +} +.ap-telephone_receiver { + background-position: -420px -660px; +} +.ap-pager { + background-position: -420px -680px; +} +.ap-fax { + background-position: -420px -700px; +} +.ap-satellite_antenna { + background-position: -420px -720px; +} +.ap-loudspeaker { + background-position: -420px -740px; +} +.ap-mega { + background-position: -420px -760px; +} +.ap-outbox_tray { + background-position: -420px -780px; +} +.ap-inbox_tray { + background-position: -420px -800px; +} +.ap-package { + background-position: -440px 0; +} +.ap-e-mail { + background-position: -440px -20px; +} +.ap-incoming_envelope { + background-position: -440px -40px; +} +.ap-envelope_with_arrow { + background-position: -440px -60px; +} +.ap-mailbox_closed { + background-position: -440px -80px; +} +.ap-mailbox { + background-position: -440px -100px; +} +.ap-mailbox_with_mail { + background-position: -440px -120px; +} +.ap-mailbox_with_no_mail { + background-position: -440px -140px; +} +.ap-postbox { + background-position: -440px -160px; +} +.ap-postal_horn { + background-position: -440px -180px; +} +.ap-newspaper { + background-position: -440px -200px; +} +.ap-iphone { + background-position: -440px -220px; +} +.ap-calling { + background-position: -440px -240px; +} +.ap-vibration_mode { + background-position: -440px -260px; +} +.ap-mobile_phone_off { + background-position: -440px -280px; +} +.ap-no_mobile_phones { + background-position: -440px -300px; +} +.ap-signal_strength { + background-position: -440px -320px; +} +.ap-camera { + background-position: -440px -340px; +} +.ap-camera_with_flash { + background-position: -440px -360px; +} +.ap-video_camera { + background-position: -440px -380px; +} +.ap-tv { + background-position: -440px -400px; +} +.ap-radio { + background-position: -440px -420px; +} +.ap-vhs { + background-position: -440px -440px; +} +.ap-film_projector { + background-position: -440px -460px; +} +.ap-prayer_beads { + background-position: -440px -480px; +} +.ap-twisted_rightwards_arrows { + background-position: -440px -500px; +} +.ap-repeat { + background-position: -440px -520px; +} +.ap-repeat_one { + background-position: -440px -540px; +} +.ap-arrows_clockwise { + background-position: -440px -560px; +} +.ap-arrows_counterclockwise { + background-position: -440px -580px; +} +.ap-low_brightness { + background-position: -440px -600px; +} +.ap-high_brightness { + background-position: -440px -620px; +} +.ap-mute { + background-position: -440px -640px; +} +.ap-speaker { + background-position: -440px -660px; +} +.ap-sound { + background-position: -440px -680px; +} +.ap-loud_sound { + background-position: -440px -700px; +} +.ap-battery { + background-position: -440px -720px; +} +.ap-electric_plug { + background-position: -440px -740px; +} +.ap-mag { + background-position: -440px -760px; +} +.ap-mag_right { + background-position: -440px -780px; +} +.ap-lock_with_ink_pen { + background-position: -440px -800px; +} +.ap-closed_lock_with_key { + background-position: -460px 0; +} +.ap-key { + background-position: -460px -20px; +} +.ap-lock { + background-position: -460px -40px; +} +.ap-unlock { + background-position: -460px -60px; +} +.ap-bell { + background-position: -460px -80px; +} +.ap-no_bell { + background-position: -460px -100px; +} +.ap-bookmark { + background-position: -460px -120px; +} +.ap-link { + background-position: -460px -140px; +} +.ap-radio_button { + background-position: -460px -160px; +} +.ap-back { + background-position: -460px -180px; +} +.ap-end { + background-position: -460px -200px; +} +.ap-on { + background-position: -460px -220px; +} +.ap-soon { + background-position: -460px -240px; +} +.ap-top { + background-position: -460px -260px; +} +.ap-underage { + background-position: -460px -280px; +} +.ap-keycap_ten { + background-position: -460px -300px; +} +.ap-capital_abcd { + background-position: -460px -320px; +} +.ap-abcd { + background-position: -460px -340px; +} +.ap-1234 { + background-position: -460px -360px; +} +.ap-symbols { + background-position: -460px -380px; +} +.ap-abc { + background-position: -460px -400px; +} +.ap-fire { + background-position: -460px -420px; +} +.ap-flashlight { + background-position: -460px -440px; +} +.ap-wrench { + background-position: -460px -460px; +} +.ap-hammer { + background-position: -460px -480px; +} +.ap-nut_and_bolt { + background-position: -460px -500px; +} +.ap-hocho { + background-position: -460px -520px; +} +.ap-gun { + background-position: -460px -540px; +} +.ap-microscope { + background-position: -460px -560px; +} +.ap-telescope { + background-position: -460px -580px; +} +.ap-crystal_ball { + background-position: -460px -600px; +} +.ap-six_pointed_star { + background-position: -460px -620px; +} +.ap-beginner { + background-position: -460px -640px; +} +.ap-trident { + background-position: -460px -660px; +} +.ap-black_square_button { + background-position: -460px -680px; +} +.ap-white_square_button { + background-position: -460px -700px; +} +.ap-red_circle { + background-position: -460px -720px; +} +.ap-large_blue_circle { + background-position: -460px -740px; +} +.ap-large_orange_diamond { + background-position: -460px -760px; +} +.ap-large_blue_diamond { + background-position: -460px -780px; +} +.ap-small_orange_diamond { + background-position: -460px -800px; +} +.ap-small_blue_diamond { + background-position: -480px 0; +} +.ap-small_red_triangle { + background-position: -480px -20px; +} +.ap-small_red_triangle_down { + background-position: -480px -40px; +} +.ap-arrow_up_small { + background-position: -480px -60px; +} +.ap-arrow_down_small { + background-position: -480px -80px; +} +.ap-om_symbol { + background-position: -480px -100px; +} +.ap-dove_of_peace { + background-position: -480px -120px; +} +.ap-kaaba { + background-position: -480px -140px; +} +.ap-mosque { + background-position: -480px -160px; +} +.ap-synagogue { + background-position: -480px -180px; +} +.ap-menorah_with_nine_branches { + background-position: -480px -200px; +} +.ap-clock1 { + background-position: -480px -220px; +} +.ap-clock2 { + background-position: -480px -240px; +} +.ap-clock3 { + background-position: -480px -260px; +} +.ap-clock4 { + background-position: -480px -280px; +} +.ap-clock5 { + background-position: -480px -300px; +} +.ap-clock6 { + background-position: -480px -320px; +} +.ap-clock7 { + background-position: -480px -340px; +} +.ap-clock8 { + background-position: -480px -360px; +} +.ap-clock9 { + background-position: -480px -380px; +} +.ap-clock10 { + background-position: -480px -400px; +} +.ap-clock11 { + background-position: -480px -420px; +} +.ap-clock12 { + background-position: -480px -440px; +} +.ap-clock130 { + background-position: -480px -460px; +} +.ap-clock230 { + background-position: -480px -480px; +} +.ap-clock330 { + background-position: -480px -500px; +} +.ap-clock430 { + background-position: -480px -520px; +} +.ap-clock530 { + background-position: -480px -540px; +} +.ap-clock630 { + background-position: -480px -560px; +} +.ap-clock730 { + background-position: -480px -580px; +} +.ap-clock830 { + background-position: -480px -600px; +} +.ap-clock930 { + background-position: -480px -620px; +} +.ap-clock1030 { + background-position: -480px -640px; +} +.ap-clock1130 { + background-position: -480px -660px; +} +.ap-clock1230 { + background-position: -480px -680px; +} +.ap-candle { + background-position: -480px -700px; +} +.ap-mantelpiece_clock { + background-position: -480px -720px; +} +.ap-hole { + background-position: -480px -740px; +} +.ap-man_in_business_suit_levitating { + background-position: -480px -760px; +} +.ap-sleuth_or_spy { + background-position: -480px -780px; +} +.ap-dark_sunglasses { + background-position: -500px -80px; +} +.ap-spider { + background-position: -500px -100px; +} +.ap-spider_web { + background-position: -500px -120px; +} +.ap-joystick { + background-position: -500px -140px; +} +.ap-linked_paperclips { + background-position: -500px -160px; +} +.ap-lower_left_ballpoint_pen { + background-position: -500px -180px; +} +.ap-lower_left_fountain_pen { + background-position: -500px -200px; +} +.ap-lower_left_paintbrush { + background-position: -500px -220px; +} +.ap-lower_left_crayon { + background-position: -500px -240px; +} +.ap-raised_hand_with_fingers_splayed { + background-position: -500px -260px; +} +.ap-middle_finger { + background-position: -500px -380px; +} +.ap-spock-hand { + background-position: -500px -500px; +} +.ap-desktop_computer { + background-position: -500px -620px; +} +.ap-printer { + background-position: -500px -640px; +} +.ap-three_button_mouse { + background-position: -500px -660px; +} +.ap-trackball { + background-position: -500px -680px; +} +.ap-frame_with_picture { + background-position: -500px -700px; +} +.ap-card_index_dividers { + background-position: -500px -720px; +} +.ap-card_file_box { + background-position: -500px -740px; +} +.ap-file_cabinet { + background-position: -500px -760px; +} +.ap-wastebasket { + background-position: -500px -780px; +} +.ap-spiral_note_pad { + background-position: -500px -800px; +} +.ap-spiral_calendar_pad { + background-position: -520px 0; +} +.ap-compression { + background-position: -520px -20px; +} +.ap-old_key { + background-position: -520px -40px; +} +.ap-rolled_up_newspaper { + background-position: -520px -60px; +} +.ap-dagger_knife { + background-position: -520px -80px; +} +.ap-speaking_head_in_silhouette { + background-position: -520px -100px; +} +.ap-left_speech_bubble { + background-position: -520px -120px; +} +.ap-right_anger_bubble { + background-position: -520px -140px; +} +.ap-ballot_box_with_ballot { + background-position: -520px -160px; +} +.ap-world_map { + background-position: -520px -180px; +} +.ap-mount_fuji { + background-position: -520px -200px; +} +.ap-tokyo_tower { + background-position: -520px -220px; +} +.ap-statue_of_liberty { + background-position: -520px -240px; +} +.ap-japan { + background-position: -520px -260px; +} +.ap-moyai { + background-position: -520px -280px; +} +.ap-grinning { + background-position: -520px -300px; +} +.ap-grin { + background-position: -520px -320px; +} +.ap-joy { + background-position: -520px -340px; +} +.ap-smiley { + background-position: -520px -360px; +} +.ap-smile { + background-position: -520px -380px; +} +.ap-sweat_smile { + background-position: -520px -400px; +} +.ap-laughing { + background-position: -520px -420px; +} +.ap-innocent { + background-position: -520px -440px; +} +.ap-smiling_imp { + background-position: -520px -460px; +} +.ap-wink { + background-position: -520px -480px; +} +.ap-blush { + background-position: -520px -500px; +} +.ap-yum { + background-position: -520px -520px; +} +.ap-relieved { + background-position: -520px -540px; +} +.ap-heart_eyes { + background-position: -520px -560px; +} +.ap-sunglasses { + background-position: -520px -580px; +} +.ap-smirk { + background-position: -520px -600px; +} +.ap-neutral_face { + background-position: -520px -620px; +} +.ap-expressionless { + background-position: -520px -640px; +} +.ap-unamused { + background-position: -520px -660px; +} +.ap-sweat { + background-position: -520px -680px; +} +.ap-pensive { + background-position: -520px -700px; +} +.ap-confused { + background-position: -520px -720px; +} +.ap-confounded { + background-position: -520px -740px; +} +.ap-kissing { + background-position: -520px -760px; +} +.ap-kissing_heart { + background-position: -520px -780px; +} +.ap-kissing_smiling_eyes { + background-position: -520px -800px; +} +.ap-kissing_closed_eyes { + background-position: -540px 0; +} +.ap-stuck_out_tongue { + background-position: -540px -20px; +} +.ap-stuck_out_tongue_winking_eye { + background-position: -540px -40px; +} +.ap-stuck_out_tongue_closed_eyes { + background-position: -540px -60px; +} +.ap-disappointed { + background-position: -540px -80px; +} +.ap-worried { + background-position: -540px -100px; +} +.ap-angry { + background-position: -540px -120px; +} +.ap-rage { + background-position: -540px -140px; +} +.ap-cry { + background-position: -540px -160px; +} +.ap-persevere { + background-position: -540px -180px; +} +.ap-triumph { + background-position: -540px -200px; +} +.ap-disappointed_relieved { + background-position: -540px -220px; +} +.ap-frowning { + background-position: -540px -240px; +} +.ap-anguished { + background-position: -540px -260px; +} +.ap-fearful { + background-position: -540px -280px; +} +.ap-weary { + background-position: -540px -300px; +} +.ap-sleepy { + background-position: -540px -320px; +} +.ap-tired_face { + background-position: -540px -340px; +} +.ap-grimacing { + background-position: -540px -360px; +} +.ap-sob { + background-position: -540px -380px; +} +.ap-open_mouth { + background-position: -540px -400px; +} +.ap-hushed { + background-position: -540px -420px; +} +.ap-cold_sweat { + background-position: -540px -440px; +} +.ap-scream { + background-position: -540px -460px; +} +.ap-astonished { + background-position: -540px -480px; +} +.ap-flushed { + background-position: -540px -500px; +} +.ap-sleeping { + background-position: -540px -520px; +} +.ap-dizzy_face { + background-position: -540px -540px; +} +.ap-no_mouth { + background-position: -540px -560px; +} +.ap-mask { + background-position: -540px -580px; +} +.ap-smile_cat { + background-position: -540px -600px; +} +.ap-joy_cat { + background-position: -540px -620px; +} +.ap-smiley_cat { + background-position: -540px -640px; +} +.ap-heart_eyes_cat { + background-position: -540px -660px; +} +.ap-smirk_cat { + background-position: -540px -680px; +} +.ap-kissing_cat { + background-position: -540px -700px; +} +.ap-pouting_cat { + background-position: -540px -720px; +} +.ap-crying_cat_face { + background-position: -540px -740px; +} +.ap-scream_cat { + background-position: -540px -760px; +} +.ap-slightly_frowning_face { + background-position: -540px -780px; +} +.ap-slightly_smiling_face { + background-position: -540px -800px; +} +.ap-upside_down_face { + background-position: -560px 0; +} +.ap-face_with_rolling_eyes { + background-position: -560px -20px; +} +.ap-no_good { + background-position: -560px -40px; +} +.ap-ok_woman { + background-position: -560px -160px; +} +.ap-bow { + background-position: -560px -280px; +} +.ap-see_no_evil { + background-position: -560px -400px; +} +.ap-hear_no_evil { + background-position: -560px -420px; +} +.ap-speak_no_evil { + background-position: -560px -440px; +} +.ap-raising_hand { + background-position: -560px -460px; +} +.ap-raised_hands { + background-position: -560px -580px; +} +.ap-person_frowning { + background-position: -560px -700px; +} +.ap-person_with_pouting_face { + background-position: -580px 0; +} +.ap-pray { + background-position: -580px -120px; +} +.ap-rocket { + background-position: -580px -240px; +} +.ap-helicopter { + background-position: -580px -260px; +} +.ap-steam_locomotive { + background-position: -580px -280px; +} +.ap-railway_car { + background-position: -580px -300px; +} +.ap-bullettrain_side { + background-position: -580px -320px; +} +.ap-bullettrain_front { + background-position: -580px -340px; +} +.ap-train2 { + background-position: -580px -360px; +} +.ap-metro { + background-position: -580px -380px; +} +.ap-light_rail { + background-position: -580px -400px; +} +.ap-station { + background-position: -580px -420px; +} +.ap-tram { + background-position: -580px -440px; +} +.ap-train { + background-position: -580px -460px; +} +.ap-bus { + background-position: -580px -480px; +} +.ap-oncoming_bus { + background-position: -580px -500px; +} +.ap-trolleybus { + background-position: -580px -520px; +} +.ap-busstop { + background-position: -580px -540px; +} +.ap-minibus { + background-position: -580px -560px; +} +.ap-ambulance { + background-position: -580px -580px; +} +.ap-fire_engine { + background-position: -580px -600px; +} +.ap-police_car { + background-position: -580px -620px; +} +.ap-oncoming_police_car { + background-position: -580px -640px; +} +.ap-taxi { + background-position: -580px -660px; +} +.ap-oncoming_taxi { + background-position: -580px -680px; +} +.ap-car { + background-position: -580px -700px; +} +.ap-oncoming_automobile { + background-position: -580px -720px; +} +.ap-blue_car { + background-position: -580px -740px; +} +.ap-truck { + background-position: -580px -760px; +} +.ap-articulated_lorry { + background-position: -580px -780px; +} +.ap-tractor { + background-position: -580px -800px; +} +.ap-monorail { + background-position: -600px 0; +} +.ap-mountain_railway { + background-position: -600px -20px; +} +.ap-suspension_railway { + background-position: -600px -40px; +} +.ap-mountain_cableway { + background-position: -600px -60px; +} +.ap-aerial_tramway { + background-position: -600px -80px; +} +.ap-ship { + background-position: -600px -100px; +} +.ap-rowboat { + background-position: -600px -120px; +} +.ap-speedboat { + background-position: -600px -240px; +} +.ap-traffic_light { + background-position: -600px -260px; +} +.ap-vertical_traffic_light { + background-position: -600px -280px; +} +.ap-construction { + background-position: -600px -300px; +} +.ap-rotating_light { + background-position: -600px -320px; +} +.ap-triangular_flag_on_post { + background-position: -600px -340px; +} +.ap-door { + background-position: -600px -360px; +} +.ap-no_entry_sign { + background-position: -600px -380px; +} +.ap-smoking { + background-position: -600px -400px; +} +.ap-no_smoking { + background-position: -600px -420px; +} +.ap-put_litter_in_its_place { + background-position: -600px -440px; +} +.ap-do_not_litter { + background-position: -600px -460px; +} +.ap-potable_water { + background-position: -600px -480px; +} +.ap-non-potable_water { + background-position: -600px -500px; +} +.ap-bike { + background-position: -600px -520px; +} +.ap-no_bicycles { + background-position: -600px -540px; +} +.ap-bicyclist { + background-position: -600px -560px; +} +.ap-mountain_bicyclist { + background-position: -600px -680px; +} +.ap-walking { + background-position: -600px -800px; +} +.ap-no_pedestrians { + background-position: -620px -100px; +} +.ap-children_crossing { + background-position: -620px -120px; +} +.ap-mens { + background-position: -620px -140px; +} +.ap-womens { + background-position: -620px -160px; +} +.ap-restroom { + background-position: -620px -180px; +} +.ap-baby_symbol { + background-position: -620px -200px; +} +.ap-toilet { + background-position: -620px -220px; +} +.ap-wc { + background-position: -620px -240px; +} +.ap-shower { + background-position: -620px -260px; +} +.ap-bath { + background-position: -620px -280px; +} +.ap-bathtub { + background-position: -620px -400px; +} +.ap-passport_control { + background-position: -620px -420px; +} +.ap-customs { + background-position: -620px -440px; +} +.ap-baggage_claim { + background-position: -620px -460px; +} +.ap-left_luggage { + background-position: -620px -480px; +} +.ap-couch_and_lamp { + background-position: -620px -500px; +} +.ap-sleeping_accommodation { + background-position: -620px -520px; +} +.ap-shopping_bags { + background-position: -620px -540px; +} +.ap-bellhop_bell { + background-position: -620px -560px; +} +.ap-bed { + background-position: -620px -580px; +} +.ap-place_of_worship { + background-position: -620px -600px; +} +.ap-hammer_and_wrench { + background-position: -620px -620px; +} +.ap-shield { + background-position: -620px -640px; +} +.ap-oil_drum { + background-position: -620px -660px; +} +.ap-motorway { + background-position: -620px -680px; +} +.ap-railway_track { + background-position: -620px -700px; +} +.ap-motor_boat { + background-position: -620px -720px; +} +.ap-small_airplane { + background-position: -620px -740px; +} +.ap-airplane_departure { + background-position: -620px -760px; +} +.ap-airplane_arriving { + background-position: -620px -780px; +} +.ap-satellite { + background-position: -620px -800px; +} +.ap-passenger_ship { + background-position: -640px 0; +} +.ap-zipper_mouth_face { + background-position: -640px -20px; +} +.ap-money_mouth_face { + background-position: -640px -40px; +} +.ap-face_with_thermometer { + background-position: -640px -60px; +} +.ap-nerd_face { + background-position: -640px -80px; +} +.ap-thinking_face { + background-position: -640px -100px; +} +.ap-face_with_head_bandage { + background-position: -640px -120px; +} +.ap-robot_face { + background-position: -640px -140px; +} +.ap-hugging_face { + background-position: -640px -160px; +} +.ap-the_horns { + background-position: -640px -180px; +} +.ap-crab { + background-position: -640px -300px; +} +.ap-lion_face { + background-position: -640px -320px; +} +.ap-scorpion { + background-position: -640px -340px; +} +.ap-turkey { + background-position: -640px -360px; +} +.ap-unicorn_face { + background-position: -640px -380px; +} +.ap-cheese_wedge { + background-position: -640px -400px; +} +.ap-hash { + background-position: -640px -420px; +} +.ap-keycap_star { + background-position: -640px -440px; +} +.ap-zero { + background-position: -640px -460px; +} +.ap-one { + background-position: -640px -480px; +} +.ap-two { + background-position: -640px -500px; +} +.ap-three { + background-position: -640px -520px; +} +.ap-four { + background-position: -640px -540px; +} +.ap-five { + background-position: -640px -560px; +} +.ap-six { + background-position: -640px -580px; +} +.ap-seven { + background-position: -640px -600px; +} +.ap-eight { + background-position: -640px -620px; +} +.ap-nine { + background-position: -640px -640px; +} +.ap-flag-ac { + background-position: -640px -660px; +} +.ap-flag-ad { + background-position: -640px -680px; +} +.ap-flag-ae { + background-position: -640px -700px; +} +.ap-flag-af { + background-position: -640px -720px; +} +.ap-flag-ag { + background-position: -640px -740px; +} +.ap-flag-ai { + background-position: -640px -760px; +} +.ap-flag-al { + background-position: -640px -780px; +} +.ap-flag-am { + background-position: -640px -800px; +} +.ap-flag-ao { + background-position: -660px 0; +} +.ap-flag-aq { + background-position: -660px -20px; +} +.ap-flag-ar { + background-position: -660px -40px; +} +.ap-flag-as { + background-position: -660px -60px; +} +.ap-flag-at { + background-position: -660px -80px; +} +.ap-flag-au { + background-position: -660px -100px; +} +.ap-flag-aw { + background-position: -660px -120px; +} +.ap-flag-ax { + background-position: -660px -140px; +} +.ap-flag-az { + background-position: -660px -160px; +} +.ap-flag-ba { + background-position: -660px -180px; +} +.ap-flag-bb { + background-position: -660px -200px; +} +.ap-flag-bd { + background-position: -660px -220px; +} +.ap-flag-be { + background-position: -660px -240px; +} +.ap-flag-bf { + background-position: -660px -260px; +} +.ap-flag-bg { + background-position: -660px -280px; +} +.ap-flag-bh { + background-position: -660px -300px; +} +.ap-flag-bi { + background-position: -660px -320px; +} +.ap-flag-bj { + background-position: -660px -340px; +} +.ap-flag-bl { + background-position: -660px -360px; +} +.ap-flag-bm { + background-position: -660px -380px; +} +.ap-flag-bn { + background-position: -660px -400px; +} +.ap-flag-bo { + background-position: -660px -420px; +} +.ap-flag-bq { + background-position: -660px -440px; +} +.ap-flag-br { + background-position: -660px -460px; +} +.ap-flag-bs { + background-position: -660px -480px; +} +.ap-flag-bt { + background-position: -660px -500px; +} +.ap-flag-bv { + background-position: -660px -520px; +} +.ap-flag-bw { + background-position: -660px -540px; +} +.ap-flag-by { + background-position: -660px -560px; +} +.ap-flag-bz { + background-position: -660px -580px; +} +.ap-flag-ca { + background-position: -660px -600px; +} +.ap-flag-cc { + background-position: -660px -620px; +} +.ap-flag-cd { + background-position: -660px -640px; +} +.ap-flag-cf { + background-position: -660px -660px; +} +.ap-flag-cg { + background-position: -660px -680px; +} +.ap-flag-ch { + background-position: -660px -700px; +} +.ap-flag-ci { + background-position: -660px -720px; +} +.ap-flag-ck { + background-position: -660px -740px; +} +.ap-flag-cl { + background-position: -660px -760px; +} +.ap-flag-cm { + background-position: -660px -780px; +} +.ap-flag-cn { + background-position: -660px -800px; +} +.ap-flag-co { + background-position: -680px 0; +} +.ap-flag-cp { + background-position: -680px -20px; +} +.ap-flag-cr { + background-position: -680px -40px; +} +.ap-flag-cu { + background-position: -680px -60px; +} +.ap-flag-cv { + background-position: -680px -80px; +} +.ap-flag-cw { + background-position: -680px -100px; +} +.ap-flag-cx { + background-position: -680px -120px; +} +.ap-flag-cy { + background-position: -680px -140px; +} +.ap-flag-cz { + background-position: -680px -160px; +} +.ap-flag-de { + background-position: -680px -180px; +} +.ap-flag-dg { + background-position: -680px -200px; +} +.ap-flag-dj { + background-position: -680px -220px; +} +.ap-flag-dk { + background-position: -680px -240px; +} +.ap-flag-dm { + background-position: -680px -260px; +} +.ap-flag-do { + background-position: -680px -280px; +} +.ap-flag-dz { + background-position: -680px -300px; +} +.ap-flag-ea { + background-position: -680px -320px; +} +.ap-flag-ec { + background-position: -680px -340px; +} +.ap-flag-ee { + background-position: -680px -360px; +} +.ap-flag-eg { + background-position: -680px -380px; +} +.ap-flag-eh { + background-position: -680px -400px; +} +.ap-flag-er { + background-position: -680px -420px; +} +.ap-flag-es { + background-position: -680px -440px; +} +.ap-flag-et { + background-position: -680px -460px; +} +.ap-flag-eu { + background-position: -680px -480px; +} +.ap-flag-fi { + background-position: -680px -500px; +} +.ap-flag-fj { + background-position: -680px -520px; +} +.ap-flag-fk { + background-position: -680px -540px; +} +.ap-flag-fm { + background-position: -680px -560px; +} +.ap-flag-fo { + background-position: -680px -580px; +} +.ap-flag-fr { + background-position: -680px -600px; +} +.ap-flag-ga { + background-position: -680px -620px; +} +.ap-flag-gb { + background-position: -680px -640px; +} +.ap-flag-gd { + background-position: -680px -660px; +} +.ap-flag-ge { + background-position: -680px -680px; +} +.ap-flag-gf { + background-position: -680px -700px; +} +.ap-flag-gg { + background-position: -680px -720px; +} +.ap-flag-gh { + background-position: -680px -740px; +} +.ap-flag-gi { + background-position: -680px -760px; +} +.ap-flag-gl { + background-position: -680px -780px; +} +.ap-flag-gm { + background-position: -680px -800px; +} +.ap-flag-gn { + background-position: -700px 0; +} +.ap-flag-gp { + background-position: -700px -20px; +} +.ap-flag-gq { + background-position: -700px -40px; +} +.ap-flag-gr { + background-position: -700px -60px; +} +.ap-flag-gs { + background-position: -700px -80px; +} +.ap-flag-gt { + background-position: -700px -100px; +} +.ap-flag-gu { + background-position: -700px -120px; +} +.ap-flag-gw { + background-position: -700px -140px; +} +.ap-flag-gy { + background-position: -700px -160px; +} +.ap-flag-hk { + background-position: -700px -180px; +} +.ap-flag-hm { + background-position: -700px -200px; +} +.ap-flag-hn { + background-position: -700px -220px; +} +.ap-flag-hr { + background-position: -700px -240px; +} +.ap-flag-ht { + background-position: -700px -260px; +} +.ap-flag-hu { + background-position: -700px -280px; +} +.ap-flag-ic { + background-position: -700px -300px; +} +.ap-flag-id { + background-position: -700px -320px; +} +.ap-flag-ie { + background-position: -700px -340px; +} +.ap-flag-il { + background-position: -700px -360px; +} +.ap-flag-im { + background-position: -700px -380px; +} +.ap-flag-in { + background-position: -700px -400px; +} +.ap-flag-io { + background-position: -700px -420px; +} +.ap-flag-iq { + background-position: -700px -440px; +} +.ap-flag-ir { + background-position: -700px -460px; +} +.ap-flag-is { + background-position: -700px -480px; +} +.ap-flag-it { + background-position: -700px -500px; +} +.ap-flag-je { + background-position: -700px -520px; +} +.ap-flag-jm { + background-position: -700px -540px; +} +.ap-flag-jo { + background-position: -700px -560px; +} +.ap-flag-jp { + background-position: -700px -580px; +} +.ap-flag-ke { + background-position: -700px -600px; +} +.ap-flag-kg { + background-position: -700px -620px; +} +.ap-flag-kh { + background-position: -700px -640px; +} +.ap-flag-ki { + background-position: -700px -660px; +} +.ap-flag-km { + background-position: -700px -680px; +} +.ap-flag-kn { + background-position: -700px -700px; +} +.ap-flag-kp { + background-position: -700px -720px; +} +.ap-flag-kr { + background-position: -700px -740px; +} +.ap-flag-kw { + background-position: -700px -760px; +} +.ap-flag-ky { + background-position: -700px -780px; +} +.ap-flag-kz { + background-position: -700px -800px; +} +.ap-flag-la { + background-position: -720px 0; +} +.ap-flag-lb { + background-position: -720px -20px; +} +.ap-flag-lc { + background-position: -720px -40px; +} +.ap-flag-li { + background-position: -720px -60px; +} +.ap-flag-lk { + background-position: -720px -80px; +} +.ap-flag-lr { + background-position: -720px -100px; +} +.ap-flag-ls { + background-position: -720px -120px; +} +.ap-flag-lt { + background-position: -720px -140px; +} +.ap-flag-lu { + background-position: -720px -160px; +} +.ap-flag-lv { + background-position: -720px -180px; +} +.ap-flag-ly { + background-position: -720px -200px; +} +.ap-flag-ma { + background-position: -720px -220px; +} +.ap-flag-mc { + background-position: -720px -240px; +} +.ap-flag-md { + background-position: -720px -260px; +} +.ap-flag-me { + background-position: -720px -280px; +} +.ap-flag-mf { + background-position: -720px -300px; +} +.ap-flag-mg { + background-position: -720px -320px; +} +.ap-flag-mh { + background-position: -720px -340px; +} +.ap-flag-mk { + background-position: -720px -360px; +} +.ap-flag-ml { + background-position: -720px -380px; +} +.ap-flag-mm { + background-position: -720px -400px; +} +.ap-flag-mn { + background-position: -720px -420px; +} +.ap-flag-mo { + background-position: -720px -440px; +} +.ap-flag-mp { + background-position: -720px -460px; +} +.ap-flag-mq { + background-position: -720px -480px; +} +.ap-flag-mr { + background-position: -720px -500px; +} +.ap-flag-ms { + background-position: -720px -520px; +} +.ap-flag-mt { + background-position: -720px -540px; +} +.ap-flag-mu { + background-position: -720px -560px; +} +.ap-flag-mv { + background-position: -720px -580px; +} +.ap-flag-mw { + background-position: -720px -600px; +} +.ap-flag-mx { + background-position: -720px -620px; +} +.ap-flag-my { + background-position: -720px -640px; +} +.ap-flag-mz { + background-position: -720px -660px; +} +.ap-flag-na { + background-position: -720px -680px; +} +.ap-flag-nc { + background-position: -720px -700px; +} +.ap-flag-ne { + background-position: -720px -720px; +} +.ap-flag-nf { + background-position: -720px -740px; +} +.ap-flag-ng { + background-position: -720px -760px; +} +.ap-flag-ni { + background-position: -720px -780px; +} +.ap-flag-nl { + background-position: -720px -800px; +} +.ap-flag-no { + background-position: -740px 0; +} +.ap-flag-np { + background-position: -740px -20px; +} +.ap-flag-nr { + background-position: -740px -40px; +} +.ap-flag-nu { + background-position: -740px -60px; +} +.ap-flag-nz { + background-position: -740px -80px; +} +.ap-flag-om { + background-position: -740px -100px; +} +.ap-flag-pa { + background-position: -740px -120px; +} +.ap-flag-pe { + background-position: -740px -140px; +} +.ap-flag-pf { + background-position: -740px -160px; +} +.ap-flag-pg { + background-position: -740px -180px; +} +.ap-flag-ph { + background-position: -740px -200px; +} +.ap-flag-pk { + background-position: -740px -220px; +} +.ap-flag-pl { + background-position: -740px -240px; +} +.ap-flag-pm { + background-position: -740px -260px; +} +.ap-flag-pn { + background-position: -740px -280px; +} +.ap-flag-pr { + background-position: -740px -300px; +} +.ap-flag-ps { + background-position: -740px -320px; +} +.ap-flag-pt { + background-position: -740px -340px; +} +.ap-flag-pw { + background-position: -740px -360px; +} +.ap-flag-py { + background-position: -740px -380px; +} +.ap-flag-qa { + background-position: -740px -400px; +} +.ap-flag-re { + background-position: -740px -420px; +} +.ap-flag-ro { + background-position: -740px -440px; +} +.ap-flag-rs { + background-position: -740px -460px; +} +.ap-flag-ru { + background-position: -740px -480px; +} +.ap-flag-rw { + background-position: -740px -500px; +} +.ap-flag-sa { + background-position: -740px -520px; +} +.ap-flag-sb { + background-position: -740px -540px; +} +.ap-flag-sc { + background-position: -740px -560px; +} +.ap-flag-sd { + background-position: -740px -580px; +} +.ap-flag-se { + background-position: -740px -600px; +} +.ap-flag-sg { + background-position: -740px -620px; +} +.ap-flag-sh { + background-position: -740px -640px; +} +.ap-flag-si { + background-position: -740px -660px; +} +.ap-flag-sj { + background-position: -740px -680px; +} +.ap-flag-sk { + background-position: -740px -700px; +} +.ap-flag-sl { + background-position: -740px -720px; +} +.ap-flag-sm { + background-position: -740px -740px; +} +.ap-flag-sn { + background-position: -740px -760px; +} +.ap-flag-so { + background-position: -740px -780px; +} +.ap-flag-sr { + background-position: -740px -800px; +} +.ap-flag-ss { + background-position: -760px 0; +} +.ap-flag-st { + background-position: -760px -20px; +} +.ap-flag-sv { + background-position: -760px -40px; +} +.ap-flag-sx { + background-position: -760px -60px; +} +.ap-flag-sy { + background-position: -760px -80px; +} +.ap-flag-sz { + background-position: -760px -100px; +} +.ap-flag-ta { + background-position: -760px -120px; +} +.ap-flag-tc { + background-position: -760px -140px; +} +.ap-flag-td { + background-position: -760px -160px; +} +.ap-flag-tf { + background-position: -760px -180px; +} +.ap-flag-tg { + background-position: -760px -200px; +} +.ap-flag-th { + background-position: -760px -220px; +} +.ap-flag-tj { + background-position: -760px -240px; +} +.ap-flag-tk { + background-position: -760px -260px; +} +.ap-flag-tl { + background-position: -760px -280px; +} +.ap-flag-tm { + background-position: -760px -300px; +} +.ap-flag-tn { + background-position: -760px -320px; +} +.ap-flag-to { + background-position: -760px -340px; +} +.ap-flag-tr { + background-position: -760px -360px; +} +.ap-flag-tt { + background-position: -760px -380px; +} +.ap-flag-tv { + background-position: -760px -400px; +} +.ap-flag-tw { + background-position: -760px -420px; +} +.ap-flag-tz { + background-position: -760px -440px; +} +.ap-flag-ua { + background-position: -760px -460px; +} +.ap-flag-ug { + background-position: -760px -480px; +} +.ap-flag-um { + background-position: -760px -500px; +} +.ap-flag-us { + background-position: -760px -520px; +} +.ap-flag-uy { + background-position: -760px -540px; +} +.ap-flag-uz { + background-position: -760px -560px; +} +.ap-flag-va { + background-position: -760px -580px; +} +.ap-flag-vc { + background-position: -760px -600px; +} +.ap-flag-ve { + background-position: -760px -620px; +} +.ap-flag-vg { + background-position: -760px -640px; +} +.ap-flag-vi { + background-position: -760px -660px; +} +.ap-flag-vn { + background-position: -760px -680px; +} +.ap-flag-vu { + background-position: -760px -700px; +} +.ap-flag-wf { + background-position: -760px -720px; +} +.ap-flag-ws { + background-position: -760px -740px; +} +.ap-flag-xk { + background-position: -760px -760px; +} +.ap-flag-ye { + background-position: -760px -780px; +} +.ap-flag-yt { + background-position: -760px -800px; +} +.ap-flag-za { + background-position: -780px 0; +} +.ap-flag-zm { + background-position: -780px -20px; +} +.ap-flag-zw { + background-position: -780px -40px; +} +.ap-man-man-boy { + background-position: -780px -60px; +} +.ap-man-man-boy-boy { + background-position: -780px -80px; +} +.ap-man-man-girl { + background-position: -780px -100px; +} +.ap-man-man-girl-boy { + background-position: -780px -120px; +} +.ap-man-man-girl-girl { + background-position: -780px -140px; +} +.ap-man-woman-boy-boy { + background-position: -780px -160px; +} +.ap-man-woman-girl { + background-position: -780px -180px; +} +.ap-man-woman-girl-boy { + background-position: -780px -200px; +} +.ap-man-woman-girl-girl { + background-position: -780px -220px; +} +.ap-man-heart-man { + background-position: -780px -240px; +} +.ap-man-kiss-man { + background-position: -780px -260px; +} +.ap-woman-woman-boy { + background-position: -780px -280px; +} +.ap-woman-woman-boy-boy { + background-position: -780px -300px; +} +.ap-woman-woman-girl { + background-position: -780px -320px; +} +.ap-woman-woman-girl-boy { + background-position: -780px -340px; +} +.ap-woman-woman-girl-girl { + background-position: -780px -360px; +} +.ap-woman-heart-woman { + background-position: -780px -380px; +} +.ap-woman-kiss-woman { + background-position: -780px -400px; +} diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts index 63d66e81e2c..fb3789adb51 100644 --- a/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts +++ b/openmetadata-ui/src/main/resources/ui/src/constants/Feeds.constants.ts @@ -46,7 +46,7 @@ export const TOOLBAR_ITEMS = [ ['blockquote', 'code-block'], [{ list: 'ordered' }, { list: 'bullet' }], ['link'], - ['insertMention', 'insertRef', 'emoji'], + ['insertMention', 'insertRef'], ]; export enum TaskOperation { diff --git a/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js b/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js index 178b6517462..8a117de9432 100644 --- a/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js +++ b/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js @@ -116,6 +116,7 @@ module.exports = { }, alias: { process: 'process/browser', + Quill: path.resolve(__dirname, 'node_modules/quill'), // Alias for the 'quill' library in node_modules }, }, diff --git a/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js b/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js index 6f41247a27a..e7d96fa2111 100644 --- a/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js +++ b/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js @@ -115,6 +115,7 @@ module.exports = { }, alias: { process: 'process/browser', + Quill: path.resolve(__dirname, 'node_modules/quill'), // Alias for the 'quill' library in node_modules }, },