diff --git a/src/assets/images/chat/chatbubbles/bubble_39.png b/src/assets/images/chat/chatbubbles/bubble_39.png new file mode 100644 index 0000000..4dddcba Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_39.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_39_pointer.png b/src/assets/images/chat/chatbubbles/bubble_39_pointer.png new file mode 100644 index 0000000..b73b25b Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_39_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_40.png b/src/assets/images/chat/chatbubbles/bubble_40.png new file mode 100644 index 0000000..0c14786 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_40.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_40_pointer.png b/src/assets/images/chat/chatbubbles/bubble_40_pointer.png new file mode 100644 index 0000000..b73b25b Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_40_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_41.png b/src/assets/images/chat/chatbubbles/bubble_41.png new file mode 100644 index 0000000..e5d1049 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_41.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_41_pointer.png b/src/assets/images/chat/chatbubbles/bubble_41_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_41_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_42.png b/src/assets/images/chat/chatbubbles/bubble_42.png new file mode 100644 index 0000000..0d0b56f Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_42.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_42_pointer.png b/src/assets/images/chat/chatbubbles/bubble_42_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_42_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_43.png b/src/assets/images/chat/chatbubbles/bubble_43.png new file mode 100644 index 0000000..d328a02 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_43.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_43_pointer.png b/src/assets/images/chat/chatbubbles/bubble_43_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_43_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_44.png b/src/assets/images/chat/chatbubbles/bubble_44.png new file mode 100644 index 0000000..9f092f7 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_44.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_44_pointer.png b/src/assets/images/chat/chatbubbles/bubble_44_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_44_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_45.png b/src/assets/images/chat/chatbubbles/bubble_45.png new file mode 100644 index 0000000..79c77e4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_45.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_45_pointer.png b/src/assets/images/chat/chatbubbles/bubble_45_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_45_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_46.png b/src/assets/images/chat/chatbubbles/bubble_46.png new file mode 100644 index 0000000..0db754d Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_46.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_46_pointer.png b/src/assets/images/chat/chatbubbles/bubble_46_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_46_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_47.png b/src/assets/images/chat/chatbubbles/bubble_47.png new file mode 100644 index 0000000..7e566f4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_47.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_47_pointer.png b/src/assets/images/chat/chatbubbles/bubble_47_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_47_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_48.png b/src/assets/images/chat/chatbubbles/bubble_48.png new file mode 100644 index 0000000..74a5751 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_48.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_48_pointer.png b/src/assets/images/chat/chatbubbles/bubble_48_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_48_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_49.png b/src/assets/images/chat/chatbubbles/bubble_49.png new file mode 100644 index 0000000..0dc74ec Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_49.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_49_pointer.png b/src/assets/images/chat/chatbubbles/bubble_49_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_49_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_50.png b/src/assets/images/chat/chatbubbles/bubble_50.png new file mode 100644 index 0000000..efe1680 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_50.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_50_pointer.png b/src/assets/images/chat/chatbubbles/bubble_50_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_50_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_51.png b/src/assets/images/chat/chatbubbles/bubble_51.png new file mode 100644 index 0000000..9bdddcb Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_51.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_51_pointer.png b/src/assets/images/chat/chatbubbles/bubble_51_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_51_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_52.png b/src/assets/images/chat/chatbubbles/bubble_52.png new file mode 100644 index 0000000..baeed11 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_52.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_52_pointer.png b/src/assets/images/chat/chatbubbles/bubble_52_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_52_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_53.png b/src/assets/images/chat/chatbubbles/bubble_53.png new file mode 100644 index 0000000..32eb3e4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_53.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_53_pointer.png b/src/assets/images/chat/chatbubbles/bubble_53_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_53_pointer.png differ diff --git a/src/css/chat/chats.css b/src/css/chat/chats.css index 865f17e..3409c53 100644 --- a/src/css/chat/chats.css +++ b/src/css/chat/chats.css @@ -622,6 +622,186 @@ background: url('@/assets/images/chat/chatbubbles/bubble_38_pointer.png'); } } + + &.bubble-39 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_37.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_39_pointer.png'); + } + } + + &.bubble-40 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_40.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_40_pointer.png'); + } + } + + &.bubble-41 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_41.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_41_pointer.png'); + } + } + + &.bubble-42 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_42.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_42_pointer.png'); + } + } + + &.bubble-43 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_43.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_43_pointer.png'); + } + } + + &.bubble-44 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_44.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_44_pointer.png'); + } + } + + &.bubble-45 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_45.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_45_pointer.png'); + } + } + + &.bubble-46 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_46.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_46_pointer.png'); + } + } + + &.bubble-47 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_47.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_47_pointer.png'); + } + } + + &.bubble-48 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_48.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_48_pointer.png'); + } + } + + &.bubble-49 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_49.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_49_pointer.png'); + } + } + + &.bubble-50 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_50.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_50_pointer.png'); + } + } + + &.bubble-51 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_51.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_51_pointer.png'); + } + } + + &.bubble-52 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_52.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_52_pointer.png'); + } + } + + &.bubble-53 { + border-image-source: url('@/assets/images/chat/chatbubbles/bubble_53.png'); + + border-image-slice: 16 6 7 32 fill; + border-image-width: 16px 6px 7px 32px; + border-image-outset: 5px 0px 0px 3px; + + .pointer { + background: url('@/assets/images/chat/chatbubbles/bubble_53_pointer.png'); + } + } .user-container { z-index: 3; @@ -853,4 +1033,64 @@ background: url('@/assets/images/chat/chatbubbles/bubble_38_extra.png'); } } + + &.bubble-39 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_39.png'); + } + + &.bubble-40 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_40.png'); + } + + &.bubble-41 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_41.png'); + } + + &.bubble-42 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_42.png'); + } + + &.bubble-43 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_43.png'); + } + + &.bubble-44 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_44.png'); + } + + &.bubble-45 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_45.png'); + } + + &.bubble-46 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_46.png'); + } + + &.bubble-47 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_47.png'); + } + + &.bubble-48 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_48.png'); + } + + &.bubble-49 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_49.png'); + } + + &.bubble-50 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_50.png'); + } + + &.bubble-51 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_51.png'); + } + + &.bubble-52 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_52.png'); + } + + &.bubble-53 { + background-image: url('@/assets/images/chat/chatbubbles/bubble_53.png'); + } } \ No newline at end of file