MediaWiki:FandomizedPCSSP/dark.css

/** * @Installation:  Add this to https://c.fandom.com/wiki/Special:Mypage/global.css — *                 @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:FandomizedPCSSP/dark.css"); * @Name:          Fandomized PortableCSSPad * @Description:   Fork of Leafy's WDSPortableCSSPad Updates PortableCSSPad styling with Fandom Design System colors and icons, a streamlined interface, and a redesigned text area Dark theme stylesheet (light theme coming soon) Requires  * @Differences:   N/A * @Author:        Banarama  * @Attribution:     * @Scope:         Personal, Sitewide * @Stability:     Stable & regularly maintained * @Changelog:     December 22nd, 2019 — Created script December 23rd, 2019 — Added script to Dev & replaced personal fonts w/ system fonts for universality */ /* Hide useless buttons */ .PortableCSSPad-vertical-bar { display: none; }/**/ /* Container */ div#PortableCSSPad-container { border: none; border-radius: 3px; background: #002A32; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 15px, rgba(0, 0, 0, 0.4) 12px 12px 60px; }/**/ /* Title */ a#PortableCSSPad-title { color: white; font: bold 20px Menlo, Consolas, 'Ubuntu Mono', monospace; transition: all 0.25s; }/**/ /* Modernize useful buttons */ div#PortableCSSPad-close-button { margin-left: 8px; width: 20px; height: 20px; background: #FFF; background-image: none; background-repeat: no-repeat; -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross-small.svg'); mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross-small.svg'); } div#PortableCSSPad-onoff-button { margin-left: 8px; width: 20px; height: 20px; background: #FFF; background-image: none; background-repeat: no-repeat; -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-small.svg'); mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-small.svg'); } div#PortableCSSPad-onoff-button.PortableCSSPad-onoff-button-state-off { -webkit-mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-crossed-small.svg'); mask-image: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye-crossed-small.svg'); } div#PortableCSSPad-buttons { width: 56px; }/**/ /* Text box & scrollbar (both WebKit & Firefox supported) */ textarea#PortableCSSPad-textarea { background: #0E191A; color: #FFF; font: 13px Menlo, Consolas, 'Ubuntu Mono', monospace; scrollbar-color: rgba(127, 153, 152, 0.3) transparent; }   width: 8px; }   border-radius: 4px; background-color: rgba(127, 153, 152, 0.3); }   background-color: rgba(127, 153, 152, 0.4); }   background-color: transparent; }/**/ /* Hover styles */ a#PortableCSSPad-title:hover { color: #00D6D6; text-decoration: none; } div.PortableCSSPad-button:hover { background-color: #00D6D6; }/**/
 * 1) PortableCSSPad-important-button,
 * 2) PortableCSSPad-unimportant-button,
 * 3) PortableCSSPad-beautify-button,
 * 4) PortableCSSPad-minify-button,
 * 5) PortableCSSPad-validate-button,
 * 1) PortableCSSPad-textarea::-webkit-scrollbar {
 * 1) PortableCSSPad-textarea::-webkit-scrollbar-thumb {
 * 1) PortableCSSPad-textarea::-webkit-scrollbar-thumb:hover {
 * 1) PortableCSSPad-textarea::-webkit-scrollbar-track {