MediaWiki:ImageSvgs.css

/** The purpose of this css page is to replace the old sprites with modern svg icons. Credits to the Pet Simulator Wiki, Mxdanger, Enreancer Test Wiki and the Build a Boat For Treasure Wiki for these codes **/ /* 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: currentColor !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; }

/* Wikia Bar */ /*Arrow/collapsed arrow*/ a.arrow { -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: var(--polar-1) ; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

a.wikia-bar-collapse, .wikia-bar-collapse { -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: var(--polar-1) ; -webkit-transform: scale(0.5)rotate(180deg); -ms-transform: scale(0.5)rotate(180deg); transform: scale(0.5)rotate(180deg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.WikiaBarCollapseWrapper a, .WikiaBarCollapseWrapper { background-image:none }

/*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: currentColor !important; background-image: none !important; } .WikiaFooter .toolbar .tools .sprite.gear, .WikiaBarWrapper .toolbar .tools .sprite.gear:hover { transform: rotate(180deg); transition: 0.8s ease; }

/*"My Tools" Arrow and vice versa*/ .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: currentColor; background-image: none !important; height: 4px; width: 4.5px; transition: transform 0.35s cubic-bezier(0.66, 0.52, 0.26, 1) 0s; }

/* External Link */ a.external::after { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external-small.svg"); background: currentColor !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; width: 10px !important; height: 10px !important; } /* 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; }

.sprite-small.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: currentColor; margin-right: 3px; background-image: none !important; border: 0; }

/* Pad Lock */ .skin-oasis .sprite.lock { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-lock.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-lock.svg"); background: currentColor; margin-right: 3px; background-image: none !important; border: 0; background-size: 15px !important; height: 15px !important; width: 15px !important; } /* 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"); -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; background-color: currentColor; background-image: none !important; width: 11px; height: 10px; top: 7px; right: 8px; border: 0 !important; }

/* Add a photo to a gallery sprite */ .skin-oasis .sprite.photo { -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-small.svg"); background: currentColor; background-image: none !important; border: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

/* Create a new blog sprite */ .skin-oasis .sprite.blog { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-page.svg"); background: currentColor; background-image: none !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; border: 0; }

/** Wiki Activity **/ /* 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; 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 **/ /* 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.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-video.svg"); background-color: var(--link-theme-normal) !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; }

.MiniEditorWrapper .toolbar .cke_button .RTEVideoButton { 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(--link-theme-normal) !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; }

.MiniEditorWrapper .toolbar .cke_button .RTEImageButton { margin-left: -1%; }

/* Bold */ .MiniEditorWrapper .toolbar .cke_button.cke_button_bold .cke_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bold.svg") !important; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bold.svg") !important; background: var(--link-theme-normal) !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; } .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.svg") !important; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-bold.svg") !important; background: var(--link-theme-normal) !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; } /* Italic */ .MiniEditorWrapper .toolbar .cke_button.cke_button_italic .cke_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-italics.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-italics.svg"); background: var(--link-theme-normal) !important; background-image: none !important; } .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.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-italics.svg"); background: var(--link-theme-normal) !important; background-image: none !important; }

/* Add Link */ .MiniEditorWrapper .toolbar .cke_button.cke_button_link .cke_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(--link-theme-normal) !important; background-image: none !important; } .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(--link-theme-normal) !important; background-image: none !important; }

