MediaWiki:CustomDiscordWidget.css

.spinner{ -ms-flex-align:center; -ms-flex-pack:center; -webkit-box-align:center; -webkit-box-pack:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:center } .spinner-inner{ display:inline-block; height:32px; position:relative; width:32px } .spinner-wandering-cubes .spinner-item{ -webkit-animation:spinner-wandering-cubes 1.8s infinite ease-in-out; animation:spinner-wandering-cubes 1.8s infinite ease-in-out; background-color:#7289da; height:10px; left:0; position:absolute; top:0; width:10px } .spinner-wandering-cubes .spinner-item:last-child{ -webkit-animation-delay:-.9s; animation-delay:-.9s } @-webkit-keyframes spinner-wandering-cubes{ 25%{       -webkit-transform:translateX(22px) rotate(-90deg) scale(.5); transform:translateX(22px) rotate(-90deg) scale(.5) }   50%{        -webkit-transform:translateX(22px) translateY(22px) rotate(-180deg); transform:translateX(22px) translateY(22px) rotate(-180deg) }   75%{        -webkit-transform:translateX(0) translateY(22px) rotate(-270deg) scale(.5); transform:translateX(0) translateY(22px) rotate(-270deg) scale(.5) }   to{ -webkit-transform:rotate(-1turn); transform:rotate(-1turn) } } @keyframes spinner-wandering-cubes{ 25%{       -webkit-transform:translateX(22px) rotate(-90deg) scale(.5); transform:translateX(22px) rotate(-90deg) scale(.5) }   50%{        -webkit-transform:translateX(22px) translateY(22px) rotate(-180deg); transform:translateX(22px) translateY(22px) rotate(-180deg) }   75%{        -webkit-transform:translateX(0) translateY(22px) rotate(-270deg) scale(.5); transform:translateX(0) translateY(22px) rotate(-270deg) scale(.5) }   to{ -webkit-transform:rotate(-1turn); transform:rotate(-1turn) } } .spinner-chasing-dots{ -webkit-animation:spinner-chasing-dots-rotate 2s infinite linear; animation:spinner-chasing-dots-rotate 2s infinite linear } .spinner-chasing-dots .spinner-item{ -webkit-animation:spinner-chasing-dots-bounce 2s infinite ease-in-out; animation:spinner-chasing-dots-bounce 2s infinite ease-in-out; background-color:#7289da; border-radius:100%; display:inline-block; height:60%; position:absolute; top:0; width:60% } .spinner-chasing-dots .spinner-item:last-child{ -webkit-animation-delay:-1s; animation-delay:-1s; bottom:0; top:auto } @-webkit-keyframes spinner-chasing-dots-rotate{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes spinner-chasing-dots-rotate{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @-webkit-keyframes spinner-chasing-dots-bounce{ 0%,to{ -webkit-transform:scale(0); transform:scale(0) }   50%{        -webkit-transform:scale(1); transform:scale(1) } } @keyframes spinner-chasing-dots-bounce{ 0%,to{ -webkit-transform:scale(0); transform:scale(0) }   50%{        -webkit-transform:scale(1); transform:scale(1) } } .spinner-pulsing-ellipsis{ -ms-flex-pack:center; -webkit-box-pack:center; display:-webkit-box; display:-ms-flexbox; display:flex; height:auto; justify-content:center; position:relative; width:28px } .spinner-pulsing-ellipsis .spinner-item{ -webkit-animation:spinner-ellipsis 1.4s infinite ease-in-out; animation:spinner-ellipsis 1.4s infinite ease-in-out; background-color:#99aab5; border-radius:3px; display:inline-block; height:6px; margin-right:2px; opacity:.3; width:6px } .spinner-pulsing-ellipsis .spinner-item:nth-of-type(2){ -webkit-animation-delay:.2s; animation-delay:.2s } .spinner-pulsing-ellipsis .spinner-item:nth-of-type(3){ -webkit-animation-delay:.4s; animation-delay:.4s } .stop-animation .spinner-pulsing-ellipsis .spinner-item{ -webkit-animation:none; animation:none } @-webkit-keyframes spinner-ellipsis{ 0%{       -webkit-transform:scale(1); opacity:1; transform:scale(1) }   50%{        -webkit-transform:scale(.8); opacity:.3; transform:scale(.8) }   to{ -webkit-transform:scale(1); opacity:1; transform:scale(1) } } @keyframes spinner-ellipsis{ 0%{       -webkit-transform:scale(1); opacity:1; transform:scale(1) }   50%{        -webkit-transform:scale(.8); opacity:.3; transform:scale(.8) }   to{ -webkit-transform:scale(1); opacity:1; transform:scale(1) } } .spinner.spinner-spinning-circle{ width:100% } .spinner.spinner-spinning-circle .circular{ -webkit-animation:spinner-spinning-circle-rotate 2s linear infinite; animation:spinner-spinning-circle-rotate 2s linear infinite; height:100%; width:100% } .spinner.spinner-spinning-circle .path{ -webkit-animation:spinner-spinning-circle-dash 1.5s ease-in-out infinite; animation:spinner-spinning-circle-dash 1.5s ease-in-out infinite; fill:none; stroke:#7289da; stroke-dasharray:1,200; stroke-dashoffset:0; stroke-linecap:round; stroke-miterlimit:10; stroke-width:6 } @-webkit-keyframes spinner-spinning-circle-rotate{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes spinner-spinning-circle-rotate{ to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @-webkit-keyframes spinner-spinning-circle-dash{ 0%{       stroke-dasharray:1,200; stroke-dashoffset:0 }   50%{        stroke-dasharray:89,200; stroke-dashoffset:-35 }   to{ stroke-dasharray:89,200; stroke-dashoffset:-124 } } @keyframes spinner-spinning-circle-dash{ 0%{       stroke-dasharray:1,200; stroke-dashoffset:0 }   50%{        stroke-dasharray:89,200; stroke-dashoffset:-35 }   to{ stroke-dasharray:89,200; stroke-dashoffset:-124 } }   border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline }   list-style:none }   border:none } @font-face{ font-family:Whitney; font-style:normal; font-weight:500; src:url(https://discordapp.com/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff) format("woff") } @font-face{ font-family:Whitney; font-style:medium; font-weight:600; src:url(https://discordapp.com/assets/3bdef1251a424500c1b3a78dea9b7e57.woff) format("woff") } @font-face{ font-family:Whitney; font-style:bold; font-weight:700; src:url(https://discordapp.com/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff) format("woff") }   -webkit-box-sizing:border-box; box-sizing:border-box }   background-color:transparent; line-height:1; width: 280px; height: 400px; }   color:#fff !important; display:-webkit-box; display:-ms-flexbox; display:flex; font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif !important; font-size:14px !important; width: 100%; height: 100% }   color:#fff; text-decoration:none }   font-weight:700 }   -ms-flex:1; -ms-flex-direction:column; -webkit-box-direction:normal; -webkit-box-flex:1; -webkit-box-orient:vertical; border-radius:5px; display:-webkit-box; display:-ms-flexbox; display:flex; flex:1; flex-direction:column; overflow:hidden }   -ms-flex-align:center; -ms-flex-pack:center; -webkit-box-align:center; -webkit-box-pack:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:center }   -webkit-transition:opacity .25s ease-out; background:url(https://discordapp.com/assets/35d75407bd75d70e84e945c9f879bab8.svg) 50% no-repeat; background-size:124px 34px; display:inline-block; height:34px; transition:opacity .25s ease-out; width:124px }   opacity:.6 }   -ms-flex-align:center; -ms-flex-negative:0; -webkit-box-align:center; align-items:center; background-color:#7289da; display:-webkit-box; display:-ms-flexbox; display:flex; flex-shrink:0; padding:20px }   -ms-flex:1; -webkit-box-flex:1; flex:1; text-align:right }   -ms-flex-align:center; -ms-flex-negative:0; -webkit-box-align:center; -webkit-box-shadow:0 -1px 18px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.2); align-items:center; background-color:#1e2124; box-shadow:0 -1px 18px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.2); display:-webkit-box; display:-ms-flexbox; display:flex; flex-shrink:0; min-height:30px; padding:6px 6px 6px 20px }   -ms-flex:1; -webkit-box-flex:1; display:inline-block; flex:1; font-weight:500; opacity:.1 }   -ms-flex-align:center; -ms-flex-negative:0; -ms-flex-pack:center; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04); -webkit-transition:opacity .25s ease-out; align-items:center; background-clip:padding-box; background-color:hsla(0,0%,100%,.1); border:1px solid #212325; border-radius:4px; box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04); display:-webkit-box; display:-ms-flexbox; display:flex; flex-shrink:0; height:30px; justify-content:center; transition:opacity .25s ease-out; width:120px }   opacity:.6 }   -ms-flex:1; -webkit-box-flex:1; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.2); background-color:#1e2124; background-image:url(https://vignette.wikia.nocookie.net/warframe/images/9/98/Discord-background-large.png),url(https://vignette.wikia.nocookie.net/warframe/images/c/c6/Discord-background-small.png); background-position:0 100%,100% 100%; background-repeat:no-repeat,no-repeat; background-size:200px 180px,110px 130px; box-shadow:0 1px 0 rgba(0,0,0,.2); flex:1; overflow-y:scroll; padding:20px }   margin-top:12px }   margin-top:0 }   margin-bottom:0px }   font-size:18px; font-weight:600; margin-bottom:12px }   color:#8a8e94; font-weight:600; margin-bottom:5px; text-transform:uppercase } /*#discord-widget .widget-admins-online{ color:#8a8e94; font-weight:600; margin-bottom:5px; text-transform:uppercase; text-align:center }   color:#8a8e94; font-weight:600; margin-bottom:5px; text-transform:uppercase; text-align:center }*/   -ms-flex-align:center; -webkit-box-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; margin:6px 0; padding-left:10px }   -ms-flex:1; -webkit-box-flex:1; color:#8a8e94; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }   -ms-flex:1; -webkit-box-flex:1; color:#4f545c; flex:1; overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap }   height:16px; margin-right:4px; position:relative; width:16px }   border-radius:8px; height:16px; width:16px }   border-radius:3px; bottom:0; height:6px; position:absolute; right:0; width:6px }   background-color:#43b581 }   background-color:#faa61a }   background-color:#747f8d }   background-color:#f04747 }   background-color:transparent; background-size:16px 16px; display:inline-block; height:16px; width:16px }   margin-left:8px }   background-image:url(https://discordapp.com/assets/7d77f875e494ef93aa3a31e49c43ac30.svg) }   background-image:url(https://discordapp.com/assets/8969299703ff850a5238a8af52909a5a.svg) }   width:10px }   background-clip:padding-box; background-color:hsla(0,0%,100%,.1); border:3px solid transparent; border-radius:5px }   background-clip:padding-box; background-color:transparent; border:3px solid transparent; border-radius:5px }   background-color:rgba(0,0,0,.1) }   background-color:#fff }   background-image:url(https://vignette.wikia.nocookie.net/warframe/images/f/fb/Discord-light-background-large.png),url(https://vignette.wikia.nocookie.net/warframe/images/a/a0/Discord-light-background-small.png) }   color:#000; opacity:.7 }   color:#8a8e94 } /*# sourceMappingURL=3405c789e7285503d926b0154511285b.css.map*/
 * 1) widgetcontainer a,
 * 2) widgetcontainer abbr,
 * 3) widgetcontainer acronym,
 * 4) widgetcontainer address,
 * 5) widgetcontainer applet,
 * 6) widgetcontainer big,
 * 7) widgetcontainer blockquote,
 * 8) widgetcontainer body,
 * 9) widgetcontainer caption,
 * 10) widgetcontainer cite,
 * 11) widgetcontainer code,
 * 12) widgetcontainer dd,
 * 13) widgetcontainer del,
 * 14) widgetcontainer dfn,
 * 15) widgetcontainer div,
 * 16) widgetcontainer dl,
 * 17) widgetcontainer dt,
 * 18) widgetcontainer em,
 * 19) widgetcontainer fieldset,
 * 20) widgetcontainer form,
 * 21) widgetcontainer h1,
 * 22) widgetcontainer h2,
 * 23) widgetcontainer h3,
 * 24) widgetcontainer h4,
 * 25) widgetcontainer h5,
 * 26) widgetcontainer h6,
 * 27) widgetcontainer html,
 * 28) widgetcontainer iframe,
 * 29) widgetcontainer img,ins,
 * 30) widgetcontainer kbd,
 * 31) widgetcontainer label,
 * 32) widgetcontainer legend,
 * 33) widgetcontainer li,
 * 34) widgetcontainer object,
 * 35) widgetcontainer ol
 * 36) widgetcontainer p,
 * 37) widgetcontainer pre,
 * 38) widgetcontainer q,
 * 39) widgetcontainer s,
 * 40) widgetcontainer samp,
 * 41) widgetcontainer small,
 * 42) widgetcontainer span,
 * 43) widgetcontainer strike,
 * 44) widgetcontainer strong,
 * 45) widgetcontainer sub,
 * 46) widgetcontainer sup,
 * 47) widgetcontainer table,
 * 48) widgetcontainer tbody,
 * 49) widgetcontainer td,
 * 50) widgetcontainer tfoot,
 * 51) widgetcontainer th,
 * 52) widgetcontainer thead,
 * 53) widgetcontainer tr,
 * 54) widgetcontainer tt,
 * 55) widgetcontainer ul,
 * 56) widgetcontainer var{
 * 1) widgetcontainer ol,
 * 2) widgetcontainer ul{
 * 1) widgetcontainer a img{
 * 1) widgetcontainer *{
 * 1) widgetcontainer{
 * 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{
 * 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-members-online{
 * 1) discord-widget .widget-mods-online{
 * 1) discord-widget .widget-member{
 * 1) discord-widget .widget-member .widget-member-name{
 * 1) discord-widget .widget-member .widget-member-game{
 * 1) discord-widget .widget-member-avatar{
 * 1) discord-widget .widget-member-avatar img{
 * 1) discord-widget .widget-member-status{
 * 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-theme-light ::-webkit-scrollbar-thumb{
 * 1) discord-widget .widget-theme-light .widget-body,#discord-widget .widget-theme-light .widget-footer{
 * 1) discord-widget .widget-theme-light .widget-body{
 * 1) discord-widget .widget-theme-light .widget-btn-connect,#discord-widget .widget-theme-light .widget-footer-info{
 * 1) discord-widget .widget-theme-light .widget-channel-name,#discord-widget .widget-theme-light .widget-online-members{