MediaWiki:CustomDiscordIntegrator.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /** Credit to the MLP and Calvin & Hobbes Wikis **/ @import url('https://fonts.googleapis.com/css?family=Lato');

border: 0 !important; font-family: inherit !important; font-size: 100%; font-style: inherit !important; font-weight: inherit !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; vertical-align: baseline !important; } margin-left: -5% !important; }
 * 1) discord-widget-container a,
 * 2) discord-widget-container abbr,
 * 3) discord-widget-container acronym,
 * 4) discord-widget-container address,
 * 5) discord-widget-container applet,
 * 6) discord-widget-container big,
 * 7) discord-widget-container blockquote,
 * 8) discord-widget-container body,
 * 9) discord-widget-container caption,
 * 10) discord-widget-container cite,
 * 11) discord-widget-container code,
 * 12) discord-widget-container dd,
 * 13) discord-widget-container del,
 * 14) discord-widget-container dfn,
 * 15) discord-widget-container div,
 * 16) discord-widget-container dl,
 * 17) discord-widget-container dt,
 * 18) discord-widget-container em,
 * 19) discord-widget-container fieldset,
 * 20) discord-widget-container form,
 * 21) discord-widget-container h1,
 * 22) discord-widget-container h2,
 * 23) discord-widget-container h3,
 * 24) discord-widget-container h4,
 * 25) discord-widget-container h5,
 * 26) discord-widget-container h6,
 * 27) discord-widget-container html,
 * 28) discord-widget-container iframe,
 * 29) discord-widget-container img,
 * 30) discord-widget-container ins,
 * 31) discord-widget-container kbd,
 * 32) discord-widget-container label,
 * 33) discord-widget-container legend,
 * 34) discord-widget-container li,
 * 35) discord-widget-container object,
 * 36) discord-widget-container ol,
 * 37) discord-widget-container p,
 * 38) discord-widget-container pre,
 * 39) discord-widget-container q,
 * 40) discord-widget-container s,
 * 41) discord-widget-container samp,
 * 42) discord-widget-container small,
 * 43) discord-widget-container span,
 * 44) discord-widget-container strike,
 * 45) discord-widget-container strong,
 * 46) discord-widget-container sub,
 * 47) discord-widget-container sup,
 * 48) discord-widget-container table,
 * 49) discord-widget-container tbody,
 * 50) discord-widget-container td,
 * 51) discord-widget-container tfoot,
 * 52) discord-widget-container th,
 * 53) discord-widget-container thead,
 * 54) discord-widget-container tr,
 * 55) discord-widget-container tt,
 * 56) discord-widget-container ul,
 * 57) discord-widget-container var {
 * 1) discord-widget-container {

list-style: none !important; }   border: none !important; } @font-face { font-family: sans-serif !important; font-style: normal !important; font-weight: 500 !important; } @font-face { font-family: sans-serif !important; font-style: medium !important; font-weight: 600 !important; } @font-face { font-family: sans-serif !important; font-style: bold !important; font-weight: 700 !important; }   -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }   background-color: transparent !important; line-height: 1 !important; height: 400px !important; width: 300px !important; margin-right: 10px !important; }   bottom: 0 !important; color: #fff !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; font-family: sans-serif !important; font-size: 14px !important; height: 100%; width: 100%; }   color: #fff !important; text-decoration: none !important; }   font-weight: 700 !important; }   -ms-flex: 1 !important; -ms-flex-direction: column !important; -webkit-box-direction: normal !important; -webkit-box-flex: 1 !important; -webkit-box-orient: vertical !important; border-radius: 5px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex: 1 !important; flex-direction: column !important; overflow: hidden !important; }   -ms-flex-align: center !important; -ms-flex-pack: center !important; -webkit-box-align: center !important; -webkit-box-pack: center !important; align-items: center !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: center !important; }   -webkit-transition: opacity .25s ease-out !important; background: url(https://discordapp.com/assets/35d75407bd75d70e84e945c9f879bab8.svg) 50% no-repeat !important; background-size: 124px 34px !important; display: inline-block !important; height: 34px !important; transition: opacity .25s ease-out !important; width: 124px !important; }   opacity: .6 !important; }   -ms-flex-align: center !important; -ms-flex-negative: 0 !important; -webkit-box-align: center !important; align-items: center !important; background-color: #feb734 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-shrink: 0 !important; padding: 20px !important; }   -ms-flex: 1 !important; -webkit-box-flex: 1 !important; flex: 1 !important; text-align: right !important; }   -ms-flex-align: center !important; -ms-flex-negative: 0 !important; -webkit-box-align: center !important; -webkit-box-shadow: 0 -1px 18px rgba(0, 0, 0, .2), 0 -1px 0 rgba(0, 0, 0, .2); align-items: center !important; background-color: #f8f8f8 !important; box-shadow: 0 -1px 18px rgba(0, 0, 0, .2), 0 -1px 0 rgba(0, 0, 0, .2); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-shrink: 0 !important; min-height: 30px !important; padding: 6px 6px 6px 6px !important; color: #999 !important; }   color: #b27401 !important; }   -ms-flex: 1 !important; -webkit-box-flex: 1 !important; display: inline-block !important; flex: 1 !important; font-weight: 500 !important; opacity: 1 !important; margin-right: 2px !important; color: white !important; }   -ms-flex-align: center !important; -ms-flex-negative: 0 !important; -ms-flex-pack: center !important; -webkit-box-align: center !important; -webkit-box-pack: center !important; -webkit-transition: ease-out 1s !important; align-items: center !important; background-clip: padding-box !important; border: 1px solid #b27401 !important; border-radius: 4px !important; color: #b27401 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-shrink: 0 !important; font-size: 12px !important; font-weight: 550 !important; height: 33px !important; justify-content: center !important; opacity: 1 !important; text-transform: uppercase !important; transition: ease-out 0.5s !important; width: 135px !important; }   -webkit-transition: ease-in 0.2s !important; border: 1px solid #7f5301 !important; color: #7f5301 !important; opacity: 1 !important; transition: ease-in 0.2s !important; }   -ms-flex: 1 !important; -webkit-box-flex: 1 !important; -webkit-box-shadow: 1px 0 rgba(0, 0, 0, 0.0); background: url(https://vignette.wikia.nocookie.net/enracer-test/images/c/c4/Headerlighterer.png/revision/latest/scale-to-width-down/500?cb=20181227204424); background-position: center !important; background-repeat: no-repeat !important; background-size: 900px !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0); flex: 1 !important; overflow-x: hidden !important; overflow-y: scroll !important; padding: 15px !important; }   margin-top: 12px !important; }   margin-top: 0 !important; }   margin-bottom: 30px !important; }   font-size: 18px !important; font-weight: 600 !important; margin-bottom: 12px !important }   display: flex !important; flex-flow: row wrap !important; margin-top: 8px !important; }   margin-top: 0 !important; }   margin-bottom: -16px !important; }   display: flex !important; color: #7bdff0 !important; flex: 1 1 100%; font-weight: 600 !important; margin-bottom: 12px !important; text-transform: uppercase !important; width: 100%; font-family: 'Lato', sans-serif !important; }   display: flex !important; color: #e75f2c !important; flex: 1 1 100%; font-weight: 600 !important; margin-bottom: 12px !important; text-transform: uppercase !important; width: 100%; font-family: 'Lato', sans-serif !important; }   display: flex !important; color: #992d22 !important; flex: 1 1 100%; font-weight: 600 !important; margin-bottom: 12px !important; text-transform: uppercase !important; width: 100%; font-family: 'Lato', sans-serif !important; }   display: flex !important; color: #859cb3 !important; flex: 1 1 100%; font-weight: 600 !important; margin-bottom: 12px !important; text-transform: uppercase !important; width: 100%; font-family: 'Lato', sans-serif !important; }   display: flex !important; color: #3a3a3a !important; flex: 1 1 100%; font-weight: 600 !important; margin-bottom: 12px !important; text-transform: uppercase !important; width: 100%; font-family: 'Lato', sans-serif !important; }   -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex: 0 !important; margin: 6px 0 !important; position: relative !important; width: auto !important; font-family: monospace !important; }   border-radius: 50%; bottom: 0 !important; height: 10px !important; position: absolute !important; right: 0 !important; width: 10px !important; }   border-radius: 50%; bottom: 0 !important; height: 12px !important; position: absolute !important; right: 0 !important; width: 12px !important; }   border-radius: 50%; bottom: 0 !important; height: 10px !important; position: absolute !important; right: 0 !important; width: 10px !important; }   -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex: 0 !important; margin: 6px 0 !important; position: relative !important; width: auto !important; }   -ms-flex: 1 !important; -webkit-box-flex: 1 !important; background: #b27401 !important; border-radius: 50px !important; color: #fff !important; display: none !important; font-weight: bold !important; flex: 1 !important; height: 32px !important; max-width: 160px !important; overflow: hidden !important; line-height: 32px !important; padding: 0 8px 0 32px !important; pointer-events: none !important; position: absolute !important; text-overflow: ellipsis !important; top: 0 !important; user-select: none !important; white-space: nowrap !important; z-index: 1 !important; }   padding: 0 32px 0 8px !important; right: 4px !important; }   display: flex !important; }   margin-right: 4px !important; position: relative !important; }   z-index: 2 !important; }   border-radius: 50%; height: 32px !important; width: 32px !important; border: 2px solid #b27401 !important; }   background-color: #43b581 !important; }   background-color: #faa61a !important; }   background-color: #747f8d !important; }   background-color: #f04747 !important; }   background-color: transparent !important; background-size: 16px 16px !important; display: inline-block !important; height: 16px !important; width: 16px !important }   margin-left: 8px !important; }   background-image: url(https://discordapp.com/assets/7d77f875e494ef93aa3a31e49c43ac30.svg); }   background-image: url(https://discordapp.com/assets/8969299703ff850a5238a8af52909a5a.svg); }   width: 12px !important; }   background-clip: padding-box !important; background-color: #e49501 !important; border: 3px solid transparent !important; border-radius: 5px !important; }   background-clip: padding-box !important; background-color: transparent !important; border: 3px solid transparent !important; border-radius: 5px !important; } /* Wikia rail module style imports - used for pages which don't have a wikia rail. */ .CustomDiscordIntegrator #title h2 { border-bottom: 1px solid #cccccc !important; font-size: 16px !important; font-weight: bold !important; min-height: 30px !important; margin-bottom: 16px !important; padding-left: 2px !important; } .CustomDiscordIntegrator #title h2.has-icon { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .CustomDiscordIntegrator #title h2.has-icon svg { margin-right: 7px !important; } background: #feb734 !important; }
 * 1) discord-widget-container ol, #discord-widget-container ul {
 * 1) discord-widget-container a img {
 * 1) discord-widget-container * {
 * 1) discord-widget-container {
 * 1) discord-widget {
 * 1) discord-widget a {
 * 1) discord-widget strong {
 * 1) discord-widget .widget {
 * 1) discord-widget .widget-loading {
 * 1) discord-widget .widget-logo {
 * 1) discord-widget .widget-logo:hover {
 * 1) discord-widget .widget-header {
 * 1) discord-widget .widget-header .widget-header-count {
 * 1) discord-widget .widget-footer {
 * 1) discord-widget .widget-footer .widget-footer-info a {
 * 1) discord-widget .widget-footer .widget-footer-info {
 * 1) discord-widget .widget-btn-connect {
 * 1) discord-widget .widget-btn-connect:hover {
 * 1) discord-widget .widget-body {
 * 1) discord-widget .widget-channel {
 * 1) discord-widget .widget-channel:first-child {
 * 1) discord-widget .widget-channel:last-child {
 * 1) discord-widget .widget-channel-name {
 * 1) discord-widget .widget-role-container {
 * 1) discord-widget .widget-role-container:first-child {
 * 1) discord-widget .widget-role-container:last-child {
 * 1) discord-widget .widget-role-name-admin {
 * 1) discord-widget .widget-role-name-bureaus {
 * 1) discord-widget .widget-role-name-founder {
 * 1) discord-widget .widget-role-name-bots {
 * 1) discord-widget .widget-role-name-member {
 * 1) discord-widget .widget-member {
 * 1) discord-widget .widget-member .widget-member-status.widget-member-status-online {
 * 1) discord-widget .widget-member .widget-member-status.widget-member-status-idle {
 * 1) discord-widget .widget-member .widget-member-status.widget-member-status-dnd {
 * 1) discord-widget .widget-member {
 * 1) discord-widget .widget-member .widget-member-name {
 * 1) discord-widget .widget-member:nth-child(7n-1) .widget-member-name,
 * 2) discord-widget .widget-member:nth-child(7n) .widget-member-name,
 * 3) discord-widget .widget-member:nth-child(7n+1) .widget-member-name {
 * 1) discord-widget .widget-member:hover .widget-member-name {
 * 1) discord-widget .widget-member-avatar {
 * 1) discord-widget .widget-member:hover .widget-member-avatar {
 * 1) discord-widget .widget-member-avatar img {
 * 1) discord-widget .widget-member-status-online {
 * 1) discord-widget .widget-member-status-idle {
 * 1) discord-widget .widget-member-status-offline {
 * 1) discord-widget .widget-member-status-dnd {
 * 1) discord-widget .widget-icon {
 * 1) discord-widget .widget-icon + .widget-icon {
 * 1) discord-widget .widget-icon-mute {
 * 1) discord-widget .widget-icon-deaf {
 * 1) discord-widget ::-webkit-scrollbar {
 * 1) discord-widget ::-webkit-scrollbar-thumb {
 * 1) discord-widget ::-webkit-scrollbar-track-piece {
 * 1) discord-widget .widget-footer{