/* 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(--link-theme-normal) !important; background-image: none !important; }

/* Source */ .MiniEditorWrapper .toolbar a.cke_button .cke_button_icon.cke_button__modesource_icon { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-preformat-small.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-preformat-small.svg"); background: var(--link-theme-normal) !important; background-image: none !important; }

/* 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; }

/* Social Media Icons */ img.twitter.icon { -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-twitter.svg'); mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-twitter.svg'); background: var(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } img.website.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(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } img.facebook.icon { -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-facebook.svg'); mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-facebook.svg'); background: var(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } img.discord.icon { -webkit-mask-image: url('data:image/svg+xml;utf8,<path d=\"M154.5,0h-134C9.2,0,0,9.2,0,20.6v135.2c0,11.4,9.2,20.6,20.5,20.6h113.4l-5.3-18.5l12.8,11.9l12.1,11.2l21.5,19V20.6 C175,9.2,165.8,0,154.5,0z M123,141.3c0,0-4.5-5.4-8.3-10.2c16.4-4.6,22.7-14.9,22.7-14.9c-5.1,3.4-10,5.8-14.4,7.4 c-6.3,2.6-12.3,4.4-18.2,5.4c-12,2.3-23.1,1.6-32.5-0.1c-7.2-1.4-13.3-3.4-18.4-5.4c-2.9-1.1-6-2.5-9.2-4.3 c-0.4-0.3-0.8-0.4-1.1-0.6c-0.3-0.1-0.4-0.3-0.5-0.4c-2.1-1.2-3.3-2-3.5-2.1c0.2,0.3,6.3,10.1,21.9,14.8c-3.8,4.8-8.4,10.4-8.4,10.4 c-27.7-0.9-38.3-19.1-38.3-19.1c0-40.4,18.1-73.1,18.1-73.1C51,35.5,68.2,35.9,68.2,35.9l1.3,1.5c-22.6,6.5-33,16.4-33,16.4 s2.8-1.5,7.4-3.6c13.4-5.9,24.1-7.5,28.5-7.9c0.8-0.1,1.4-0.3,2.1-0.3c7.7-1,16.3-1.3,25.3-0.3c11.9,1.4,24.7,4.9,37.8,12 c0,0-9.9-9.4-31.2-15.9l1.8-2c0,0,17.2-0.4,35.3,13.2c0,0,18.1,32.7,18.1,73.1C161.4,122.2,150.7,140.4,123,141.3z\">  ') ; mask-image: url('data:image/svg+xml;utf8,<path d=\"M154.5,0h-134C9.2,0,0,9.2,0,20.6v135.2c0,11.4,9.2,20.6,20.5,20.6h113.4l-5.3-18.5l12.8,11.9l12.1,11.2l21.5,19V20.6 C175,9.2,165.8,0,154.5,0z M123,141.3c0,0-4.5-5.4-8.3-10.2c16.4-4.6,22.7-14.9,22.7-14.9c-5.1,3.4-10,5.8-14.4,7.4 c-6.3,2.6-12.3,4.4-18.2,5.4c-12,2.3-23.1,1.6-32.5-0.1c-7.2-1.4-13.3-3.4-18.4-5.4c-2.9-1.1-6-2.5-9.2-4.3 c-0.4-0.3-0.8-0.4-1.1-0.6c-0.3-0.1-0.4-0.3-0.5-0.4c-2.1-1.2-3.3-2-3.5-2.1c0.2,0.3,6.3,10.1,21.9,14.8c-3.8,4.8-8.4,10.4-8.4,10.4 c-27.7-0.9-38.3-19.1-38.3-19.1c0-40.4,18.1-73.1,18.1-73.1C51,35.5,68.2,35.9,68.2,35.9l1.3,1.5c-22.6,6.5-33,16.4-33,16.4 s2.8-1.5,7.4-3.6c13.4-5.9,24.1-7.5,28.5-7.9c0.8-0.1,1.4-0.3,2.1-0.3c7.7-1,16.3-1.3,25.3-0.3c11.9,1.4,24.7,4.9,37.8,12 c0,0-9.9-9.4-31.2-15.9l1.8-2c0,0,17.2-0.4,35.3,13.2c0,0,18.1,32.7,18.1,73.1C161.4,122.2,150.7,140.4,123,141.3z\">  ') ; background: var(--link-theme-normal) !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

/* Recent Changes */ .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: currentColor !important; height: 15px; width: 15px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } span.mw-collapsible-toggle.mw-collapsible-toggle-expanded { -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .mw-rc-openarrow img, .mw-rc-closearrow img { display: none; }

/* 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,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/> "); -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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/> "); 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; } /* 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; } /* 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; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .sprite-small.delete { -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; 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; }