MediaWiki:ImageSvgs.css

/* Portable Infobox Arrow */ .portable-infobox .pi-collapse .pi-header:first-child::after { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg"); background-color: black !important; background-image: none !important; width: 20px; height: 20px; top: 40%; transform: rotate(180deg); display: block; margin-top: -6px; right: 10px; border: none; transition: transform cubic-bezier(0.1, 2, 1, 1) 0.25s; }

.portable-infobox .pi-collapse-closed .pi-header:first-child::after { transform: none; }

/* WikiaBarWrapper Gear */ .WikiaFooter .toolbar .tools .sprite.gear, .WikiaBarWrapper .toolbar .tools .sprite.gear { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-gear-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-gear-tiny.svg"); background-color: white; background-image: none !important; } .WikiaFooter .toolbar .tools .sprite.gear, .WikiaBarWrapper .toolbar .tools .sprite.gear:hover { transform: rotate(180deg); transition: 0.8s ease; } /* Edit Pencil */ .skin-oasis .sprite.edit-pencil, .user-identity-box-edit svg { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); background: currentColor; margin-right: 3px; background-image: none !important; border: 0; } /* Custom Notifications "X" */ .skin-oasis .sprite.close-notification { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-close-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-close-tiny.svg"); background-color: black; background-image: none !important; width: 11px; height: 10px; top: 7px; right: 8px; border: 0 !important; } /** Wiki Activity **/ /* Talk [Speech Bubble] */ .skin-oasis .sprite.talk { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble.svg"); background: var(--link-theme-normal); width: 20px; height: 20px; } /* Edit [Edited a page] */ .skin-oasis .sprite.edit { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); background: var(--link-theme-normal); width: 20px; height: 20px; } /* New [Adding new page] */ .skin-oasis .sprite.new { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-circle-plus.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-circle-plus.svg"); background: var(--link-theme-normal); width: 20px; height: 20px; } /* Categorization [Adding categories] */ .skin-oasis .sprite.categorization { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background: var(--link-theme-normal) !important; width: 20px; height: 20px; } /* Activity Feed Difference [Edit differences] */ a.activityfeed-diff { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-tiny.svg"); background: var(--link-theme-normal) !important; background-image: none !important; width: 15px; height: 15px; top: 500px; margin: 0 0 0 3px; display: inline-block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .activityfeed-diff img { visibility: hidden; }

/* Deletion [Deleting a page] */

.activityfeed img.delete.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); background-color: var(--link-theme-normal) !important; background-image: none !important; width: 20px; height: 20px; }

/* Add Photo [Add a new photo] */

.activityfeed img.photo.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image-add.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image-add.svg"); background-image: none !important; background: var(--link-theme-normal); width: 20px; height: 20px; } /** Comment + Message Wall Buttons **/

