MediaWiki:FANSUN.css

/** * * @title       FANSUN * @description Dark theme for official FANDOM wikis. * @author     Speedit * @version    1.1.0 * @license    CC-BY-SA 3.0 * @notes      Please install FANSUN.js for full functionality. *             Don't import this in global.css - it's not scoped. * * @colordef   #2c343d; body * @colordef   #39424d; page * @colordef   #404a57; header * @colordef   #00c8e0; links * @colordef   #00b7e0; buttons * */

/** FANDOM SASS override styling */

/*** Theme designer ***/ body.skin-oasis, body.ChatWindow { background: #2c343d url("") top center repeat; color: #d5d4d4; } body.skin-oasis a, body.ChatWindow a { color: #00c8e0; } body.background-not-tiled { background-repeat: no-repeat; } body.background-fixed { background-attachment: fixed; } body.background-dynamic { background-color: #2c343d; background-image: none; } body.background-dynamic::after, body.background-dynamic::before { background-color: transparent; background-image: url(""); background-repeat: no-repeat; } body.background-dynamic .background-image-gradient { background: #2c343d; } body.background-dynamic .background-image-gradient::after { background: rgba(43,50,59,0) linear-gradient(to left,rgba(43,50,59,0) 0%,#2c343d 100%); } body.background-dynamic .background-image-gradient::before { background: rgba(43,50,59,0) linear-gradient(to right,rgba(43,50,59,0) 0%,#2c343d 100%); } body.uap-skin { background-color: #4b5158; } body a.wikia-button, body .wikia-single-button a, body .wikia-menu-button, body.skin-oasis input[type="submit"]:not([class^="wds"]), body.skin-oasis input[type="reset"]:not([class^="wds"]), body.skin-oasis input[type="button"]:not([class^="wds"]), body.ChatWindow input[type="submit"]:not([class^="wds"]), body.ChatWindow input[type="reset"]:not([class^="wds"]), body.ChatWindow input[type="button"]:not([class^="wds"]), body .button, body .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, body .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button, body.skin-oasis button:not([class^="wds"]), body.ChatWindow button:not([class^="wds"]) { background-color: #00b7e0; background-image: -moz-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#14d4ff),color-stop(65%,#00b7e0)); background-image: -o-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); background-image: -ms-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); border: 1px solid #00b7e0; color: #fff; } body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body.ChatWindow input[type="submit"]:not([class^="wds"]), body.ChatWindow input[type="reset"]:not([class^="wds"]), body.ChatWindow input[type="button"]:not([class^="wds"]), body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, body.ChatWindow button:not([class^="wds"]) { background-color: #00a6cc; background-image: -moz-linear-gradient(top,#00d0ff 35%,#00a6cc 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#00d0ff),color-stop(65%,#00a6cc)); background-image: -o-linear-gradient(top,#00d0ff 35%,#00a6cc 65%); background-image: -ms-linear-gradient(top,#00d0ff 35%,#00a6cc 65%); } body a.wikia-button.active, body a.wikia-button:active, body .wikia-single-button a.active, body .wikia-single-button a:active, body .wikia-menu-button.active, body .wikia-menu-button:active, body.skin-oasis input[type="submit"].active, body.skin-oasis input[type="submit"]:not([class^="wds"]):active, body.skin-oasis input[type="reset"].active, body.skin-oasis input[type="reset"]:not([class^="wds"]):active, body.skin-oasis input[type="button"].active, body.skin-oasis input[type="button"]:not([class^="wds"]):active, body.ChatWindow input[type="submit"].active, body.ChatWindow input[type="submit"]:not([class^="wds"]):active, body.ChatWindow input[type="reset"].active, body.ChatWindow input[type="reset"]:not([class^="wds"]):active, body.ChatWindow input[type="button"].active, body.ChatWindow input[type="button"]:not([class^="wds"]):active, body .button.active, body .oo-ui-buttonElement-framed .active.oo-ui-buttonElement-button, body .oo-ui-buttonElement-framed.oo-ui-buttonElement-active .oo-ui-buttonElement-button, body .button:active, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:active, body.skin-oasis button.active, body.ChatWindow button.active, body.skin-oasis button:not([class^="wds"]):active, body.ChatWindow button:not([class^="wds"]):active { background-image: -moz-linear-gradient(top,#00a6cc 35%,#00d0ff 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#00a6cc),color-stop(65%,#00d0ff)); background-image: -o-linear-gradient(top,#00a6cc 35%,#00d0ff 65%); background-image: -ms-linear-gradient(top,#00a6cc 35%,#00d0ff 65%); color: #fff; } body a.wikia-button[disabled]:active, body .wikia-single-button a[disabled]:active, body .wikia-menu-button[disabled]:active, body.skin-oasis input[type="submit"][disabled]:not([class^="wds"]):active, body.skin-oasis input[type="reset"][disabled]:not([class^="wds"]):active, body.skin-oasis input[type="button"][disabled]:not([class^="wds"]):active, body.ChatWindow input[type="submit"][disabled]:not([class^="wds"]):active, body.ChatWindow input[type="reset"][disabled]:not([class^="wds"]):active, body.ChatWindow input[type="button"][disabled]:not([class^="wds"]):active, body .button[disabled]:active, body .oo-ui-buttonElement-framed.oo-ui-widget-disabled .oo-ui-buttonElement-button:active, body .oo-ui-buttonElement-framed [disabled].oo-ui-buttonElement-button:active, body.skin-oasis button[disabled]:not([class^="wds"]):active, body.ChatWindow button[disabled]:not([class^="wds"]):active { background-color: #00b7e0; background-image: -moz-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#14d4ff),color-stop(65%,#00b7e0)); background-image: -o-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); background-image: -ms-linear-gradient(top,#14d4ff 35%,#00b7e0 65%); } body a.wikia-button.secondary, body .wikia-single-button