MediaWiki:Discord.css
From 18TRIP Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Discord Custom Widget - idea copied from Shining Nikki Wiki */
.discord-widget .widget-header, .discord-widget .widget-footer, .theme-fandomdesktop-light .discord-widget .widget-header, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-footer {
background-color: #323232;
}
.discord-widget .widget-footer .widget-footer-info, .theme-fandomdesktop-light .discord-widget .widget-footer .widget-footer-info {
color: #C8FF46;
}
.discord-widget .widget-member-avatar img {
border: 2px solid #C8FF46;
background-color: #C8FF46;
}
.discord-widget .widget-member .widget-member-name {
background-color: #C8FF46;
color: #323232;
}
.discord-widget .widget-theme-auto .widget-btn-connect, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect {
color: #323232;
background-color: #C8FF46;
border: 0;
}
.discord-widget .widget-theme-auto .widget-body, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-body {
background: var(--theme-page-background-color) url(https://static.wikia.nocookie.net/18trip/images/a/ac/Widget_Background.png/revision/latest?cb=20240402024954) top / cover;
border: 2px solid #323232;
}
.discord-widget .widget-body .widget-role-name, .theme-fandomdesktop-light .discord-widget .widget-body .widget-role-name {
color: #C8FF46;
background: #323232;
padding: 5px;
border-radius: 5px;
}