span.cke_icon { background: none !important; } /* Add Video */ .MiniEditorWrapper .toolbar .cke_button .RTEVideoButton .cke_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-video-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-video-small.svg"); background-color: var(--body-color) !important; background-image: none !important; border: 0px solid black !important; width: 19px !important; height: 19px !important; margin-top: 2%; margin-left: 12% !important; } .MiniEditorWrapper .toolbar .cke_button .RTEVideoButton { background: #fafafa !important; border: 1px solid #dbdbdb !important; margin-left: -1%; } /* Add Image */ .MiniEditorWrapper .toolbar .cke_button .RTEImageButton .cke_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image.svg"); background-color: var(--body-color) !important; background-image: none !important; border: 0px solid black !important; width: 18px !important; height: 18px !important; margin-left: 14% !important; margin-top: 4% !important; } .MiniEditorWrapper .toolbar .cke_button .RTEImageButton { background: #fafafa !important; border: 1px solid #dbdbdb !important; margin-left: -1%; } /* Bold */ .MiniEditorWrapper .toolbar .cke_button.cke_button_bold .cke_icon, .MiniEditorWrapper .toolbar a.cke_button .cke_button_icon.cke_button__bold_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bold-small.svg") !important; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bold-small.svg") !important; background: var(--body-color) !important; background-image: none !important; border: 0px solid black !important; } /* Italic */ .MiniEditorWrapper .toolbar .cke_button.cke_button_italic .cke_icon, .MiniEditorWrapper .toolbar a.cke_button .cke_button_icon.cke_button__italic_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-italics-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-italics-small.svg"); background: var(--body-color) !important; background-image: none !important; border: 0px solid black !important; width: 16px; height: 16px; } /* Add Link */ .MiniEditorWrapper .toolbar .cke_button.cke_button_link .cke_icon, .MiniEditorWrapper .toolbar a.cke_button .cke_button_icon.cke_button__link_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-link.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-link.svg"); background: var(--body-color) !important; background-image: none !important; border: 0px solid black !important; width: 17px; height:17px; } /* Visual */ .MiniEditorWrapper .toolbar a.cke_button .cke_button_icon.cke_button__modewysiwyg_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-small.svg"); background: var(--body-color); background-image: none !important; border: 0px solid black !important; width: 16px; height: 16px; } /* Trash Can/Remove */ .skin-oasis .sprite.remove { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); background-color: var(--link-theme-normal) !important; background-image: none !important; width: 20px; height: 20px; } /* Special:RecentChanges */ .mw-made-collapsible .mw-collapsible-toggle .mw-rc-openarrow img, .mw-made-collapsible .mw-collapsible-toggle .mw-rc-closearrow img { display: none; } .rc-conntent .mw-made-collapsible .mw-collapsible-toggle { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg") !important; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg") !important; background-color: currentColor; background-image: none !important; border: none !important; top: 50% !important; height: 15px; right: 10px !important; transition: transform cubic-bezier(0.8,1.52,0.3,1.5) 0.25s !important; width: 15px; } .rc-conntent .mw-made-collapsible .mw-collapsible-toggle-expanded { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg"); background-color: currentColor; background-image: none !important; border: none !important; top: 50% !important; height: 15px; right: 10px !important; transform: rotate(-90deg); width: 15px; }

/* Admin Dashboard */

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addpage { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pages.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pages.svg"); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; margin-left: 2px; margin-top: 1px; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addphoto { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-image.svg"); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; margin-top: 2px; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.addvideo { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-video-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-video-small.svg"); background-image: none !important; background: var(--link-theme-normal); width: 38px; height: 38px; margin-left: 1px; margin-top: 2px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.createblog { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bubble.svg"); background-image: none !important; background: var(--link-theme-normal); width: 35px; height: 35px; margin-left: 1px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.categories { -webkit-mask-image: url('data:image/svg+xml;utf8, '); mask-image: url('data:image/svg+xml;utf8, '); background-image: none !important; background: var(--link-theme-normal); width: 35px; height: 35px; margin-left: 0.5px; margin-top: 1px; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.specialcsstool { -webkit-mask-image: url("data:image/svg+xml;utf8, "); mask-image: url("data:image/svg+xml;utf8, "); background-image: none !important; background: var(--link-theme-normal); width: 35px; height: 35px; margin-left: 0.5px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.help { -webkit-mask-image: url("data:image/svg+xml;utf8, "); mask-image: url("data:image/svg+xml;utf8, "); background-image: none !important; background: var(--link-theme-normal); width: 45px; height: 45px; margin-left: 0.5px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.userlist { -webkit-mask-image: url("data:image/svg+xml;utf8, "); -webkit-mask-image: url("data:image/svg+xml;utf8, "); background-image: none !important; background: var(--link-theme-normal); width: 45px; height: 45px; margin-left: 0.5px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.communitycorner { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/> "); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/> "); background-image: none !important; background: var(--link-theme-normal); width: 42px; height: 42px; margin-left: 0.5px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.userrights { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M16.3,6c-0.4-1-0.2-2.5-1-3.3c-0.8-0.8-2.3-0.5-3.3-1C11,1.2,10.2,0,9,0S7,1.2,6,1.7c-1,0.4-2.5,0.2-3.3,1 C1.9,3.4,2.1,4.9,1.7,6C1.2,7,0,7.8,0,9s1.2,2,1.7,3c0.4,1,0.2,2.5,1,3.3c0.8,0.8,2.3,0.5,3.3,1C7,16.8,7.8,18,9,18s2-1.2,3-1.7 c1-0.4,2.5-0.2,3.3-1c0.8-0.8,0.5-2.3,1-3.3c0.4-1,1.7-1.9,1.7-3S16.8,7,16.3,6z M12.8,8.4l-1.6,1.5l0.4,2.1c0,0.1,0,0.2-0.1,0.3 c-0.1,0.2-0.4,0.3-0.7,0.2l-1.9-1l-1.9,1c-0.1,0-0.2,0.1-0.3,0c-0.3,0-0.5-0.3-0.4-0.6l0.4-2.1L5.2,8.4C5.1,8.3,5,8.2,5,8.1 c0-0.3,0.1-0.5,0.4-0.6l2.2-0.3l1-2c0.2-0.4,0.7-0.4,0.9,0l1,2l2.2,0.3c0.1,0,0.2,0.1,0.3,0.1C13,7.9,13,8.2,12.8,8.4z\"/> "); mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M16.3,6c-0.4-1-0.2-2.5-1-3.3c-0.8-0.8-2.3-0.5-3.3-1C11,1.2,10.2,0,9,0S7,1.2,6,1.7c-1,0.4-2.5,0.2-3.3,1 C1.9,3.4,2.1,4.9,1.7,6C1.2,7,0,7.8,0,9s1.2,2,1.7,3c0.4,1,0.2,2.5,1,3.3c0.8,0.8,2.3,0.5,3.3,1C7,16.8,7.8,18,9,18s2-1.2,3-1.7 c1-0.4,2.5-0.2,3.3-1c0.8-0.8,0.5-2.3,1-3.3c0.4-1,1.7-1.9,1.7-3S16.8,7,16.3,6z M12.8,8.4l-1.6,1.5l0.4,2.1c0,0.1,0,0.2-0.1,0.3 c-0.1,0.2-0.4,0.3-0.7,0.2l-1.9-1l-1.9,1c-0.1,0-0.2,0.1-0.3,0c-0.3,0-0.5-0.3-0.4-0.6l0.4-2.1L5.2,8.4C5.1,8.3,5,8.2,5,8.1 c0-0.3,0.1-0.5,0.4-0.6l2.2-0.3l1-2c0.2-0.4,0.7-0.4,0.9,0l1,2l2.2,0.3c0.1,0,0.2,0.1,0.3,0.1C13,7.9,13,8.2,12.8,8.4z\"/> "); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; margin-left: 0.5px; margin-top: 1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.themedesigner { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); background-image: none !important; background: var(--link-theme-normal); width: 38px; height: 38px; margin-left: 2px; margin-top: 0px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.recentchanges { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13.26 3C8.17 2.86 4 6.95 4 12H2.21c-.45 0-.67.54-.35.85l2.79 2.8c.2.2.51.2.71 0l2.79-2.8c.31-.31.09-.85-.36-.85H6c0-3.9 3.18-7.05 7.1-7 3.72.05 6.85 3.18 6.9 6.9.05 3.91-3.1 7.1-7 7.1-1.61 0-3.1-.55-4.28-1.48-.4-.31-.96-.28-1.32.08-.42.42-.39 1.13.08 1.49C9 20.29 10.91 21 13 21c5.05 0 9.14-4.17 9-9.26-.13-4.69-4.05-8.61-8.74-8.74zm-.51 5c-.41 0-.75.34-.75.75v3.68c0 .35.19.68.49.86l3.12 1.85c.36.21.82.09 1.03-.26.21-.36.09-.82-.26-1.03l-2.88-1.71v-3.4c0-.4-.34-.74-.75-.74z\"/> "); background-image: none !important; background: var(--link-theme-normal); width: 45px; height: 45px; margin-left: 0px; margin-top: -1px; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.topnavigation { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-list-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page-list-small.svg"); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.wikifeatures { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dashboard-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dashboard-small.svg"); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .icon.multipleupload { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"/> "); mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"/> "); background-image: none !important; background: var(--link-theme-normal); width: 40px; height: 40px; }

/* Recent Blog Posts Speech Bubble */

a.comments > .commentsbubble { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reply-tiny.svg"); background: var(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 20px; height: 20px !important; background-image: none !important; color: var(--body-color) !important; line-height: 20px !important; font-weight: bold; border: 0; }

a.comments > .commentsbubble::before, a.comments > .commentsbubble::after { display: none; }

/* Categories */

.CategorySelect.articlePage .tool.edit { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); background: var(--link-theme-normal); height: 14px; width: 14px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.CategorySelect.articlePage .tool.delete { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash.svg"); background-color: var(--link-theme-normal) !important; background-image: none !important; width: 14px; height: 14px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

/* Toolbar "My Tools" Arrow */

.WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-dropdown-tiny.svg"); background-color: var(--polar-1) !important; background-image: none !important; height: 4px; width: 4.5px; transition: transform 0.35s cubic-bezier(0.66, 0.52, 0.26, 1) 0s; }

/* External Links - SVGs taken from mxdangers.wikia.com */

/** https://corp.roblox.com/press-kit/ **/ a[href*=roblox\.com]::after { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 226.8 226.8\" style=\"fill:currentColor\"><path d=\"M46.4,0L0,180.4l180.4,46.4l46.4-180.4L46.4,0z M126.5,135.5l-35.2-9.1l9.1-35.2l35.2,9.1L126.5,135.5z\" fill-rule=\"evenodd\"> ") !important; mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 226.8 226.8\" style=\"fill:currentColor\"><path d=\"M46.4,0L0,180.4l180.4,46.4l46.4-180.4L46.4,0z M126.5,135.5l-35.2-9.1l9.1-35.2l35.2,9.1L126.5,135.5z\" fill-rule=\"evenodd\"> ") !important; background: var(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

/* Customize */

/** Delete **/

.MyToolsConfiguration .options-list img.sprite.trash { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-trash-small.svg"); background-color: currentColor; background-image: none; width: 17px; height: 17px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }

/** Drag **/

.MyToolsConfiguration .options-list img.sprite.drag { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z\"/> "); mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z\"/> "); background-image: none; background: currentColor; width: 22px; height: 22px; margin-right: -4px !important; margin-top: -2px !important; }

/** Folder **/

.MyToolsConfiguration .options-list .folder-icon { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M48,14.4v24c0,2.6-2.2,4.8-4.8,4.8H4.8C2.2,43.2,0,41,0,38.4V9.6C0,7,2.2,4.8,4.8,4.8h12l4.8,4.8h21.6 C45.8,9.6,48,11.8,48,14.4z\"/> '); mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M48,14.4v24c0,2.6-2.2,4.8-4.8,4.8H4.8C2.2,43.2,0,41,0,38.4V9.6C0,7,2.2,4.8,4.8,4.8h12l4.8,4.8h21.6 C45.8,9.6,48,11.8,48,14.4z\"/> '); background-image: none !important; background: var(--link-theme-normal); margin-bottom: -3px !important; }