MediaWiki:Discord.css

.discord-widget-container { width: 100%; } .discord-widget .widget { border: 3px double #ad6e18; } .discord-widget.new-branding .widget-header { background-color: #ad6e18; } .discord-widget .widget-theme-light .widget-footer, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-footer, .discord-widget .widget-footer { background-color: #ad6e18; } .discord-widget .widget-theme-light .widget-footer-info, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-footer-info, .discord-widget .widget-footer .widget-footer-info { color: white; text-align: left; } .discord-widget.new-branding .widget-member-avatar img { border: 3px double #ad6e18; background-color: #ad6e18; } .discord-widget.new-branding .widget-member .widget-member-name { background-color: #ad6e18; }  .discord-widget .widget-theme-light .widget-role-name, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-role-name, .discord-widget .widget-body .widget-role-name { background: #ad6e18; border-radius: 5px; color: white; padding: 5px; } .discord-widget .widget-theme-light .widget-btn-connect, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect, .discord-widget .widget-btn-connect { background-color: white; border: 0; border-radius: 500px; color: #3a3a3a; position: relative; transition: all 0.5s; } .discord-widget .widget-theme-light .widget-btn-connect:after, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect:after, .discord-widget .widget-btn-connect:after { content: "➜"; opacity: 0; position: absolute; right: -100px; transition: 0.5s; } .discord-widget .widget-theme-light .widget-btn-connect:hover, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect:hover, .discord-widget .widget-btn-connect:hover { background-color: #b6eda8; opacity: 1; text-shadow: none; padding-right: 24px; } .discord-widget .widget-theme-light .widget-btn-connect:hover:after, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-btn-connect:hover:after, .discord-widget .widget-btn-connect:hover:after { opacity: 1; right: 20px; } .discord-widget .widget-theme-light .widget-body, .theme-fandomdesktop-light .discord-widget .widget-theme-auto .widget-body, .discord-widget .widget-body { background: url("https://static.wikia.nocookie.net/frieren/images/d/dd/Discord.png/revision/latest") top / cover; box-shadow: none; }