MediaWiki:Nord.css

/* Nord stylesheet */ /** Description: A arctic, north-blush color palette for FANDOM code. **/

/** Code block coloring **/ .skin-oasis.codeeditor .ace_editor, .skin-oasis.codeeditor .ace_editor .ace_gutter, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"], .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] { background-color: #2e3440 !important; -webkit-font-smoothing: antialiased; } .skin-oasis.codeeditor .ace_editor, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"], .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] { color: #d8dee9 !important; } .skin-oasis.codeeditor .ace_editor .ace_scrollbar::-webkit-scrollbar, .skin-oasis.codeeditor .ace_editor .ace_scrollbar_h::-webkit-scrollbar { background-color: #2e3440; border-left: 1px solid #3b4252; } .skin-oasis.codeeditor .ace_editor .ace_scrollbar::-webkit-scrollbar-thumb, .skin-oasis.codeeditor .ace_editor .ace_scrollbar_h::-webkit-scrollbar-thumb { background-color: #3b4252; }

/** Ace code editor coloring **/ .skin-oasis.codeeditor .ace_editor .ace_search { border: solid #454545; border-width: 0 0 0 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); color: #d5d5d4; width: 287px; padding: 6px 8px 2px 16px; } .skin-oasis.codeeditor .ace_editor .ace_search, .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_field, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn, .skin-oasis.codeeditor .ace_editor .ace_gutter-tooltip { background: inherit; color: inherit; border-radius: 0; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_field, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_gutter-tooltip { border-color: #4f5f74 !important; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_field, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn:hover, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn_close:hover, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn:hover, .skin-oasis.codeeditor .ace_editor .ace_marker-layer .ace_active-line, .skin-oasis.codeeditor .ace_editor .ace_gutter-active-line { background-color: #3b4252 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_indent-guide { visibility: hidden; } .skin-oasis.codeeditor .ace_editor .ace_marker-layer .ace_selection, .skin-oasis.codeeditor .ace_editor .ace_marker-layer .ace_selected-word { background-color: #3e4658 !important; border: none; border-radius: 2px; box-sizing: content-box; padding: 2px; transform: translateX(-2px) translateY(-2px); } .skin-oasis.codeeditor .ace_editor .ace_marker-layer .ace_active-line + .ace_selection { background-color: #4f5f74 !important; }

/** Ace editor interface buttons **/ .skin-oasis.codeeditor .ace_editor .ace_search_field:placeholder-shown ~ .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search_form.ace_nomatch .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button:not(.checked), .skin-oasis.codeeditor .ace_editor .ace_search_form.ace_nomatch + .ace_replace_form .ace_replacebtn { background-color: transparent !important; opacity: 0.5; } .skin-oasis.codeeditor .ace_editor .ace_search_field:placeholder-shown ~ .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search_form.ace_nomatch .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search_form.ace_nomatch + .ace_replace_form .ace_replacebtn { cursor: initial; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_form.ace_nomatch { outline: none; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_form.ace_nomatch .ace_search_field { background: #774a55 !important; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn_close { margin: 3px 0 7px 3px; width: 16px; height: 16px; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_form, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replace_form, .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_field, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn { border: none; border-radius: 0; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_field { font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, HelveticaNeue-Light, Ubuntu, Droid Sans, sans-serif; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn_close, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn, .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button { background-position: center; background-repeat: no-repeat; background-size: 14px; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn, .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button { transition: opacity 0.3s; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn_close, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn { background-position: center; background-repeat: no-repeat; background-size: 14px; transition: opacity,background-color 0.3s; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_form, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn { display: flex; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_search_options { display: flex; flex-direction: row-reverse; position: absolute; right: 84px; top: 8px; } .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button { color: inherit; display: block; border: none; font-size: 0; height: 17px; width: 17px; margin-left: 4px; } .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button:hover { background-color: transparent; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn { margin-left: 4px; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn, .skin-oasis.codeeditor .ace_editor .ace_search .ace_replacebtn { font-size: 0; width: 22px; }

/** Ace editor interface icons **/ .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn_close { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/8/8b/Cross.svg'); } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn.prev { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/c/c3/Arrow-prev.svg'); order: 2; } .skin-oasis.codeeditor .ace_editor .ace_search .ace_searchbtn.next { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/6/64/Arrow-next.svg'); order: 3; } .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button[action="toggleWholeWords"] { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/1/19/Word-match.svg'); } .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button[action="toggleCaseSensitive"] { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/e/e8/Case-sensitive.svg'); } .skin-oasis.codeeditor .ace_editor .ace_search_options .ace_button[action="toggleRegexpMode"] { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/d/d8/Regex.svg'); } .skin-oasis.codeeditor .ace_editor .ace_replace_form .ace_replacebtn[action="replaceAndFindNext"] { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/1/13/Replace-single.svg'); } .skin-oasis.codeeditor .ace_editor .ace_replace_form .ace_replacebtn[action="replaceAll"] { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/a/a2/Replace-all.svg'); }

/** Editor gutter redesign **/ .skin-oasis.codeeditor .ace_editor .ace_gutter { margin-right: 4px; } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_fold-widget { background-size: 12px; transform: translateX(2px); } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_fold-widget:hover, .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_fold-widget:active { background-color: transparent; border-color: transparent; box-shadow: none; } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_gutter-cell { background-position: 0 1px; } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_gutter-cell.ace_info { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/e/e1/Info.svg'); } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_gutter-cell.ace_warning { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/8/8f/Alert.svg'); } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_gutter-cell.ace_error { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/f/f0/Error.svg'); } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_fold-widget.ace_open { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/7/72/Folding.svg'); } .skin-oasis.codeeditor .ace_editor .ace_gutter-layer .ace_fold-widget.ace_closed { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/9/95/Folded.svg'); } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_fold { background-image: url('https://vignette.wikia.nocookie.net/speedit/images/5/5a/More.svg'); background-position: 2px -3px; }

/** Syntax highlighting **/ .skin-oasis.codeeditor .ace_editor .ace_gutter .ace_gutter-layer, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_comment, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .coMULTI, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .co1, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .coMULTI { color: #657b83 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_string, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .st0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .st0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .co1, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .es2 { color: #a3be8c !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_variable, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_keyword, .skin-oasis.codeeditor[class*="css"] .ace_editor .ace_text-layer .ace_constant, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_storage, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_meta.ace_tag, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_language, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .kw0, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .kw1, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .kw2, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .kw2, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .re0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .re1, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .sy0 { color: #6ca1c1 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_constant.ace_numeric, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .nu0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .nu0 { color: #a78ea2 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_entity.ace_name.ace_function, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_support.ace_function, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .me1, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .sy0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .re2 { color: #76a9a0 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_entity.ace_attribute-name, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .br0, .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .sy0 { color: #88b3b3 !important; } .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_identifier, .skin-oasis.codeeditor .ace_editor .ace_text-layer .ace_support.ace_type, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .br0, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .re3, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] .kw1, .skin-oasis .WikiaMainContent .css[id^="theme-solarized"] * .re3 { color: inherit !important; } .skin-oasis .WikiaMainContent .javascript[id^="theme-solarized"] .kw5 { color: #bF616a !important; }