CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Help:User style - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"86ff759a-2bb3-4bb2-946a-86f198f6fe26","wgCanonicalNamespace":"Help","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":12,"wgPageName":"Help:User_style","wgTitle":"User style","wgCurRevisionId":1249279254,"wgRevisionId":1249279254,"wgArticleId":1002398,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia user space","Wikipedia features"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Help:User_style","wgRelevantArticleId":1002398,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true, "wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":30000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"source","wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q4592529","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform", "platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","jquery.makeCollapsible", "mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","wikibase.client.vector-2022","ext.checkUser.clientHints","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.discussionTools.init.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Help:User style - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Help:User_style"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Help:User_style&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Help:User_style"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-12 ns-subject mw-editable page-Help_User_style rootpage-Help_User_style skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Main menu </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z">Main page</a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia">Contents</a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events">Current events</a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x">Random article</a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works">About Wikipedia</a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia">Contact us</a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia">Help</a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia">Learn to edit</a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors">Community portal</a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r">Recent changes</a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia">Upload file</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"> Search </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Appearance </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class="">Donate</a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Help%3AUser+style" title="You are encouraged to create an account and log in; however, it is not mandatory" class="">Create account</a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Help%3AUser+style" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class="">Log in</a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Personal tools </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en">Donate</a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Help%3AUser+style" title="You are encouraged to create an account and log in; however, it is not mandatory"> Create account</a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Help%3AUser+style" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"> Log in</a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing">learn more</a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y">Contributions</a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n">Talk</a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-General" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#General"> <div class="vector-toc-text"> 1 General </div> </a> <button aria-controls="toc-General-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle General subsection </button> <ul id="toc-General-sublist" class="vector-toc-list"> <li id="toc-Cascading_Style_Sheets" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Cascading_Style_Sheets"> <div class="vector-toc-text"> 1.1 Cascading Style Sheets </div> </a> <ul id="toc-Cascading_Style_Sheets-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-JavaScript_&_user_scripts" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#JavaScript_&_user_scripts"> <div class="vector-toc-text"> 1.2 JavaScript & user scripts </div> </a> <ul id="toc-JavaScript_&_user_scripts-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Rendering" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Rendering"> <div class="vector-toc-text"> 2 Rendering </div> </a> <ul id="toc-Rendering-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#CSS"> <div class="vector-toc-text"> 3 CSS </div> </a> <button aria-controls="toc-CSS-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle CSS subsection </button> <ul id="toc-CSS-sublist" class="vector-toc-list"> <li id="toc-CSS_in_user_subpages_versus_CSS_in_a_local_file" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS_in_user_subpages_versus_CSS_in_a_local_file"> <div class="vector-toc-text"> 3.1 CSS in user subpages versus CSS in a local file </div> </a> <ul id="toc-CSS_in_user_subpages_versus_CSS_in_a_local_file-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS_selectors" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS_selectors"> <div class="vector-toc-text"> 3.2 CSS selectors </div> </a> <ul id="toc-CSS_selectors-sublist" class="vector-toc-list"> <li id="toc-Edit_page" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Edit_page"> <div class="vector-toc-text"> 3.2.1 Edit page </div> </a> <ul id="toc-Edit_page-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Major_style_blocks" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Major_style_blocks"> <div class="vector-toc-text"> 3.2.2 Major style blocks </div> </a> <ul id="toc-Major_style_blocks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Non-display" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Non-display"> <div class="vector-toc-text"> 3.2.3 Non-display </div> </a> <ul id="toc-Non-display-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Style_depending_on_a_parameter_or_variable" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Style_depending_on_a_parameter_or_variable"> <div class="vector-toc-text"> 3.3 Style depending on a parameter or variable </div> </a> <ul id="toc-Style_depending_on_a_parameter_or_variable-sublist" class="vector-toc-list"> <li id="toc-Variable_class_or_id" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Variable_class_or_id"> <div class="vector-toc-text"> 3.3.1 Variable class or id </div> </a> <ul id="toc-Variable_class_or_id-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Variable_HTML_attribute_name" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Variable_HTML_attribute_name"> <div class="vector-toc-text"> 3.3.2 Variable HTML attribute name </div> </a> <ul id="toc-Variable_HTML_attribute_name-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Variable_style_parameter_value" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Variable_style_parameter_value"> <div class="vector-toc-text"> 3.3.3 Variable style parameter value </div> </a> <ul id="toc-Variable_style_parameter_value-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Samples" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Samples"> <div class="vector-toc-text"> 3.4 Samples </div> </a> <ul id="toc-Samples-sublist" class="vector-toc-list"> <li id="toc-Rounded_corners" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Rounded_corners"> <div class="vector-toc-text"> 3.4.1 Rounded corners </div> </a> <ul id="toc-Rounded_corners-sublist" class="vector-toc-list"> <li id="toc-Rounded_corners/tabs_links" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Rounded_corners/tabs_links"> <div class="vector-toc-text"> 3.4.1.1 Rounded corners/tabs links </div> </a> <ul id="toc-Rounded_corners/tabs_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Print_view_tweaks" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Print_view_tweaks"> <div class="vector-toc-text"> 3.4.2 Print view tweaks </div> </a> <ul id="toc-Print_view_tweaks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Make_the_user_toolbar_a_sidebox" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Make_the_user_toolbar_a_sidebox"> <div class="vector-toc-text"> 3.4.3 Make the user toolbar a sidebox </div> </a> <ul id="toc-Make_the_user_toolbar_a_sidebox-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Fix_the_top_bar's_position_while_you_scroll" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Fix_the_top_bar's_position_while_you_scroll"> <div class="vector-toc-text"> 3.4.4 Fix the top bar's position while you scroll </div> </a> <ul id="toc-Fix_the_top_bar's_position_while_you_scroll-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Fix_the_sidebar's_position_while_you_scroll" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Fix_the_sidebar's_position_while_you_scroll"> <div class="vector-toc-text"> 3.4.5 Fix the sidebar's position while you scroll </div> </a> <ul id="toc-Fix_the_sidebar's_position_while_you_scroll-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Monobook_menus_with_serif_fonts_in_the_content_area" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Monobook_menus_with_serif_fonts_in_the_content_area"> <div class="vector-toc-text"> 3.4.6 Monobook menus with serif fonts in the content area </div> </a> <ul id="toc-Monobook_menus_with_serif_fonts_in_the_content_area-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Moving_category_links" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Moving_category_links"> <div class="vector-toc-text"> 3.4.7 Moving category links </div> </a> <ul id="toc-Moving_category_links-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Diff_view_styling" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Diff_view_styling"> <div class="vector-toc-text"> 3.4.8 Diff view styling </div> </a> <ul id="toc-Diff_view_styling-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Removing_the_"(thank)"_buttons_in_History_log" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Removing_the_"(thank)"_buttons_in_History_log"> <div class="vector-toc-text"> 3.4.9 Removing the "(thank)" buttons in History log </div> </a> <ul id="toc-Removing_the_"(thank)"_buttons_in_History_log-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Hiding_long_instruction_messages" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Hiding_long_instruction_messages"> <div class="vector-toc-text"> 3.4.10 Hiding long instruction messages </div> </a> <ul id="toc-Hiding_long_instruction_messages-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Add_style_formatting_to_discussion_threads" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Add_style_formatting_to_discussion_threads"> <div class="vector-toc-text"> 3.4.11 Add style formatting to discussion threads </div> </a> <ul id="toc-Add_style_formatting_to_discussion_threads-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Infoboxes_and_user_style" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Infoboxes_and_user_style"> <div class="vector-toc-text"> 3.5 Infoboxes and user style </div> </a> <ul id="toc-Infoboxes_and_user_style-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-User_CSS_for_a_monospaced_coding_font" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#User_CSS_for_a_monospaced_coding_font"> <div class="vector-toc-text"> 3.6 User CSS for a monospaced coding font </div> </a> <ul id="toc-User_CSS_for_a_monospaced_coding_font-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links_on_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#External_links_on_CSS"> <div class="vector-toc-text"> 3.7 External links on CSS </div> </a> <ul id="toc-External_links_on_CSS-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-JavaScript" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#JavaScript"> <div class="vector-toc-text"> 4 JavaScript </div> </a> <button aria-controls="toc-JavaScript-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Toggle JavaScript subsection </button> <ul id="toc-JavaScript-sublist" class="vector-toc-list"> <li id="toc-Moving_categories_to_top" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Moving_categories_to_top"> <div class="vector-toc-text"> 4.1 Moving categories to top </div> </a> <ul id="toc-Moving_categories_to_top-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Wikitext-controlled_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Wikitext-controlled_CSS"> <div class="vector-toc-text"> 4.2 Wikitext-controlled CSS </div> </a> <ul id="toc-Wikitext-controlled_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links_on_JS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#External_links_on_JS"> <div class="vector-toc-text"> 4.3 External links on JS </div> </a> <ul id="toc-External_links_on_JS-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> 5 See also </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Toggle the table of contents </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading">Help:User style</h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 15 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-15" aria-hidden="true" > 15 languages </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Ajuda:Estil_personalitzat" title="Ajuda:Estil personalitzat – Catalan" lang="ca" hreflang="ca" data-title="Ajuda:Estil personalitzat" data-language-autonym="Català" data-language-local-name="Catalan" class="interlanguage-link-target">Català</a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/N%C3%A1pov%C4%9Bda:U%C5%BEivatelsk%C3%A9_styly" title="Nápověda:Uživatelské styly – Czech" lang="cs" hreflang="cs" data-title="Nápověda:Uživatelské styly" data-language-autonym="Čeština" data-language-local-name="Czech" class="interlanguage-link-target">Čeština</a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Wikipedia:Technik/Skin/CSS" title="Wikipedia:Technik/Skin/CSS – German" lang="de" hreflang="de" data-title="Wikipedia:Technik/Skin/CSS" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target">Deutsch</a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Vikipedio:CSS_kaj_JS" title="Vikipedio:CSS kaj JS – Esperanto" lang="eo" hreflang="eo" data-title="Vikipedio:CSS kaj JS" data-language-autonym="Esperanto" data-language-local-name="Esperanto" class="interlanguage-link-target">Esperanto</a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Aide:Personnaliser_l%27interface" title="Aide:Personnaliser l'interface – French" lang="fr" hreflang="fr" data-title="Aide:Personnaliser l'interface" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target">Français</a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Aiuto:Stile_utente" title="Aiuto:Stile utente – Italian" lang="it" hreflang="it" data-title="Aiuto:Stile utente" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target">Italiano</a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%A2%D7%96%D7%A8%D7%94:%D7%93%D7%A4%D7%99_CSS_%D7%90%D7%99%D7%A9%D7%99%D7%99%D7%9D" title="עזרה:דפי CSS אישיים – Hebrew" lang="he" hreflang="he" data-title="עזרה:דפי CSS אישיים" data-language-autonym="עברית" data-language-local-name="Hebrew" class="interlanguage-link-target">עברית</a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/%D0%A3%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D2%9A%D0%B0%D1%82%D1%8B%D1%81%D1%83%D1%88%D1%8B%D0%BD%D1%8B%D2%A3_%D0%B6%D0%B5%D0%BA%D0%B5_%D1%81%D1%82%D0%B8%D0%BB%D1%96" title="Уикипедия:Қатысушының жеке стилі – Kazakh" lang="kk" hreflang="kk" data-title="Уикипедия:Қатысушының жеке стилі" data-language-autonym="Қазақша" data-language-local-name="Kazakh" class="interlanguage-link-target">Қазақша</a></li><li class="interlanguage-link interwiki-ce mw-list-item"><a href="https://ce.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8:%D0%94%D0%BE%D0%BB%D0%B0%D1%85%D1%8C_%D0%B9%D0%BE%D0%BB%D1%83_%D0%B0%D0%B3l%D0%BE_%D0%BA%D0%B5%D1%87%D0%B9%D0%B0%D1%80" title="Википеди:Долахь йолу агlо кечйар – Chechen" lang="ce" hreflang="ce" data-title="Википеди:Долахь йолу агlо кечйар" data-language-autonym="Нохчийн" data-language-local-name="Chechen" class="interlanguage-link-target">Нохчийн</a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%9F%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5_%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5" title="Википедия:Персональное оформление – Russian" lang="ru" hreflang="ru" data-title="Википедия:Персональное оформление" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target">Русский</a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Pomoc:Pou%C5%BE%C3%ADvate%C4%BEsk%C3%A9_%C5%A1t%C3%BDly" title="Pomoc:Používateľské štýly – Slovak" lang="sk" hreflang="sk" data-title="Pomoc:Používateľské štýly" data-language-autonym="Slovenčina" data-language-local-name="Slovak" class="interlanguage-link-target">Slovenčina</a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Ohje:Omat_tyylit" title="Ohje:Omat tyylit – Finnish" lang="fi" hreflang="fi" data-title="Ohje:Omat tyylit" data-language-autonym="Suomi" data-language-local-name="Finnish" class="interlanguage-link-target">Suomi</a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89:%E0%B8%AA%E0%B9%84%E0%B8%95%E0%B8%A5%E0%B9%8C%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%83%E0%B8%8A%E0%B9%89" title="วิธีใช้:สไตล์ผู้ใช้ – Thai" lang="th" hreflang="th" data-title="วิธีใช้:สไตล์ผู้ใช้" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target">ไทย</a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%94%D0%BE%D0%B2%D1%96%D0%B4%D0%BA%D0%B0:%D0%9F%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B5_%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F" title="Довідка:Персональне оформлення – Ukrainian" lang="uk" hreflang="uk" data-title="Довідка:Персональне оформлення" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target">Українська</a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/Help:%E7%94%A8%E6%88%B7%E6%A0%B7%E5%BC%8F" title="Help:用户样式 – Chinese" lang="zh" hreflang="zh" data-title="Help:用户样式" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target">中文</a></li> </ul> <div class="after-portlet after-portlet-lang"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q4592529#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-help" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Help:User_style" title="View the help page [c]" accesskey="c">Help page</a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Help_talk:User_style" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t">Talk</a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >English </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Help:User_style">Read</a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Help:User_style&action=edit" title="Edit this page [e]" accesskey="e">Edit</a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Help:User_style&action=history" title="Past revisions of this page [h]" accesskey="h">View history</a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >Tools </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Help:User_style">Read</a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Help:User_style&action=edit" title="Edit this page [e]" accesskey="e">Edit</a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Help:User_style&action=history">View history</a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Help:User_style" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j">What links here</a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Help:User_style" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u">Upload file</a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q">Special pages</a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Help:User_style&oldid=1249279254" title="Permanent link to this revision of this page">Permanent link</a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Help:User_style&action=info" title="More information about this page">Page information</a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHelp%3AUser_style">Get shortened URL</a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHelp%3AUser_style">Download QR code</a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Help%3AUser_style&action=show-download-screen" title="Download this page as a PDF file">Download as PDF</a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Help:User_style&printable=yes" title="Printable version of this page [p]" accesskey="p">Printable version</a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-meta mw-list-item"><a href="https://meta.wikimedia.org/wiki/Help:User_style" hreflang="en">Meta-Wiki</a></li><li class="wb-otherproject-link wb-otherproject-wiktionary mw-list-item"><a href="https://en.wiktionary.org/wiki/Help:User_style" hreflang="en">Wiktionary</a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q4592529" title="Structured data on this page hosted by Wikidata [g]" accesskey="g">Wikidata item</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Wikipedia help page</div> <style data-mw-deduplicate="TemplateStyles:r1238436933">.mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:var(--background-color-neutral-subtle,#f8f9fa);box-sizing:border-box;color:var(--color-base,#202122)}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}body.skin--responsive .mw-parser-output table.ombox img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .ombox-speedy{background-color:#310402}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .ombox-speedy{background-color:#310402}}</style><table class="box-Update plainlinks ombox ombox-content ambox-Update" role="presentation"><tbody><tr><td class="mbox-image"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/42px-Ambox_current_red_Americas.svg.png" decoding="async" width="42" height="34" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/63px-Ambox_current_red_Americas.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/84px-Ambox_current_red_Americas.svg.png 2x" data-file-width="360" data-file-height="290"/></td><td class="mbox-text">This Wikipedia help page needs to be updated. Please help update this Wikipedia help page to reflect recent events or newly available information. Relevant discussion may be found on <a href="/wiki/Help_talk:User_style" title="Help talk:User style"> the talk page</a>.</td></tr></tbody></table> <style data-mw-deduplicate="TemplateStyles:r1252059228">.mw-parser-output .module-shortcutboxplain{float:right;margin:0 0 0 1em;border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-base,#fff);padding:0.3em 0.6em 0.2em 0.6em;text-align:center;font-size:85%}.mw-parser-output .module-shortcutboxleft{float:left;margin:0 1em 0 0}.mw-parser-output .module-shortcutlist{display:inline-block;border-bottom:1px solid var(--border-color-base,#a2a9b1);margin-bottom:0.2em}.mw-parser-output .module-shortcutboxplain ul{font-weight:bold}.mw-parser-output .module-shortcutanchordiv{position:relative;top:-3em}.mw-parser-output li .module-shortcutanchordiv{float:right}.mw-parser-output .mbox-imageright .module-shortcutboxplain{padding:0.4em 1em 0.4em 1em;line-height:1.3;margin:0}</style><div class="module-shortcutanchordiv"></div><div class="module-shortcutboxplain noprint" role="note"><div class="module-shortcutlist"><a href="/wiki/Wikipedia:Shortcut" title="Wikipedia:Shortcut">Shortcuts</a></div><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style><div class="plainlist"><ul><li><a class="external text" href="https://en.wikipedia.org/w/index.php?title=H:US&redirect=no">H:US</a></li><li><a class="external text" href="https://en.wikipedia.org/w/index.php?title=Wikipedia:USERSTYLE&redirect=no">WP:USERSTYLE</a></li></ul></div></div> The user can customize fonts, colors, positions of links in the margins, and many other things! This is done through custom <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">Cascading Style Sheets</a> stored in <a href="/wiki/Help:Link#Subpage_feature" title="Help:Link">subpages</a> of the user's "User" page. E.g. To create your own CSS modifications for the <a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">skin</a> you are presently using, create a page at <a href="/wiki/Special:MyPage/skin.css" title="Special:MyPage/skin.css">Special:MyPage/skin.css</a> containing the CSS you want to use (to apply your changes regardless which skin you are using, put them in <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">Special:MyPage/common.css</a> instead). For how to hide particular messages, see <a href="/wiki/Wikipedia:CSSHIDE" class="mw-redirect" title="Wikipedia:CSSHIDE">WP:CSSHIDE</a>. <meta property="mw:PageProp/toc"/> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="General" data-mw-thread-id="h-General">General</h2>[<a href="/w/index.php?title=Help:User_style&action=edit&section=1" title="Edit section: General">edit</a>]</div> <div class="mw-heading mw-heading3"><h3 id="Cascading_Style_Sheets" data-mw-thread-id="h-Cascading_Style_Sheets-General">Cascading Style Sheets</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=2" title="Edit section: Cascading Style Sheets">edit</a>]</div> For each user-definable style, a <a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">skin</a> is first selected, along with a corresponding Cascading Style Sheet (CSS). For each skin, the user can make various choices regarding fonts, colors, positions of links in the margin, etc. CSS is specified with reference to selectors <a rel="nofollow" class="external autonumber" href="http://www.w3.org/TR/REC-CSS2/selector.html">[1]</a>: <a href="/wiki/HTML_elements" class="mw-redirect" title="HTML elements">HTML elements</a>, classes, and ID's specified in the HTML code. Accordingly, what the possibilities are for each skin can be seen by looking at the HTML source code of a page, in particular looking at these classes and ID's: the more there are, the more versatility there is. There is CSS in the MediaWiki software itself, and Wikipedia overrides this using the following pages: <ul><li>Cologne Blue – <a href="/wiki/MediaWiki:Cologneblue.css" title="MediaWiki:Cologneblue.css">MediaWiki:Cologneblue.css</a></li> <li>Modern – <a href="/wiki/MediaWiki:Modern.css" title="MediaWiki:Modern.css">MediaWiki:Modern.css</a></li> <li>Monobook – <a href="/wiki/MediaWiki:Monobook.css" title="MediaWiki:Monobook.css">MediaWiki:Monobook.css</a></li> <li>Vector Legacy (2010) – <a href="/wiki/MediaWiki:Vector.css" title="MediaWiki:Vector.css">MediaWiki:Vector.css</a></li> <li>Vector 2022 (Default) – <a href="/wiki/MediaWiki:Vector-2022.css" title="MediaWiki:Vector-2022.css">MediaWiki:Vector-2022.css</a></li></ul> Site-wide CSS is in <a href="/wiki/MediaWiki:Common.css" title="MediaWiki:Common.css">MediaWiki:Common.css</a> You can override these for yourself using user styles. To make changes that apply regardless of your current skin, change your <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">common.css</a>. To make changes that affect your current skin, change your <a href="/wiki/Special:MyPage/skin.css" title="Special:MyPage/skin.css">skin.css</a>. To make changes that affect all Wikimedia projects, you can log in to <a href="https://meta.wikimedia.org/wiki/" class="extiw" title="meta:">Meta</a> and change your <a href="https://meta.wikimedia.org/wiki/Special:MyPage/global.css" class="extiw" title="meta:Special:MyPage/global.css">global.css</a>. Enter some CSS into that page. Preview of CSS works in a special way: it allows viewing of the margins of the page (not the contents) on the basis of the style info in the page, provided that the skin used is the skin for which the page applies. This has limitations. E.g., one can preview how links in the margin will look, but these may not be of all the types one would want to check. After saving, while still on the page or while on any other page, do a forced reload (shift-reload/ctrl-f5) to get the new files. For the user CSS to be automatically loaded, make sure the <code><a href="https://www.mediawiki.org/wiki/Manual:$wgAllowUserCss" class="extiw" title="mw:Manual:$wgAllowUserCss">$wgAllowUserCss</a></code> variable is set to true on config. Otherwise, it is possible to load it by JavaScript. To import CSS from a user subpage by JavaScript, use the <code>mw.loader.load</code> command in your <a href="/wiki/Special:MyPage/common.js" title="Special:MyPage/common.js">common.js</a>: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre> mw.loader.load( '/w/index.php?title=User:Example/stylesheet.css&action=raw&ctype=text/css', 'text/css' ); </pre></div> <div class="mw-heading mw-heading3"><h3 id="JavaScript_&_user_scripts" data-mw-thread-id="h-JavaScript_&_user_scripts-General">JavaScript & user scripts</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=3" title="Edit section: JavaScript & user scripts">edit</a>]</div> <style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable">Main page: <a href="/wiki/Wikipedia:User_scripts" title="Wikipedia:User scripts">Wikipedia:User scripts</a></div> On Wikipedia, JavaScript can be used to add new features such as add find/replace textboxes or give advanced rollback options. There are scripts to customise everything, from default font style to custom buttons. Many script pages can be <a href="/wiki/Template:Js" title="Template:Js">imported and used</a>. Different scripts can also be used in conjunction with each other to accomplish several tasks at once. Some scripts are available as "Gadgets", which means they can be installed by simply ticking a box in the "Gadgets" tab of <a href="/wiki/Special:Preferences" title="Special:Preferences">Special:Preferences</a>. In order to add pre-existing scripts to your JavaScript page, add <code>{{subst:js|name of script}}</code> to the file. More detailed instructions can be found at the <a href="/wiki/Wikipedia:User_scripts/Guide" title="Wikipedia:User scripts/Guide">Wikipedia:User scripts/Guide</a>. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="Rendering" data-mw-thread-id="h-Rendering">Rendering</h2>[<a href="/w/index.php?title=Help:User_style&action=edit&section=4" title="Edit section: Rendering">edit</a>]</div> The HTML source of a page contains lines like <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre> <script src="/w/wiki.phtml?title=User:your-username-here/standard.js&amp;action=raw&amp;ctype=text/javascript"> </script> @import "/style/wikistandard.css"; @import "/w/wiki.phtml?title=User:your-username-here/standard.css&action=raw&ctype=text/css"; </pre></div> for the project-wide CSS for the particular skin (in this case here on Wikipedia referring to //en.wikipedia.org/style/wikistandard.css ) and the personal JS and CSS for a particular skin. Thus the server provides HTML referring to the CSS and JS files, but it does not do any interpretation of their content. The interpretation is done by the browser, depending on its capabilities and settings. <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="CSS" data-mw-thread-id="h-CSS">CSS</h2>[<a href="/w/index.php?title=Help:User_style&action=edit&section=5" title="Edit section: CSS">edit</a>]</div> <div class="mw-heading mw-heading3"><h3 id="CSS_in_user_subpages_versus_CSS_in_a_local_file" data-mw-thread-id="h-CSS_in_user_subpages_versus_CSS_in_a_local_file-CSS">CSS in user subpages versus CSS in a local file</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=6" title="Edit section: CSS in user subpages versus CSS in a local file">edit</a>]</div> In addition to the above, or alternatively, a local CSS can be set on the browser. If one uses multiple browsers, each can be set to a different CSS. Each applies to the whole World Wide Web, not just a MediaWiki project (and does not depend on being logged in). However, a setting only affects other webpages if they use the same CSS selector; e.g. a setting for the selector a.extiw affects fewer pages on the web than one for h2 (but it affects at least all MediaWiki projects, not just one). For lines of CSS which should be different on different MediaWiki projects, e.g. for a different background color for easy distinction, clearly the local CSS cannot be used; at least these lines should be put in the user subpages. Some computers, e.g. in internet cafes, mobile devices/tablets, do not allow users to set preferences for the browser. In that case the user subpages allow the setting of a user style anyway. When the browser has been set to the option to ignore the font size specified in the webpage or external CSS, CSS lines regarding font size have to be put in the local CSS. <div class="mw-heading mw-heading3"><h3 id="CSS_selectors" data-mw-thread-id="h-CSS_selectors-CSS">CSS selectors</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=7" title="Edit section: CSS selectors">edit</a>]</div> The CSS selectors, expressed in terms of elements, classes and id's, relevant for the style of the page body include the following. As far as possible, examples are given, which show the result for the current style settings: <ul><li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link</code> — links — example: <a href="/wiki/Help:Index" class="mw-redirect" title="Help:Index">Help:Index</a> ; default: help:index (See <a href="#note_on_link_selector">a vs :link</a>)</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link:link</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link:visited</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link#contentTop</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.external</code> — <a rel="nofollow" class="external free" href="http://example">http://example</a> ; default: http://example</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.extiw</code> – interwiki link in page body – ; default: en:example</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.image</code> – link from full image to image description page</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.internal</code> – link to file itself (Media:), and links from thumbnail and magnifying glass icon to image description page (note that color and font size specified for a.internal are only applicable in the first case)</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.new</code> <a href="/w/index.php?title=Exampl&action=edit&redlink=1" class="new" title="Exampl (page does not exist)">example</a> ; default: example</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">.allpagesredirect</code> – <a href="/wiki/Abc" class="mw-redirect mw-disambig" title="Abc">abc</a> – redirects in <a href="/wiki/Special:AllPages" title="Special:AllPages">Special:Allpages</a> and <a href="/wiki/Special:PrefixIndex" title="Special:PrefixIndex">Special:Prefixindex</a></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">body.ns-0</code>, ..., <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">body.ns-15</code> (namespaces)</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div#bodyContent</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div#column-content</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div#editsection</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div#globalWrapper</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div#tocindent</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">div.tocline</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">h1.firstHeading</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">h2</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">h3</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">img.tex</code> TeX image</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">small</code> – example</li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">table.toc</code></li></ul> <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">a</code> vs <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link</code> – It's a common mistake to use "<code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">a</code>" instead of "<code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link</code>" to style links. Whereas "<code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link</code>" applies only to links, "<code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">a</code>" applies to both links and named anchors (e.g. <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><a name="bookmark"></code>). Normal internal links are not in class <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">internal</code> (they used to be, and still are on sites that use an older version of the software, e.g. <a rel="nofollow" class="external autonumber" href="http://openfacts.berlios.de/index-en.phtml?title=Main_Page">[2]</a>); they can be styled referring to <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link</code> and <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link:visited</code>, in general, after which styling of <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link.extiw</code> etc. can provide for exceptions to this general style for links. For interlanguage links: <ul><li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">#p-lang a</code></li></ul> One may also have the style depend on the value of an attribute, e.g. with the selectors: <ul><li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link[title ="User:''username''"]</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link[title ="''pagename''"]</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">:link[href ="''full url ''"]</code></li></ul> to color-code or highlight particular users (including oneself) and/or links to particular pages (like the bolding of watched pages on Recent Changes). This works in Opera, but not in IE. See also <a href="/wiki/Help:Watching_pages#CSS" class="mw-redirect" title="Help:Watching pages">Help:Watching pages#CSS</a>. The watchlist and Recent Changes use two classes: <ul><li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">autocomment</code> <div class="autocomment">example</div></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">new</code> (see below)</li></ul> The page history has classes <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">autocomment</code> and: <ul><li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">user</code></li> <li><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">minor</code></li></ul> Thus the font specified for user applies in the page history, but not in the watchlist or Recent Changes. <div class="mw-heading mw-heading4"><h4 id="Edit_page" data-mw-thread-id="h-Edit_page-CSS_selectors">Edit page</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=8" title="Edit section: Edit page">edit</a>]</div> <ul><li>Edit box: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">textarea#wpTextbox1</code></li></ul> <div class="textarea#wpTextbox1">example1</div> <ul><li>Edit summary box: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr">input#wpSummary</code></li></ul> <div class="input#wpSummary">example2</div> <div class="mw-heading mw-heading4"><h4 id="Major_style_blocks" data-mw-thread-id="h-Major_style_blocks-CSS_selectors">Major style blocks</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=9" title="Edit section: Major style blocks">edit</a>]</div> See <a href="https://meta.wikimedia.org/wiki/Customization:Explaining_skins" class="extiw" title="meta:Customization:Explaining skins">meta:Customization:Explaining_skins</a> <div class="mw-heading mw-heading4"><h4 id="Non-display" data-mw-thread-id="h-Non-display-CSS_selectors">Non-display</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=10" title="Edit section: Non-display">edit</a>]</div> One extreme "style" for a text is not displaying it, with <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>.classname {display: none} #id {display: none} </pre></div> etc. Non-displayed links do not work (as opposed to links in a very small font). It cannot be used to remove text in expressions for template names, parameter names, parameter values, page names in links, etc. <div class="mw-heading mw-heading3"><h3 id="Style_depending_on_a_parameter_or_variable" data-mw-thread-id="h-Style_depending_on_a_parameter_or_variable-CSS">Style depending on a parameter or variable</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=11" title="Edit section: Style depending on a parameter or variable">edit</a>]</div> <div class="mw-heading mw-heading4"><h4 id="Variable_class_or_id" data-mw-thread-id="h-Variable_class_or_id-Style_depending_on_a_parameter_or_variable">Variable class or id</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=12" title="Edit section: Variable class or id">edit</a>]</div> A class or id can depend on the result produced by a template or on a template parameter, e.g. <code>class="abcdef"</code>. For one or more of the possible class names the style of that class can be defined. If the class is undefined it is ignored, so the standard style is used. In the simplest case we have e.g. <code>class="abc{{{1}}}"</code> and define class abcdef. If the parameter value is "def" it applies. If a page for general use only makes sense when styles are defined for certain classes, then these have to be specified in the page <a href="/wiki/MediaWiki:Common.css" title="MediaWiki:Common.css">MediaWiki:Common.css</a>, which applies for all users and all skins, as far as not overridden. <div class="mw-heading mw-heading4"><h4 id="Variable_HTML_attribute_name" data-mw-thread-id="h-Variable_HTML_attribute_name-Style_depending_on_a_parameter_or_variable">Variable HTML attribute name</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=13" title="Edit section: Variable HTML attribute name">edit</a>]</div> An HTML attribute name can be made variable. <a href="/wiki/HTML_Tidy" title="HTML Tidy">HTML Tidy</a> – an outdated HTML4 library that is <a href="https://www.mediawiki.org/wiki/Parsing/Replacing_Tidy" class="extiw" title="mw:Parsing/Replacing Tidy">slated for removal</a> – has historically removed attributes with invalid names at the server side, so the result does not depend on a browser capability to ignore invalid attribute names, and the amount of data sent is reduced. For a variable with possible value "class", see <a href="/wiki/Wikipedia:HiddenStructure" title="Wikipedia:HiddenStructure">Wikipedia:HiddenStructure</a> and <a href="/wiki/Template:Infobox" title="Template:Infobox">en:Template:Infobox</a> (<a href="/wiki/Special:WhatLinksHere/Template:Infobox" title="Special:WhatLinksHere/Template:Infobox">backlinks</a> <a class="external text" href="https://en.wikipedia.org/w/index.php?title=Template:Infobox&action=edit">edit</a>). <div class="mw-heading mw-heading4"><h4 id="Variable_style_parameter_value" data-mw-thread-id="h-Variable_style_parameter_value-Style_depending_on_a_parameter_or_variable">Variable style parameter value</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=14" title="Edit section: Variable style parameter value">edit</a>]</div> Wikitext like <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span style="display:{{{3|none}}}">Wed</span> </pre></div> displays "Wed" if parameter 3 is defined, but not "none", and displays nothing if parameter 3 is undefined or "none". If the value of parameter 3 is a display style other than "none", that style is applied. <div class="mw-heading mw-heading3"><h3 id="Samples" data-mw-thread-id="h-Samples-CSS">Samples</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=15" title="Edit section: Samples">edit</a>]</div> Custom styles can be placed in each user's personal CSS files, such as <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">Special:MyPage/common.css</a>, which each user can edit to set personal styles. <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* make the background behind the content area and the tabs a light grey */ #content, #content table #p-cactions ul li a { background: #f5f5f5; } /* stop background image from scrolling with content area */ body { background-attachment: fixed; } /* replace the book in the background with something else */ body { background: Purple; } /* changes the background of pre areas */ pre { background: White } /* change the logo */ #p-logo a { background: url(https://upload.wikimedia.org/wikipedia/commons/9/93/Color-chars-logo.png) 35% 50% no-repeat; } /* don't use any logo, move the boxes onto that area instead */ #p-logo { display: none } #column-one { padding-top: 0; } /* suppress the person icon by your username */ li#pt-userpage { background: none } /* use browser prefs for text size and font */ html, body, #globalWrapper { font: inherit !important; } /* always underline links */ :link { text-decoration: underline; } /*Display body content in a narrower column for easier reading*/ /*adjust percentages as desired*/ div#bodyContent { width: 50%; line-height: 105%; } /* change background of unselected tabs */ #p-cactions ul li a { background: #C7FDC7; } /* change background of selected tabs */ #p-cactions ul li.selected a { background: white; } /* change border background of selected tabs */ #p-cactions li.selected { border-color: #aaaaaa; } /* tab bottom not removed on hover */ #p-cactions li a:hover { z-index: 0; text-decoration: none; } #p-cactions li.selected a:hover { z-index: 3; } /* style the search box and the buttons below it */ .searchButton { background-color: #efefef; border: 1px outset; } #searchInput { border: 1px inset; } /* standard link colors */ a:link { color: #0645ad; } a:visited { color: #0b0080; } a.new:link { color: #cc2200; } a.new:visited { color: #a55858; } a.extiw:link { color: #3366bb; } /* links to other Wikipedias */ a.extiw:visited { color: #3366bb; } a.external:link { color: #3366bb; } /* external links */ a.external:visited { color: #3366bb; } /* put scrollbar on pre sections instead of ugly cutoff/overlap in Firefox */ pre { overflow: auto; } /* strikeout Upload File link as a reminder to upload to Commons instead */ li#t-upload { text-decoration: line-through; } /* center/centre the title of each page */ .firstHeading { text-align: center; } /* Double-redirect warning */ div.redirectMsg a.mw-redirect:after { content: ' &lt;double redirect&gt;'; color: Red; font-style: italic; } /* Prevent the new CSS in "Typography Refresh" (since early 2014) from showing page titles and headings in serif font */ h1, h2 { font-family: inherit !important; } /* Display persondata boxes in articles */ table.persondata { display:table; } /* Get rid of tedious warnings */ #editpage-copywarn, #editpage-copywarn2, #editpage-copywarn3, #editpage-head-copywarn, .editpage-head-copywarn, #editnotice_BLP_editintro, .ve-ui-mwSaveDialog-license { display: none !important; } /* Get rid of tedious noob boilerplate */ #category-namespace-editnotice, #footer-info-copyright, #sitesub, .edithelp, .posteditwindowhelplinks, #footer-icons, .ve-ui-mwSaveDialog-summaryLabel { display: none !important; } /* Save space in list of templates displayed at end of page when editing */ :templatesUsed ul, :templatesUsed li {display: inline; padding-right: 5px;} /* Change all text to the font "Avenir" (except headers) (you can change the font to anything else) */ .mw-body h1, .mw-body h2 { font-family: "Avenir" } </pre></div> <ul><li><a href="/w/index.php?title=Category:Snippets_with_CSS&action=edit&redlink=1" class="new" title="Category:Snippets with CSS (page does not exist)">snippets with CSS</a> MW examples</li></ul> <div class="mw-heading mw-heading4"><h4 id="Rounded_corners" data-mw-thread-id="h-Rounded_corners-Samples">Rounded corners</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=16" title="Edit section: Rounded corners">edit</a>]</div> <figure typeof="mw:File/Thumb"><a href="/wiki/File:Rounded_corners.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Rounded_corners.jpg/100px-Rounded_corners.jpg" decoding="async" width="100" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Rounded_corners.jpg/150px-Rounded_corners.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Rounded_corners.jpg/200px-Rounded_corners.jpg 2x" data-file-width="1280" data-file-height="1024"/></a><figcaption>Rounded corner rules in Firefox</figcaption></figure> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* make a few corners round */ #p-cactions ul li, #p-cactions ul li a { border-top-left-radius: 1em; border-top-right-radius: 1em; } #content { border-top-left-radius: 1em; border-bottom-left-radius: 1em; } .pBody { border-top-right-radius: 1em; border-bottom-right-radius: 1em; } </pre></div> <div class="mw-heading mw-heading5"><h5 id="Rounded_corners/tabs_links" data-mw-thread-id="h-Rounded_corners/tabs_links-Rounded_corners">Rounded corners/tabs links</h5>[<a href="/w/index.php?title=Help:User_style&action=edit&section=17" title="Edit section: Rounded corners/tabs links">edit</a>]</div> <ul><li>Moz: see the rules above</li> <li><a rel="nofollow" class="external free" href="http://www.vertexwerks.com/tests/sidebox/">http://www.vertexwerks.com/tests/sidebox/</a> – sidebox formatting</li> <li><a rel="nofollow" class="external free" href="http://www.alistapart.com/articles/slidingdoors2/">http://www.alistapart.com/articles/slidingdoors2/</a> – rounded tabs with rollover effect</li> <li><a rel="nofollow" class="external free" href="http://www.alistapart.com/articles/customcorners/">http://www.alistapart.com/articles/customcorners/</a> – another variant for rounded box corners</li> <li><a rel="nofollow" class="external free" href="http://alistapart.com/articles/customcorners2/">http://alistapart.com/articles/customcorners2/</a>, <a rel="nofollow" class="external text" href="http://alistapart.com/d/customcorners2/step2.4.html">Demo of this</a></li> <li><a rel="nofollow" class="external free" href="http://www.alistapart.com/articles/mountaintop/">http://www.alistapart.com/articles/mountaintop/</a> – even weirder corner variants</li> <li><a rel="nofollow" class="external free" href="http://www.virtuelvis.com/gallery/css/rounded/">http://www.virtuelvis.com/gallery/css/rounded/</a> – simple freestyle variant using the :before and :after pseudo-elements (only css2 browsers, not in IE)</li></ul> <div class="mw-heading mw-heading4"><h4 id="Print_view_tweaks" data-mw-thread-id="h-Print_view_tweaks-Samples">Print view tweaks</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=18" title="Edit section: Print view tweaks">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* ** Place all print-specific rules in an @media print block. */ /* save ink and paper with very small fonts */ @media print { #footer, #content, body { font-size: 8pt !important; } h1 { font-size: 17pt } h2 { font-size: 14pt } h3 { font-size: 11pt } h4 { font-size: 9pt } h5 { font-size: 8pt } h6 { font-size: 8pt; font-weight: normal; } } /* Advanced things: using :before and :after it's possible to add formatting this here adds the full href of a link after it (not needed in the current version): */ @media print { #content a:link:after, #content a:visited:after { content: " ( " attr(href) " ) "; } } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Make_the_user_toolbar_a_sidebox" data-mw-thread-id="h-Make_the_user_toolbar_a_sidebox-Samples">Make the user toolbar a sidebox</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=19" title="Edit section: Make the user toolbar a sidebox">edit</a>]</div> Tested to work in Camino, Safari and Internet Explorer 7. <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Transform the user toolbar into a sidebox */ #p-personal { position:relative; z-index:3; width: 11.6em; } #p-personal .pBody { width: 10.7em; border: none; margin: 0 0 0.1em 0em; float: none; overflow: hidden; font-size: 95%; background: White; border-collapse: collapse; border: 1px solid #aaaaaa; padding: 0 0.8em 0.3em .5em; } #p-personal ul { line-height: 1.5em; list-style-type: square; list-style-image: url("/style/monobook/bullet.gif"); font-size:95%; margin: 0 0 0 1.5em; padding:0; text-align:left; text-transform: none; } #p-personal li { display: list-item; padding:0; margin: 0 0 0 0; margin-bottom: 0.1em; } /* suppress the person icon by your username */ /* needed if not already in place */ li#pt-userpage { background: none } </pre></div> See the monobook <a class="external text" href="https://test.wikipedia.org/style/monobook/main.css">main.css</a> for the full styles in use by default. <div class="mw-heading mw-heading4"><h4 id="Fix_the_top_bar's_position_while_you_scroll" data-mw-thread-id="h-Fix_the_top_bar's_position_while_you_scroll-Samples">Fix the top bar's position while you scroll</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=20" title="Edit section: Fix the top bar's position while you scroll">edit</a>]</div> This style allows Vector Legacy users to keep the top bar (with the search bar and the talkpage, edit, userpage, etc. links) visible as you scroll, similar to Vector 2022: <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>@media screen { #mw-head { position: fixed; background: linear-gradient(to bottom,#fff 50%,#f6f6f6 100%); } } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Fix_the_sidebar's_position_while_you_scroll" data-mw-thread-id="h-Fix_the_sidebar's_position_while_you_scroll-Samples">Fix the sidebar's position while you scroll</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=21" title="Edit section: Fix the sidebar's position while you scroll">edit</a>]</div> In the Vector Legacy skin, the sidebar's position can be fixed easily: <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Fix sidebar */ div#mw-panel { position: fixed; overflow: auto; top: 0px; bottom: 0px; height: 100%; /* Prevent content overlay when sidewards scrolling */ background-color: #F6F6F6; border-right: 1px solid #A7D7F9; } /* Prevent sidewards scrolling in pre elements */ pre { overflow: auto; max-height: 25em; } </pre></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Fixed_sidebar.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Fixed_sidebar.png/220px-Fixed_sidebar.png" decoding="async" width="220" height="173" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Fixed_sidebar.png/330px-Fixed_sidebar.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/21/Fixed_sidebar.png/440px-Fixed_sidebar.png 2x" data-file-width="1144" data-file-height="901"/></a><figcaption>This script and CSS makes the sidebar stay in the same position on the screen as you scroll</figcaption></figure> This may have undesirable side effects in Chrome; e.g., when viewing a page like the very common.css page you just edited to put this code in, the viewable content will become much shorter, and require vertical scrolling in a frame. The Cologne Blue skin has an option for a "floating left" quickbar, which causes the navigation links and toolboxes and such to stay in the same position on the screen while you scroll. This provides the same functionality for the Monobook skin (in Mozilla). See <a href="https://meta.wikimedia.org/wiki/Help:User_style/floating_quickbar" class="extiw" title="meta:Help:User style/floating quickbar">meta:Help:User style/floating quickbar</a>. <div class="mw-heading mw-heading4"><h4 id="Monobook_menus_with_serif_fonts_in_the_content_area" data-mw-thread-id="h-Monobook_menus_with_serif_fonts_in_the_content_area-Samples">Monobook menus with serif fonts in the content area</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=22" title="Edit section: Monobook menus with serif fonts in the content area">edit</a>]</div> A quick-and-dirty combinaton of Monobook menus with serif fonts in the text area is found at <a href="/wiki/User:Tillwe/monobook.css" title="User:Tillwe/monobook.css">User:Tillwe/monobook.css</a> (in the first part). Also displays table-formatted things more or less correctly. There are some quirks and bugs (some because the CSS scheme of Wikipedia doesn't seem to be too thoughtful). Works on Netscape7/Win98 for the author. <div class="mw-heading mw-heading4"><h4 id="Moving_category_links" data-mw-thread-id="h-Moving_category_links-Samples">Moving category links</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=23" title="Edit section: Moving category links">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/******************************************************************/ /* moving catlinks to the right */ /******************************************************************/ /* move the catlinks box */ #catlinks { position:absolute; z-index:1; border: 1px solid #aaaaaa; background: #fafaff; right:1em; top:-0.25em; width:10.5em; float:right; margin: 0.2em; padding:0.2em; } /* format the catlinks itself */ p.catlinks { color: #aaaaaa; font-family: Verdana,sans-serif; font-size:67%; line-height: 1.5em; text-align:left; text-indent:0; text-transform: none; white-space:normal; margin: 0.2em; } #p-personal h5 { display: inline; } /* format links in the catlinks (as distinguished from ":" and "|") */ p.catlinks a { color:#888888; } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Diff_view_styling" data-mw-thread-id="h-Diff_view_styling-Samples">Diff view styling</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=24" title="Edit section: Diff view styling">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* don't use a smaller font */ td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 100% }; /* underline just the text that's different */ span.diffchange { text-decoration:underline; } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Removing_the_"(thank)"_buttons_in_History_log" data-mw-thread-id="h-Removing_the_"(thank)"_buttons_in_History_log-Samples">Removing the "(thank)" buttons in History log</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=25" title="Edit section: Removing the "(thank)" buttons in History log">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/*Suppress "(thank)" buttons*/ .mw-thanks-thank-link { display:none; } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Hiding_long_instruction_messages" data-mw-thread-id="h-Hiding_long_instruction_messages-Samples">Hiding long instruction messages</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=26" title="Edit section: Hiding long instruction messages">edit</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* hide View-Source blurb when editing a protected page */ #mw-protectedpagetext { display: none; } </pre></div> As with other CSS styles above, edit <a href="/wiki/Special:MyPage/skin.css" title="Special:MyPage/skin.css">Special:MyPage/skin.css</a> or <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">Special:MyPage/common.css</a> to insert the customized CSS, and then refresh the browser's cache. <div class="mw-heading mw-heading4"><h4 id="Add_style_formatting_to_discussion_threads" data-mw-thread-id="h-Add_style_formatting_to_discussion_threads-Samples">Add style formatting to discussion threads</h4>[<a href="/w/index.php?title=Help:User_style&action=edit&section=27" title="Edit section: Add style formatting to discussion threads">edit</a>]</div> There is an experimental style sheet to add vertical lines to the left of discussion threads and to alternate between two different background colours. See <a href="/wiki/User:Isaacl/style/discussion-threads" title="User:Isaacl/style/discussion-threads">User:Isaacl/style/discussion-threads</a> for more details and a mockup of the appearance. <div class="mw-heading mw-heading3"><h3 id="Infoboxes_and_user_style" data-mw-thread-id="h-Infoboxes_and_user_style-CSS">Infoboxes and user style</h3></div> Users can have <a href="/wiki/Wikipedia:User_style" class="mw-redirect" title="Wikipedia:User style">user CSS</a> that hides any infoboxes in their own browsers. To hide all infoboxes, add the following to <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">Special:MyPage/common.css</a> (for all <a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">skins</a>, or <a href="/wiki/Special:MyPage/skin.css" title="Special:MyPage/skin.css">Special:MyPage/skin.css</a> for just the current skin), on a line by itself: <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>div.mw-parser-output .infobox { display: none; } </pre></div> Alternatively, you can add the following code to <a href="/wiki/Special:MyPage/common.js" title="Special:MyPage/common.js">your common.js</a> or into a browser user script that is executed by an extension like <a href="/wiki/Greasemonkey" title="Greasemonkey">Greasemonkey</a>: <div class="mw-highlight mw-highlight-lang-js mw-content-ltr" dir="ltr"><pre>$('.infobox').hide(); </pre></div> Be aware that although, per <a href="/wiki/Wikipedia:Manual_of_Style/Infoboxes" title="Wikipedia:Manual of Style/Infoboxes">WP:Manual of Style/Infoboxes</a>, all information in an infobox ideally should also be found in the main body of an article, there isn't perfect compliance with this guideline. For example, the full taxonomic hierarchy in <code>{{<a href="/wiki/Template:Taxobox" title="Template:Taxobox">Taxobox</a>}}</code>, and the OMIM and other medical database codes of <code>{{<a href="/wiki/Template:Infobox_disease" class="mw-redirect" title="Template:Infobox disease">Infobox disease</a>}}</code> are often not found in the main article content. The infobox is also often the location of the most significant, even only, image in an article. There is a userscript which removes infoboxes but moves the images contained to separate thumbnails: <a href="/wiki/User:Maddy_from_Celeste/disinfobox.js" title="User:Maddy from Celeste/disinfobox.js">User:Maddy from Celeste/disinfobox.js</a>. <div class="mw-heading mw-heading3"><h3 id="User_CSS_for_a_monospaced_coding_font" data-mw-thread-id="h-User_CSS_for_a_monospaced_coding_font-CSS">User CSS for a monospaced coding font</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=28" title="Edit section: User CSS for a monospaced coding font">edit</a>]</div> <div style="float:right; padding:0 1em;"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist"><ul><li class="nv-view"><a href="/wiki/Template:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template:Mxt/User CSS for a monospaced coding font">view</a></li><li class="nv-talk"><a href="/wiki/Template_talk:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template talk:Mxt/User CSS for a monospaced coding font">talk</a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Mxt/User_CSS_for_a_monospaced_coding_font" title="Special:EditPage/Template:Mxt/User CSS for a monospaced coding font">edit</a></li></ul></div></div> To consistently use a <a href="/wiki/Monospaced_font" title="Monospaced font">monospaced font</a> with well-designed characters for coding so as to clearly distinguish between <code>l</code>, <code>1</code>, and <code>I</code>, and between <code>O</code> and <code>0</code>, and between <code>-</code>, <code>−</code>, <code>–</code>, and <code>—</code>, the system-default monospaced font can be changed: If like it as-is, you can simply <code>@import</code> (transclude) it: see <a href="https://meta.wikimedia.org/wiki/User:SMcCandlish/codefont.css" class="extiw" title="meta:User:SMcCandlish/codefont.css">meta:User:SMcCandlish/codefont.css</a> for quick instructions. Otherwise, copy one of the code snippets below to your <a href="/wiki/Special:MyPage/common.css" title="Special:MyPage/common.css">Special:MyPage/common.css</a> or <a href="https://meta.wikimedia.org/wiki/Special:MyPage/global.css" class="extiw" title="meta:Special:MyPage/global.css">meta:Special:MyPage/global.css</a> page, replacing <style data-mw-deduplicate="TemplateStyles:r1239335663">.mw-parser-output .mw-tmpl-kbd{background:#EEE;color:var(--color-base)}@media screen{html.skin-theme-clientpref-night .mw-parser-output .mw-tmpl-kbd{background:#171a1d}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .mw-tmpl-kbd{background:#171a1d}}</style><kbd class="mw-tmpl-kbd" style="letter-spacing:0.05em; padding-left:0.25em; padding-right:0.2em;">"Roboto Mono"</kbd> in the code with your preferred coding font. (<a rel="nofollow" class="external text" href="https://fonts.google.com/specimen/Roboto+Mono">Roboto Mono</a> was used in this example as it is good, free coding font, for user-editable material on the wiki). This code will: <ul><li>Apply a consistent monospace font of choice to all the normally monospaced HTML elements like <code class="nowrap" style=""><code></code>, <code class="nowrap" style=""><pre></code>, etc.</li> <li>Fallback to system-default <samp style="padding-left:0.4em; padding-right:0.4em; color:var( --color-subtle, #666666);">monospace</samp> font, should the chosen font be unavailable or lack the necessary characters.</li> <li>Do the same for the output of all <a href="/wiki/Category:Example-formatting_templates" title="Category:Example-formatting templates">Example-formatting templates</a>, such as <code>{{<a href="/wiki/Template:Mxt" title="Template:Mxt">mxt</a>}}</code> and <code>{{<a href="/wiki/Template:Xt" title="Template:Xt">xt</a>}}</code>.</li> <li>Apply to additional site-wide classes identified so far (e.g., <code>.monospaced</code>) that output as monospace.</li> <li>Make the three most frequently encountered editing fields also use this font stack: the main editing window, the edit summary line, and the search entry box.</li> <li>If any additional <a href="/wiki/Class_(computer_programming)" title="Class (computer programming)">classes</a> are known that should be added, please update this page or mention it on <a href="/wiki/Template_talk:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template talk:Mxt/User CSS for a monospaced coding font">the talk page</a>.</li></ul> Horizontal style <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Use my font, when available, for code */ code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { font-family: "Roboto Mono", monospace !important; } /* Make some of the editable stuff monospaced */ #wpTextbox1, #wpSummary, #searchInput, #searchText { font-family: "Roboto Mono", monospace !important; } </pre></div> Vertical style <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Use my font, when available, for code */ code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button .plaincode { font-family: "Roboto Mono", monospace !important; } /* Make some of the editable stuff monospaced */ #wpTextbox1, #wpSummary, #searchInput, #searchText { font-family: "Roboto Mono", monospace !important; } </pre></div> Cleanup efforts If you'd like to help clean up instances of the <code class="nowrap" style=""><tt>...</tt></code> element – which has been discouraged since the 1990s, and should usually be replaced with <code class="nowrap" style=""><code>...</code></code> (this may vary by context) – you can add something like the following to your <samp style="padding-left:0.4em; padding-right:0.4em; color:var( --color-subtle, #666666);">common.css</samp> to make <code class="nowrap" style=""><tt></code> stick out like a sore thumb: <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Flag bad code for cleanup */ tt { color: DarkRed; background: Pink; } </pre></div> You can also do this with <code class="nowrap" style=""></code>, <code class="nowrap" style=""><center></code>, <code class="nowrap" style=""><strike></code>, and other <a href="/wiki/Wikipedia:HTML_5#Obsolete_elements_and_attributes" class="mw-redirect" title="Wikipedia:HTML 5">deprecated elements</a>. For CSS you can just import for this, see <a href="https://meta.wikimedia.org/wiki/User:SMcCandlish/lint.css" class="extiw" title="meta:User:SMcCandlish/lint.css">meta:User:SMcCandlish/lint.css</a>. <div class="mw-heading mw-heading3"><h3 id="External_links_on_CSS" data-mw-thread-id="h-External_links_on_CSS-CSS">External links on CSS</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=29" title="Edit section: External links on CSS">edit</a>]</div> <ul><li><a rel="nofollow" class="external free" href="http://www.22bulbjungle.com/">http://www.22bulbjungle.com/</a> – great css tutorials</li> <li><a rel="nofollow" class="external free" href="http://www.csszengarden.com/">http://www.csszengarden.com/</a> – inspiration</li> <li><a rel="nofollow" class="external free" href="http://www.alistapart.com/">http://www.alistapart.com/</a> – great articles</li> <li><a rel="nofollow" class="external free" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a> – some entertaining i.e. bugs and more</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="JavaScript" data-mw-thread-id="h-JavaScript">JavaScript</h2>[<a href="/w/index.php?title=Help:User_style&action=edit&section=30" title="Edit section: JavaScript">edit</a>]</div> JavaScript has many possibilities, for example adding text, including links, at the desired positions. This added content may depend on content on the HTML source page produced by the server; for example it may depend on HTML elements with an ID, by applying getElementById. The position of insertion may be specified by insertBefore. As an example, to add a page link at the left of your preferences, add the following to <a href="/wiki/Special:MyPage/common.js" title="Special:MyPage/common.js">Special:Mypage/common.js</a>, replacing PageTitle with the title of the wiki page : <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>mw.util.addPortletLink( 'p-personal', '/wiki/PageTitle', 'PageTitle', null, null, null, '#pt-preferences'); </pre></div> <div class="mw-heading mw-heading3"><h3 id="Moving_categories_to_top" data-mw-thread-id="h-Moving_categories_to_top-JavaScript">Moving categories to top</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=31" title="Edit section: Moving categories to top">edit</a>]</div> The following code moves the category box to the top of the article. Of course, you might want to apply some CSS to make it look prettier: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>function catsattop() { var cats = document.getElementById('catlinks'); var bc = document.getElementById('bodyContent'); bc.insertBefore(cats, bc.childNodes[0]); } </pre></div> An alternative that, when coupled with an appropriate stylesheet, will put the text up at about the same line as the title: <div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre>function categoryToTop() { var thebody = document.getElementById('contentTop'); var categories = document.getElementById('catlinks'); if (categories != null) { categories.parentNode.removeChild (categories); thebody.parentNode.insertBefore(categories, thebody); } } </pre></div> Some CSS to go with that... <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* move the catlinks box */ #catlinks { right:1em; top:-0.25em; max-width: 50%; /* this limits the box size, but doesn't set strictly */ float: right; margin: 0.5em; padding: 0.2em; } /* format the catlinks itself */ p.catlinks { font-size:67%; text-align:left; text-indent:0; text-transform: none; white-space:normal; margin: 0.2em; } </pre></div> Unfortunately, if the category box is large (such as on entries on U.S. presidents and other major figures), it can push an infobox off to the side. To correct this, the "clear: right" attribute can be added to an infobox. <div class="mw-heading mw-heading3"><h3 id="Wikitext-controlled_CSS" data-mw-thread-id="h-Wikitext-controlled_CSS-JavaScript">Wikitext-controlled CSS</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=32" title="Edit section: Wikitext-controlled CSS">edit</a>]</div> CSS can be controlled through JS by wikitext. For example, an HTML element "span" without content can, through its class and id, provide parameters for JS specifying CSS for any parts of the page. For example, if a page contains a "span" element with class FA and id lc, <a href="/wiki/MediaWiki:Monobook.js" title="MediaWiki:Monobook.js">MediaWiki:Monobook.js</a> specifies the style and title of elements "li" of class interwiki-lc, thus controlling the style and title of the interlanguage link of language code lc in the margin, provided that the skin specifies this class interwiki-lc (E.g., Cologne Blue specifies class='external' for each language, so it does not work for that skin.) <div class="mw-heading mw-heading3"><h3 id="External_links_on_JS" data-mw-thread-id="h-External_links_on_JS-JavaScript">External links on JS</h3>[<a href="/w/index.php?title=Help:User_style&action=edit&section=33" title="Edit section: External links on JS">edit</a>]</div> <ul><li><a rel="nofollow" class="external free" href="http://www.quirksmode.org/">http://www.quirksmode.org/</a> – see the JavaScript and DOM section</li> <li><a rel="nofollow" class="external free" href="http://www.alistapart.com/">http://www.alistapart.com/</a></li> <li><a rel="nofollow" class="external free" href="http://www.quirksmode.org/dom/domform.html">http://www.quirksmode.org/dom/domform.html</a> – form cloning (might be possible to upload a few images at once using this, also a good starting point for the structure cloning)</li></ul> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"><h2 id="See_also" data-mw-thread-id="h-See_also">See also</h2>[<a href="/w/index.php?title=Help:User_style&action=edit&section=34" title="Edit section: See also">edit</a>]</div> <ul><li><a href="/wiki/Help:Cascading_Style_Sheets" title="Help:Cascading Style Sheets">Help:Cascading Style Sheets</a></li> <li><a href="/wiki/Help:Reference_display_customization" title="Help:Reference display customization">Help:Reference display customization</a></li> <li><a href="https://www.mediawiki.org/wiki/Gallery_of_user_styles" class="extiw" title="mw:Gallery of user styles">mw:Gallery of user styles</a></li> <li><a href="/wiki/Wikipedia:WikiProject_User_scripts" class="mw-redirect" title="Wikipedia:WikiProject User scripts">Wikipedia:WikiProject User scripts</a></li> <li><a href="https://www.mediawiki.org/wiki/Skin_projects" class="extiw" title="mw:Skin projects">mw:Skin projects</a></li> <li><a href="https://www.mediawiki.org/wiki/Help:Preferences" class="extiw" title="mw:Help:Preferences">mw:Help:Preferences</a>, <a href="https://meta.wikimedia.org/wiki/Help:Preferences" class="extiw" title="m:Help:Preferences">m:Help:Preferences</a></li> <li><a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">Cascading Style Sheets</a> (Wikipedia article)</li> <li><a href="https://meta.wikimedia.org/wiki/Customization:Explaining_skins" class="extiw" title="m:Customization:Explaining skins">m:Customization:Explaining skins</a></li> <li><a href="https://www.mediawiki.org/wiki/Help:Configuration_settings" class="extiw" title="mw:Help:Configuration settings">mw:Help:Configuration settings</a> (especially <a href="https://www.mediawiki.org/wiki/Manual:$wgAllowUserJs" class="extiw" title="mw:Manual:$wgAllowUserJs">mw:Manual:$wgAllowUserJs</a> and <a href="https://www.mediawiki.org/wiki/Manual:$wgAllowUserCss" class="extiw" title="mw:Manual:$wgAllowUserCss">mw:Manual:$wgAllowUserCss</a>)</li> <li><a href="/wiki/Wikipedia:Tools/Navigation_popups" title="Wikipedia:Tools/Navigation popups">Wikipedia:Tools/Navigation_popups</a> (JavaScript navigation popups)</li> <li><a href="/wiki/Wikipedia:Catalogue_of_CSS_classes" title="Wikipedia:Catalogue of CSS classes">Wikipedia:Catalogue of CSS classes</a></li></ul> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="Wikipedia_technical_help" style="padding:3px"><table class="nowraplinks hlist mw-collapsible mw-collapsed navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2" style="text-align: center;"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Wikipedia_technical_help" title="Template:Wikipedia technical help"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Wikipedia_technical_help" title="Template talk:Wikipedia technical help"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Wikipedia_technical_help" title="Special:EditPage/Template:Wikipedia technical help"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Wikipedia_technical_help" style="font-size:114%;margin:0 4em"><a href="/wiki/Help:Directory#Technical_help" title="Help:Directory">Wikipedia technical help</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div>Get personal technical help at <a href="/wiki/Wikipedia:Teahouse" title="Wikipedia:Teahouse">the Teahouse</a>, <a href="/wiki/Wikipedia:Help_desk" title="Wikipedia:Help desk">help desk</a>, <a href="/wiki/Wikipedia:Village_pump_(technical)" title="Wikipedia:Village pump (technical)">village pump (technical)</a>, <a href="/wiki/Help:Introduction_to_talk_pages/1" title="Help:Introduction to talk pages/1">talk pages</a> or <a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a>.</div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:FAQ/Technical" title="Wikipedia:FAQ/Technical">General technical help</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Browser_notes" title="Wikipedia:Browser notes">Browser notes</a> <ul><li><a href="/wiki/Wikipedia:Bypass_your_cache" title="Wikipedia:Bypass your cache">Bypass cache</a></li> <li><a href="/wiki/Wikipedia:Keyboard_shortcuts" class="mw-redirect" title="Wikipedia:Keyboard shortcuts">Keyboard shortcuts</a></li></ul></li> <li><a href="/wiki/Help:Editing" title="Help:Editing">Editing</a> <ul><li><a href="/wiki/Help:CharInsert" title="Help:CharInsert">CharInsert</a></li> <li><a href="/wiki/Help:Edit_conflict" title="Help:Edit conflict">Edit conflict</a></li> <li><a href="/wiki/Help:Edit_toolbar" title="Help:Edit toolbar">Edit toolbar</a></li> <li><a href="/wiki/Help:Reverting" title="Help:Reverting">Reverting</a></li></ul></li> <li><a href="/wiki/Wikipedia:How_to_create_a_page" title="Wikipedia:How to create a page">How to create a page</a></li> <li><a href="/wiki/Wikipedia:IRC" title="Wikipedia:IRC">IRC</a> <ul><li><a href="/wiki/Wikipedia:IRC/Tutorial" title="Wikipedia:IRC/Tutorial">Tutorial</a></li></ul></li> <li><a href="/wiki/Help:Mobile_access" title="Help:Mobile access">Mobile access</a></li> <li><a href="/wiki/Help:Multilingual_support" title="Help:Multilingual support">Multilingual support</a></li> <li><a href="/wiki/Help:Page_history" title="Help:Page history">Page history</a></li> <li><a href="/wiki/Help:Page_information" title="Help:Page information">Page information</a></li> <li><a href="/wiki/Wikipedia:Page_name" title="Wikipedia:Page name">Page name</a> <ul><li><a href="/wiki/Help:Page_name" title="Help:Page name">Help</a></li></ul></li> <li><a href="/wiki/Help:Printing" title="Help:Printing">Printing</a></li> <li><a href="/wiki/Wikipedia:Software_notices" title="Wikipedia:Software notices">Software notices</a> <ul><li><a href="/wiki/Wikipedia:Editnotice" title="Wikipedia:Editnotice">Editnotice</a></li></ul></li> <li><a href="/wiki/Help:Special_characters" title="Help:Special characters">Special Characters</a> <ul><li><a href="/wiki/Help:Entering_special_characters" title="Help:Entering special characters">Entering</a></li></ul></li> <li><a href="/wiki/Wikipedia:User_access_levels" title="Wikipedia:User access levels">User access levels</a></li> <li><a href="/wiki/Wikipedia:VisualEditor" title="Wikipedia:VisualEditor">VisualEditor</a> <ul><li><a href="/wiki/Help:VisualEditor" title="Help:VisualEditor">Help</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Special:SpecialPages" title="Special:SpecialPages">Special page</a>-related</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Special_page" title="Help:Special page">Special page help</a></li> <li><a href="/wiki/Help:AllPages" title="Help:AllPages">AllPages</a></li> <li><a href="/wiki/Wikipedia:Edit_filter" title="Wikipedia:Edit filter">Edit filter</a></li> <li><a href="/wiki/Wikipedia:Emailing_users" title="Wikipedia:Emailing users">Emailing users</a></li> <li><a href="/wiki/Help:Logging_in" title="Help:Logging in">Logging in</a> <ul><li><a href="/wiki/Help:Reset_password" title="Help:Reset password">Reset passwords</a></li></ul></li> <li><a href="/wiki/Help:Log" title="Help:Log">Logs</a></li> <li><a href="/wiki/Wikipedia:Moving_a_page" title="Wikipedia:Moving a page">Moving a page</a> <ul><li><a href="/wiki/Wikipedia:History_merging" title="Wikipedia:History merging">History merging</a></li> <li><a href="/wiki/Help:When_to_place_technical_requests_in_%22Administrator_needed%22" title="Help:When to place technical requests in "Administrator needed"">Non-admin and admin-only page moves</a></li></ul></li> <li><a href="/wiki/Help:Notifications" title="Help:Notifications">Notifications/Echo</a> <ul><li><a href="/wiki/Help:Notifications/FAQ" title="Help:Notifications/FAQ">FAQ</a></li></ul></li> <li><a href="/wiki/Wikipedia:Page_Curation/Help" title="Wikipedia:Page Curation/Help">Page Curation</a></li> <li><a href="/wiki/Help:Import" title="Help:Import">Page import</a></li> <li><a href="/wiki/Wikipedia:Pending_changes" title="Wikipedia:Pending changes">Pending changes</a></li> <li><a href="/wiki/Wikipedia:Random" title="Wikipedia:Random">Random pages</a></li> <li><a href="/wiki/Help:Recent_changes" title="Help:Recent changes">Recent changes</a></li> <li><a href="/wiki/Help:Related_changes" title="Help:Related changes">Related changes</a></li> <li><a href="/wiki/Help:Searching" title="Help:Searching">Searching</a> <ul><li><a href="/wiki/Help:Linksearch" title="Help:Linksearch">Linksearch</a></li></ul></li> <li><a href="/wiki/Wikipedia:Tags" title="Wikipedia:Tags">Tags</a></li> <li><a href="/wiki/Help:User_contributions" title="Help:User contributions">User contributions</a></li> <li><a href="/wiki/Help:Watchlist" title="Help:Watchlist">Watchlist</a></li> <li><a href="/wiki/Help:What_links_here" title="Help:What links here">What links here</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Wikitext" title="Help:Wikitext">Wikitext</a> <ul><li><a href="/wiki/Help:Cheatsheet" title="Help:Cheatsheet">Cheatsheet</a></li></ul></li> <li><a href="/wiki/Help:Columns" title="Help:Columns">Columns</a></li> <li><a href="/wiki/Help:Line-break_handling" title="Help:Line-break handling">Line-break handling</a></li> <li><a href="/wiki/Help:List" title="Help:List">Lists</a></li> <li><a href="/wiki/Help:Magic_words" title="Help:Magic words">Magic words</a> <ul><li><a href="/wiki/Help:Magic_words_for_beginners" title="Help:Magic words for beginners">For beginners</a></li> <li><a href="/wiki/Help:Conditional_expressions" title="Help:Conditional expressions">Conditional expressions</a></li> <li><a href="/wiki/Help:Switch_parser_function" title="Help:Switch parser function">Switch parser function</a></li> <li><a href="/wiki/Help:Time_function" title="Help:Time function">Time function</a></li></ul></li> <li><a href="/wiki/Help:Redirect" title="Help:Redirect">Redirects</a></li> <li><a href="/wiki/Help:Section" title="Help:Section">Sections and TOCs</a></li> <li><a href="/wiki/Help:Table" title="Help:Table">Tables</a> <ul><li><a href="/wiki/Help:Introduction_to_tables_with_Wiki_Markup/1" title="Help:Introduction to tables with Wiki Markup/1">Introduction</a></li> <li><a href="/wiki/Help:Basic_table_markup" title="Help:Basic table markup">Basics</a></li> <li><a href="/wiki/Help:Advanced_table_formatting" title="Help:Advanced table formatting">Advanced table formatting</a></li> <li><a href="/wiki/Help:Collapsing" class="mw-redirect" title="Help:Collapsing">Collapsing</a></li> <li><a href="/wiki/Help:Conditional_tables" title="Help:Conditional tables">Conditional tables</a></li> <li><a href="/wiki/Help:Sortable_tables" title="Help:Sortable tables">Sortable tables</a></li></ul></li> <li><a href="/wiki/Help:Using_colours" title="Help:Using colours">Using colours</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:Link" title="Help:Link">Links</a> and <a href="/wiki/Help:Diff" title="Help:Diff">diffs</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Link" title="Help:Link">Links</a> <ul><li><a href="/wiki/Help:Interlanguage_links" title="Help:Interlanguage links">Interlanguage</a></li> <li><a href="/wiki/Help:Interwiki_linking" title="Help:Interwiki linking">Interwiki</a></li> <li><a href="/wiki/Help:Permanent_link" title="Help:Permanent link">Permanent</a></li></ul></li> <li><a href="/wiki/Help:Diff" title="Help:Diff">Diffs</a> <ul><li><a href="/wiki/Wikipedia:Simplest_diff_guide" title="Wikipedia:Simplest diff guide">Simplest diff guide</a></li> <li><a href="/wiki/Wikipedia:Simple_diff_and_link_guide" title="Wikipedia:Simple diff and link guide">Simple diff and link guide</a></li> <li><a href="/wiki/Wikipedia:Complete_diff_and_link_guide" title="Wikipedia:Complete diff and link guide">Complete diff and link guide</a></li></ul></li> <li><a href="/wiki/Help:Colon_trick" title="Help:Colon trick">Colon trick</a></li> <li><a href="/wiki/Help:Link_color" title="Help:Link color">Link color</a></li> <li><a href="/wiki/Help:Pipe_trick" title="Help:Pipe trick">Pipe trick</a></li> <li><a href="/wiki/Help:URL" title="Help:URL">URLs</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Media" class="mw-disambig" title="Wikipedia:Media">Media</a> files: images, videos and sounds</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Media" title="Help:Media">Media help</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">Files</a> <ul><li><a href="/wiki/Help:Creation_and_usage_of_media_files" title="Help:Creation and usage of media files">Creation and usage</a></li> <li><a href="/wiki/Wikipedia:Moving_files_to_Commons" title="Wikipedia:Moving files to Commons">Moving files to Commons</a></li></ul></li> <li><a href="/wiki/Wikipedia:Images" title="Wikipedia:Images">Images</a> <ul><li><a href="/wiki/Help:Introduction_to_images_with_Wiki_Markup/1" title="Help:Introduction to images with Wiki Markup/1">Introduction to images</a></li> <li><a href="/wiki/Help:Pictures" title="Help:Pictures">Picture tutorial</a></li> <li><a href="/wiki/Wikipedia:Preparing_images_for_upload" title="Wikipedia:Preparing images for upload">Preparing images for upload</a></li> <li><a href="/wiki/Wikipedia:Uploading_images" title="Wikipedia:Uploading images">Uploading images</a></li> <li><a href="/wiki/Help:Options_to_hide_an_image" title="Help:Options to hide an image">Options to hide an image</a></li> <li><a href="/wiki/Wikipedia:Extended_image_syntax" title="Wikipedia:Extended image syntax">Extended image syntax</a></li> <li><a href="/wiki/Wikipedia:SVG_help" title="Wikipedia:SVG help">SVG help</a></li></ul></li> <li><a href="/wiki/Help:Gallery_tag" title="Help:Gallery tag">Gallery tag</a></li> <li><a href="/wiki/Wikipedia:Graphics_tutorials" title="Wikipedia:Graphics tutorials">Graphics tutorials</a> <ul><li><a href="/wiki/Wikipedia:Basic_bitmap_image_editing" title="Wikipedia:Basic bitmap image editing">Basic bitmap image editing</a></li> <li><a href="/wiki/Wikipedia:How_to_improve_image_quality" title="Wikipedia:How to improve image quality">How to improve image quality</a></li> <li><a href="/wiki/Wikipedia:Graphics_Lab/Resources" title="Wikipedia:Graphics Lab/Resources">Graphics Lab resources</a></li></ul></li> <li><a href="/wiki/Help:Sound_file_markup" title="Help:Sound file markup">Sound file markup</a></li> <li><a href="/wiki/Help:Visual_file_markup" title="Help:Visual file markup">Visual file markup</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Other graphics</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Family_trees" title="Help:Family trees">Family trees</a></li> <li><a href="/wiki/Wikipedia:Graphs_and_charts" title="Wikipedia:Graphs and charts">Graphs and charts</a> <ul><li><a href="/wiki/Wikipedia:How_to_create_charts_for_Wikipedia_articles" title="Wikipedia:How to create charts for Wikipedia articles">How to create</a></li> <li><a href="/wiki/Help:Barchart" title="Help:Barchart">Barcharts</a></li> <li><a href="/wiki/Wikipedia:To_scale_charts" title="Wikipedia:To scale charts">To scale charts</a></li></ul></li> <li><a href="/wiki/Help:Displaying_a_formula" title="Help:Displaying a formula">Math formulas</a> <ul><li><a href="/wiki/Help:Displaying_a_formula#Use_of_HTML_templates" title="Help:Displaying a formula">Math symbols</a></li></ul></li> <li><a href="/wiki/Help:Score" title="Help:Score">Musical scores</a> <ul><li><a href="/wiki/Help:Musical_symbols" title="Help:Musical symbols">Musical symbols</a></li></ul></li> <li><a href="/wiki/Wikipedia:Timeline" title="Wikipedia:Timeline">Timeline</a> <ul><li><a href="/wiki/Help:EasyTimeline_syntax" title="Help:EasyTimeline syntax">EasyTimeline syntax</a></li></ul></li> <li><a href="/wiki/Help:WikiHiero_syntax" title="Help:WikiHiero syntax">WikiHiero syntax</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Help:A_quick_guide_to_templates" title="Help:A quick guide to templates">Templates</a> and <a href="/wiki/Lua_(programming_language)" title="Lua (programming language)">Lua</a> modules</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Template" title="Help:Template">Templates</a></li> <li><a href="/wiki/Wikipedia:Advanced_template_coding" title="Wikipedia:Advanced template coding">Advanced template coding</a></li> <li><a href="/wiki/Wikipedia:Template_documentation" title="Wikipedia:Template documentation">Template documentation</a></li> <li><a href="/wiki/Wikipedia:Template_index" title="Wikipedia:Template index">Template index</a></li> <li><a href="/wiki/Help:Template_limits" title="Help:Template limits">Template limits</a></li> <li><a href="/wiki/Wikipedia:Template_sandbox_and_test_cases" title="Wikipedia:Template sandbox and test cases">Template sandbox and test cases</a></li> <li><a href="/wiki/Wikipedia:Citation_templates" title="Wikipedia:Citation templates">Citation templates</a></li> <li><a href="/wiki/Help:Lua" title="Help:Lua">Lua help</a></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Lua project</a> <ul><li><a href="/wiki/Wikipedia:Lua/Resources" title="Wikipedia:Lua/Resources">Resources</a></li> <li><a href="/wiki/Wikipedia:Lua/To_do" title="Wikipedia:Lua/To do">To do</a></li></ul></li> <li><a href="/wiki/Help:Substitution" title="Help:Substitution">Substitution</a></li> <li><a href="/wiki/Help:Purge" title="Help:Purge">Purge</a> <ul><li><a href="/wiki/Help:Job_queue" title="Help:Job queue">Job queue</a></li></ul></li> <li><a href="/wiki/Help:Transclusion" title="Help:Transclusion">Transclusion</a> <ul><li><a href="/wiki/Help:Labeled_section_transclusion" title="Help:Labeled section transclusion">Labeled section</a></li> <li><a href="/wiki/Wikipedia:Transclusion_costs_and_benefits" title="Wikipedia:Transclusion costs and benefits">Costs and benefits</a></li></ul></li> <li><a href="/wiki/Wikipedia:Guide_to_Scribbling" title="Wikipedia:Guide to Scribbling">Guide to Scribbling</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Administration#Data_structure_and_development" title="Wikipedia:Administration">Data structure</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:Namespace" title="Wikipedia:Namespace">Namespaces</a></li> <li><a href="/wiki/Wikipedia:What_is_an_article%3F" title="Wikipedia:What is an article?">Main/Article</a></li> <li><a href="/wiki/Help:Category" title="Help:Category">Category</a></li> <li><a href="/wiki/Wikipedia:Drafts" title="Wikipedia:Drafts">Draft</a></li> <li><a href="/wiki/Help:Files" title="Help:Files">File</a> <ul><li><a href="/wiki/Help:File_description_page" title="Help:File description page">File description page</a></li></ul></li> <li><a href="/wiki/Wikipedia:Help_namespace" title="Wikipedia:Help namespace">Help</a></li> <li><a href="/wiki/Wikipedia:Portal" title="Wikipedia:Portal">Portal</a></li> <li><a href="/wiki/Wikipedia:Project_namespace" title="Wikipedia:Project namespace">Project/Wikipedia</a></li> <li><a href="/wiki/Help:Talk_pages" title="Help:Talk pages">Talk</a> <ul><li><a href="/wiki/Help:Archiving_a_talk_page" title="Help:Archiving a talk page">Archiving</a> <ul><li><a href="/wiki/Help:Archiving_(plain_and_simple)" title="Help:Archiving (plain and simple)">Simple</a></li></ul></li></ul></li> <li><a href="/wiki/Wikipedia:Template_namespace" title="Wikipedia:Template namespace">Template</a></li> <li><a href="/wiki/Wikipedia:User_pages" title="Wikipedia:User pages">User</a> <ul><li><a href="/wiki/Wikipedia:User_page_design_guide" title="Wikipedia:User page design guide">User page design</a></li></ul></li> <li><a href="/wiki/Help:MediaWiki_namespace" title="Help:MediaWiki namespace">MediaWiki</a> <ul><li><a href="/wiki/Wikipedia:Bug_reports_and_feature_requests" title="Wikipedia:Bug reports and feature requests">Bug reports and feature requests</a></li> <li><a href="https://www.mediawiki.org/wiki/Extension:TimedMediaHandler" class="extiw" title="mw:Extension:TimedMediaHandler">TimedMediaHandler extension</a></li></ul></li> <li><a href="/wiki/Wikipedia:Lua" title="Wikipedia:Lua">Module</a></li> <li><a href="/wiki/Help:Special_page" title="Help:Special page">Special</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/HTML" title="HTML">HTML</a> and <a href="/wiki/CSS" title="CSS">CSS</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Cascading_Style_Sheets" title="Help:Cascading Style Sheets">Cascading Style Sheets</a></li> <li><a href="/wiki/Help:HTML_in_wikitext" title="Help:HTML in wikitext">HTML in wikitext</a></li> <li><a href="/wiki/Wikipedia:Catalogue_of_CSS_classes" title="Wikipedia:Catalogue of CSS classes">Catalogue of CSS classes</a></li> <li><a href="/wiki/Wikipedia:Common.js_and_common.css" title="Wikipedia:Common.js and common.css">Common.js and common.css</a></li> <li><a href="/wiki/Template:Mxt/User_CSS_for_a_monospaced_coding_font" title="Template:Mxt/User CSS for a monospaced coding font">User CSS for monospaced coding font</a></li> <li><a href="/wiki/Wikipedia:WikiProject_Microformats/classes" title="Wikipedia:WikiProject Microformats/classes">Classes in microformats</a></li> <li><a href="/wiki/Help:Markup_validation" title="Help:Markup validation">Markup validation</a></li> <li><a href="/wiki/Wikipedia:Span_tags" title="Wikipedia:Span tags">Span tags</a></li> <li><a href="/wiki/Help:Useful_styles" title="Help:Useful styles">Useful styles</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%"><a href="/wiki/Wikipedia:Customisation" title="Wikipedia:Customisation">Customisation</a> and tools</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Help:Preferences" title="Help:Preferences">Preferences</a></li> <li><a href="/wiki/Wikipedia:Gadget" title="Wikipedia:Gadget">Gadgets</a></li> <li><a href="/wiki/Wikipedia:Skin" title="Wikipedia:Skin">Skins</a></li> <li><a href="/wiki/Help:Citation_tools" title="Help:Citation tools">Citation tools</a></li> <li><a href="/wiki/Wikipedia:Cleaning_up_vandalism/Tools" title="Wikipedia:Cleaning up vandalism/Tools">Cleaning up vandalism tools</a></li> <li><a href="/wiki/Wikipedia:Customizing_watchlists" title="Wikipedia:Customizing watchlists">Customizing watchlists</a> <ul><li><a href="/wiki/Help:Hide_Pages_in_Watchlist" title="Help:Hide Pages in Watchlist">Hide pages</a></li></ul></li> <li><a href="/wiki/Wikipedia:Scripts" title="Wikipedia:Scripts">IRC Scripts</a></li> <li><a href="/wiki/Wikipedia:User_scripts" title="Wikipedia:User scripts">User scripts</a> <ul><li><a href="/wiki/Wikipedia:User_scripts/Guide" title="Wikipedia:User scripts/Guide">Guide</a></li> <li><a href="/wiki/Wikipedia:User_scripts/List" title="Wikipedia:User scripts/List">List</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Techniques" title="Wikipedia:User scripts/Techniques">Techniques</a></li></ul></li> <li><a class="mw-selflink selflink">User style</a></li> <li><a href="/wiki/Wikipedia:Tools" title="Wikipedia:Tools">Tools</a> <ul><li><a href="/wiki/Wikipedia:Tools/Alternative_browsing" title="Wikipedia:Tools/Alternative browsing">Alternative browsing</a></li> <li><a href="/wiki/Wikipedia:Tools/Browser_tools" title="Wikipedia:Tools/Browser tools">Browser tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Editing_tools" title="Wikipedia:Tools/Editing tools">Editing tools</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_shortcuts" title="Wikipedia:Tools/Navigation shortcuts">Navigation shortcuts</a></li> <li><a href="/wiki/Wikipedia:Tools/Optimum_tool_set" title="Wikipedia:Tools/Optimum tool set">Optimum tool set</a></li></ul></li> <li><a href="/wiki/Wikipedia:Wikimedia_Cloud_Services" title="Wikipedia:Wikimedia Cloud Services">Wikimedia Cloud Services</a></li> <li><a href="https://www.mediawiki.org/wiki/Beta_Features" class="extiw" title="mw:Beta Features">Beta Features at MediaWiki</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="text-align: center;;width:1%">Automated editing</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Wikipedia:WikiProject_Articles_for_creation/Helper_script" title="Wikipedia:WikiProject Articles for creation/Helper script">AfC helper script</a></li> <li><a href="/wiki/Wikipedia:AntiVandal" title="Wikipedia:AntiVandal">AntiVandal</a></li> <li><a href="/wiki/Wikipedia:AutoWikiBrowser" title="Wikipedia:AutoWikiBrowser">AutoWikiBrowser</a></li> <li><a href="/wiki/Wikipedia:Bots" title="Wikipedia:Bots">Bots</a> <ul><li><a href="/wiki/Help:Creating_a_bot" title="Help:Creating a bot">Creating</a></li> <li><a href="/wiki/Wikipedia:History_of_Wikipedia_bots" title="Wikipedia:History of Wikipedia bots">history</a></li></ul></li> <li><a href="/wiki/Wikipedia:HotCat" title="Wikipedia:HotCat">HotCat</a></li> <li><a href="/wiki/Wikipedia:Huggle" title="Wikipedia:Huggle">Huggle</a></li> <li><a href="/wiki/Wikipedia:Tools/Navigation_popups" title="Wikipedia:Tools/Navigation popups">Navigation popups</a></li> <li><a href="/wiki/Wikipedia:RedWarn" title="Wikipedia:RedWarn">RedWarn</a></li> <li><a href="/wiki/Wikipedia:Twinkle" title="Wikipedia:Twinkle">Twinkle</a></li> <li><a href="/wiki/Wikipedia:Ultraviolet" title="Wikipedia:Ultraviolet">Ultraviolet</a></li> <li><a href="/wiki/Wikipedia:WPCleaner" title="Wikipedia:WPCleaner">WPCleaner</a></li> <li>Inactive <ul><li><a href="/wiki/Wikipedia:Igloo" title="Wikipedia:Igloo">igloo</a></li> <li><a href="/wiki/Wikipedia:STiki" title="Wikipedia:STiki">STiki</a></li></ul></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2" style="text-align: center;"><div> <ul><li>See also: <a href="/wiki/Category:Wikipedia_how-to" title="Category:Wikipedia how-to">Category:Wikipedia how-to</a></li> <li><a href="/wiki/Category:Wikipedia_information_pages" title="Category:Wikipedia information pages">Category:Wikipedia information pages</a> Further navigation at: <a href="/wiki/Template:Wikipedia_help_pages" title="Template:Wikipedia help pages">Help pages</a> <ul><li><a href="/wiki/Template:Administrators%27_guide" title="Template:Administrators' guide">Administrators</a></li></ul></li> <li><a href="/wiki/Wikipedia:WikiProject_Accessibility/Navigation_menu" title="Wikipedia:WikiProject Accessibility/Navigation menu">Accessibility</a></li> <li><a href="/wiki/Template:Wikipedia_accounts" title="Template:Wikipedia accounts">Accounts</a></li> <li><a href="/wiki/Template:Botnav" title="Template:Botnav">Bots</a></li> <li><a href="/wiki/Template:Wikipedia_referencing" title="Template:Wikipedia referencing">Referencing</a> <ul><li><a href="/wiki/Template:Citation_metadata_navbox" title="Template:Citation metadata navbox">Citation metadata</a></li></ul></li> <li><a href="/wiki/Template:Wikipedia_templates" title="Template:Wikipedia templates">Templates</a></li> <li><a href="/wiki/Wikipedia:User_scripts/Navbox" title="Wikipedia:User scripts/Navbox">User scripts</a></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Help:User_style&oldid=1249279254">https://en.wikipedia.org/w/index.php?title=Help:User_style&oldid=1249279254</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:Wikipedia_user_space" title="Category:Wikipedia user space">Wikipedia user space</a></li><li><a href="/wiki/Category:Wikipedia_features" title="Category:Wikipedia features">Wikipedia features</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 4 October 2024, at 03:02 (UTC).</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Help:User_style&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-57488d5c7d-w2xpx","wgBackendResponseTime":177,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-General","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Cascading_Style_Sheets-General","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-JavaScript_\u0026_user_scripts-General","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Rendering","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-CSS","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-CSS_in_user_subpages_versus_CSS_in_a_local_file-CSS","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-CSS_selectors-CSS","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Edit_page-CSS_selectors","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Major_style_blocks-CSS_selectors","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Non-display-CSS_selectors","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Style_depending_on_a_parameter_or_variable-CSS","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Variable_class_or_id-Style_depending_on_a_parameter_or_variable","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Variable_HTML_attribute_name-Style_depending_on_a_parameter_or_variable","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Variable_style_parameter_value-Style_depending_on_a_parameter_or_variable","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Samples-CSS","replies":[{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Rounded_corners-Samples","replies":[{"headingLevel":5,"name":"h-","type":"heading","level":0,"id":"h-Rounded_corners/tabs_links-Rounded_corners","replies":[]}]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Print_view_tweaks-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Make_the_user_toolbar_a_sidebox-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Fix_the_top_bar's_position_while_you_scroll-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Fix_the_sidebar's_position_while_you_scroll-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Monobook_menus_with_serif_fonts_in_the_content_area-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Moving_category_links-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Diff_view_styling-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Removing_the_\"(thank)\"_buttons_in_History_log-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Hiding_long_instruction_messages-Samples","replies":[]},{"headingLevel":4,"name":"h-","type":"heading","level":0,"id":"h-Add_style_formatting_to_discussion_threads-Samples","replies":[]}]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Infoboxes_and_user_style-CSS","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-User_CSS_for_a_monospaced_coding_font-CSS","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-External_links_on_CSS-CSS","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-JavaScript","replies":[{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Moving_categories_to_top-JavaScript","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-Wikitext-controlled_CSS-JavaScript","replies":[]},{"headingLevel":3,"name":"h-","type":"heading","level":0,"id":"h-External_links_on_JS-JavaScript","replies":[]}]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.092"},"limitreport":{"cputime":"0.508","walltime":"1.102","ppvisitednodes":{"value":2476,"limit":1000000},"postexpandincludesize":{"value":50029,"limit":2097152},"templateargumentsize":{"value":4125,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":72,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":81481,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 831.761 1 -total"," 21.10% 175.525 46 Template:Code"," 11.62% 96.666 1 Template:Mxt/User_CSS_for_a_monospaced_coding_font"," 7.13% 59.285 1 Template:Navbar"," 6.89% 57.345 1 Template:Short_description"," 5.08% 42.244 1 Template:Pagetype"," 4.82% 40.079 1 Template:Update"," 4.60% 38.240 1 Template:Shortcut"," 4.29% 35.649 1 Template:Wikipedia_technical_help"," 4.28% 35.623 3 Template:Main_other"]},"scribunto":{"limitreport-timeusage":{"value":"0.158","limit":"10.000"},"limitreport-memusage":{"value":2330215,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-6df7948d6c-m6tm8","timestamp":"20241127191024","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>