User:DorkLore/common.css

/** FONT **/ @import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Montserrat:wght@400;900&display=swap');

/** DISCORD **/ .discord-widget .widget-header { font-family: 'Cinzel'; background: linear-gradient(to right, #FC6400, #FF7500, #FC6400); border-bottom: 3px outset #FAC000; color: #B62203; opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .discord-widget .widget-header:hover { font-family: 'Cinzel'; background: linear-gradient(to right, gold, goldenrod, gold); color: #fff; border-bottom: 3px outset #DAA425; filter: alpha(opacity=50); -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } .discord-widget .widget-footer { border-top: 3px outset #FAC000; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/ousamaranking/images/b/b5/Site-background-light/revision/latest?cb=20220425221120) !important; background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px outset #FF7500; background-color: #FC6400; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .discord-widget .widget-member-avatar img:hover { border: 2px outset goldenrod; background-color: gold; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .discord-widget .widget-member .widget-member-name { background-color: #FC6400; color: #B62203; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-family: 'Montserrat'; font-weight: 900; font-style: oblique; } .discord-widget .widget-header .widget-header-count { text-shadow: 0 0 5px #fff; } .discord-widget .widget-btn-connect { color: #fff; background:linear-gradient(to right, #FC6400, #FF7500, #FC6400) !important; border: 1px solid transparent; color: #B62203 !important; font-family: 'Cinzel'; } .discord-widget .widget-btn-connect:hover { opacity: 1; background:linear-gradient(to right, gold, goldenrod, gold) !important; border: 1px solid transparent; text-decoration: none; color: #fff !important; font-family: 'Cinzel'; } .discord-widget .widget-role-name { color: #B62203 !important; text-shadow: 0 0 5px #fff; background:linear-gradient(to right, #FC6400, #FF7500, #FC6400); padding: 5px; border-radius: 5px; font-family: 'Cinzel'; } .discord-widget .widget-role-name:hover { color: #fff !important; text-shadow: 0 0 5px #fff; background:linear-gradient(to right, gold, goldenrod, gold); padding: 5px; border-radius: 5px; font-family: 'Cinzel'; }

/** INFOBOX **/ .portable-infobox { position: relative; min-height: 20px; padding: 35px 35px 20px; border: 3px solid #1764b6; margin: 0 0 30px; } .page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { font-family: 'Cinzel'; font-weight: 700; background-color: #1764b6; color: #fff; letter-spacing: 4px; text-align: center; }