MediaWiki:DiscordModule/style.css

/* CSS for DiscordModule Script */ .discord-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.discord-svg path { fill: currentColor; opacity: 0.75; }

.discord-icon { width: auto; height: 20px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain }

.discord-container.rail-module { display: block; width: 300px } .discord-header, .discord-list-header { width: 100%; margin-bottom: 5px !important; font-weight: bold; height: 30px; font-size: 20px } .discord-guideline { width: 75%; font-size: 12px; line-height: 22px; } .discord-connect { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 25%; } .discord-join { font-size: 12px; margin-bottom: 5px; margin-right: 12px; } .discord-online { cursor: pointer; } .discord-list { list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 0 0 15px !important } .discord-member { font-size: 12px; vertical-align: middle; width: 100%; line-height: 23px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; text-overflow: ellipsis } .discord-avatar { display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex } .discord-avatar img { border-radius: 100%; margin-right: 4px; width: 20px; height: 20px } .discord-avatar:after { display: block; background-color: #43b581; width: 6px; height: 6px; content: " "; border-radius: 100%; position: relative; top: 14px; right: 7px } .discord-avatar.discord-idle:after { background-color: rgb(250,166,26) } .discord-avatar.discord-dnd:after { background-color: rgb(240,71,71) } .discord-bot { background: #7289da; font-size: 10px; font-weight: 600; color: #fff; margin-left: 6px; padding: 1px 2px; border-radius: 3px; line-height: 15px; } .discord-error { font-weight: bold; text-align: center; color: red; }

/* For settings panel */ .ds-header { font-size: 20px; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid currentColor; padding-bottom: 3px; }

.ds-id-instruction { font-size: 10px; line-height: 13px; }

width: 96.5%; }
 * 1) ds-form-id {

height: 80px; width: 99.2%; }
 * 1) ds-description-input, .ds-generated {

.ds-flag { display: block; }

margin: 0 10px; }
 * 1) ds-buttons .ds-reset {

margin: 3px 0 6px; }
 * 1) ds-buttons {