MediaWiki:Common.css
From RationalWiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* <pre> */ /** CSS placed here will be applied to all skins */ /*Don't display title on Main Page*/ .page-Main_Page #siteSub, .page-Main_Page #contentSub, .page-Main_Page h1.firstHeading { display: none !important; } .topicons { float: right; margin-left: 5px; } #wpSummary { width: 80%; } /*Wigo title formatting*/ .page-Conservapedia_What_is_going_on_at_CP .firstHeading, .page-Conservapedia_What_is_going_on_at_CP .pagetitle, .page-RationalWiki_What_is_going_on_in_the_clogosphere .firstHeading, .page-RationalWiki_What_is_going_on_in_the_clogosphere .pagetitle, .page-RationalWiki_What_is_going_on_in_the_blogosphere .firstHeading, .page-RationalWiki_What_is_going_on_in_the_blogosphere .pagetitle, .page-RationalWiki_What_is_going_on_in_the_world .firstHeading, .page-RationalWiki_What_is_going_on_in_the_world .pagetitle, .page-RationalWiki_What_is_going_on_at_Citizendium .firstHeading, .page-RationalWiki_What_is_going_on_at_Citizendium .pagetitle { margin-top:.5em; background:black; color:#FFFFFF; padding:0.2em 0.6em; -webkit-border-top-right-radius: 40px; -moz-border-radius-topright: 40px; border-top-right-radius: 40px; } .page-Conservapedia_What_is_going_on_at_CP .firstHeading, .page-Conservapedia_What_is_going_on_at_CP .pagetitle { background:#a73030; } .page-RationalWiki_What_is_going_on_in_the_clogosphere .firstHeading, .page-RationalWiki_What_is_going_on_in_the_clogosphere .pagetitle { background:#365f91; } .page-RationalWiki_What_is_going_on_in_the_blogosphere .firstHeading, .page-RationalWiki_What_is_going_on_in_the_blogosphere .pagetitle { background:#31849b; } .page-RationalWiki_What_is_going_on_in_the_world .firstHeading, .page-RationalWiki_What_is_going_on_in_the_world .pagetitle { background:#76923c; } .page-RationalWiki_What_is_going_on_at_Citizendium .firstHeading, .page-RationalWiki_What_is_going_on_at_Citizendium .pagetitle { background:#414180; } /*Template:WIGO NAV*/ .wigonav-button a, .wigonav-button strong { background-image:url('/wiki/images/c/c3/Wigobuttons_inline2.png'); background-repeat: no-repeat; background-attachment: scroll; padding-top:56px; width:50px; display:block; margin:auto; } #wigonav-button-cp a { background-position: -50px 0; } #wigonav-button-cp a:hover, #wigonav-button-cp strong { background-position: -350px 0; } #wigonav-button-rw a { background-position: -100px 0; } #wigonav-button-rw a:hover, #wigonav-button-rw strong { background-position: -400px 0; } #wigonav-button-world a { background-position: 0 0; } #wigonav-button-world a:hover, #wigonav-button-world strong { background-position: -300px 0; } #wigonav-button-clog a { background-position: -150px 0; } #wigonav-button-clog a:hover, #wigonav-button-clog strong { background-position: -450px 0; } #wigonav-button-blog a { background-position: -200px 0; } #wigonav-button-blog a:hover, #wigonav-button-blog strong { background-position: -500px 0; } #wigonav-button-bar a { background-position: -250px 0; } #wigonav-button-bar a:hover, #wigonav-button-bar strong { background-position: -550px 0; } /*WIGO*/ /*Spacing between wigo buttons*/ .wigobutton { padding: 0; } /*wigo button effects*/ .wigobutton img { background-color: transparent; border: 1px transparent solid; } .wigobutton img:hover { background: PaleTurquoise; border: 1px solid grey; margin: 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -o-box-shadow: 0px 0px 2px #888; -icab-box-shadow: 0px 0px 2px #888; -khtml-box-shadow: 0px 0px 2px #888; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; } .wigobutton img:active { background: LightGrey; border: 1px inset grey; margin: 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } /*spinner*/ .vote td > img { width:16px; height:16px; margin-left:.1em; margin-right:.1em; padding:1px; } /*vote distribution bar*/ .wigodistribution { -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; -o-box-shadow: 0px 0px 2px #888; -icab-box-shadow: 0px 0px 2px #888; -khtml-box-shadow: 0px 0px 2px #888; -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; } .wigodistribution td { -webkit-transition: width 500ms ease-in-out; -moz-transition: width 500ms ease-in-out; transition: width 500ms ease-in-out; } /*Multichoice voting*/ .votecolumnback { background-color:PaleTurquoise !important; border:1px grey solid !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -o-box-shadow: 0px 0px 4px #888; -icab-box-shadow: 0px 0px 4px #888; -khtml-box-shadow: 0px 0px 4px #888; -moz-box-shadow: 0px 0px 4px #888; -webkit-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; } .votecolumnfront { background-color:teal !important; -webkit-transition: width 500ms ease-in-out; -moz-transition: width 500ms ease-in-out; transition: width 500ms ease-in-out; } /*Make poll bars shorter in the Saloon Bar with no background*/ #saloonbar_forumlist .votecolumnback { width:100px !important; } #saloonbar_forumlist .multivote { background: none !important; } /*AOTW checkboxes*/ .aotw .checkboxset { -moz-column-count : 2; -webkit-column-count : 2; column-count : 2; } /* For template documentation */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; } /*Make donation link stand out and look less like a menu item*/ #p-support .pBody { background:none; border:none; height:auto; } #p-support .pBody ul { list-style:none; text-align:center; margin:auto; } #p-support .pBody a { color:blue; background: #FFCE7B; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); border: 1px solid #FFA500; padding: 0.3em 1.5em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; font-weight: bold; font-size:larger; } #p-support .pBody a:focus, #p-support .pBody a:hover { outline: none; text-decoration:none; background: #FFD794; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFD794), color-stop(0.97, #EBAD44), color-stop(1.0, #B3802B)); } #p-support .pBody a:active { background: -moz-linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); } #p-support .pBody { margin:1em 0; } #p-support h5 { display:none; } /*SyntaxHighlight: dashed border for <source>*/ div.mw-geshi { padding: 1em; border: 1px dashed #2fab6f; background-color: #F9F9F9; } /*[[RationalWiki:Moral Matrix]]*/ /*Highlight moral matrix selection*/ .moralmatrixpoint div:target { border: 1px solid white; position: relative; z-index:2; } /*Display username for selected*/ .moralmatrixpoint div:target span { display: inline !important; background:khaki; } /* Silly logo for RationalGhey */ .page-User_RationalGhey #p-logo a, .page-User_talk_RationalGhey #p-logo a, body.ns-106 #p-logo a, body.ns-107 #p-logo a { background-image: url(http://rationalwiki.org/wiki/images/f/f2/New_logo_purple.png) !important; } /* Logo for [[Fun:RationalWikiWikiWiki]] */ .page-Fun_RationalWikiWikiWiki #p-logo a, .page-Fun_talk_RationalWikiWikiWiki #p-logo a, .page-Fun_RationalWikiWikiWiki_Dive_Bar #p-logo a, .page-Fun_talk_RationalWikiWikiWiki_Dive_Bar #p-logo a { background-image: url(http://rationalwiki.org/wiki/images/8/85/RWWW.png) !important; } body[class*="page-Fun_RationalWikiWikiWiki"] #p-logo a, body[class*="page-Fun_talk_RationalWikiWikiWiki"] #p-logo a { background-image: url(http://rationalwiki.org/wiki/images/8/85/RWWW.png) !important; } .page-Fun_RationalWikiWikiWiki #siteSub, .page-Fun_RationalWikiWikiWiki #contentSub, .page-Fun_RationalWikiWikiWiki h1.firstHeading { display: none !important; } /* Logo for [[Fun:Conservafake]] */ .page-Fun_Conservafake #p-logo a, .page-Fun_talk_Conservafake #p-logo a { background-image: url(http://rationalwiki.org/wiki/images/7/7b/Conservlogo_late_april.png) !important; } body[class*="page-Fun_Conservafake"] #p-logo a, body[class*="page-Fun_talk_Conservafake"] #p-logo a { background-image: url(http://rationalwiki.org/wiki/images/7/7b/Conservlogo_late_april.png) !important; } .page-Fun_Conservafake #siteSub, .page-Fun_Conservafake #contentSub, .page-Fun_Conservafake h1.firstHeading { display: none !important; } /* Logo for Chicken Coop */ .page-RationalWiki_Chicken_coop #p-logo a, .page-RationalWiki_talk_Chicken_coop #p-logo a { background-image: url(http://rationalwiki.org/w/images/2/29/Onozomg.gif) !important; background-size: 140px 140px; } body[class*="page-RationalWiki_Chicken_coop"] #p-logo a, body[class*="page-RationalWiki_talk_Chicken_coop"] #p-logo a { background-image: url(http://rationalwiki.org/w/images/2/29/Onozomg.gif) !important; background-size: 140px 140px; } /*Remove edit tab from To do list*/ .page-RationalWiki_To_do_list #ca-edit { display: none !important; } /* intercom customization based on message group */ .intercom-intercom-urgent { background-image: url('http://rationalwiki.org/wiki/images/b/be/Brain_watermark_light.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom right; border: 1px solid #aaaaaa; background-color: #f9f9f9; } /*Fonts*/ /* Brock Script by Dieter Steffmann http://moorstation.org/typoasis/designers/steffmann/samples/b/brock.htm Free/not licensed Used on Template:Ken */ @font-face { font-family: 'Brock Script'; src: url('/wiki/images/8/84/BrockScript.eot'); src: local('BrockScriptRegular'), url('/wiki/images/b/b3/BrockScript.woff') format('woff'), url('/wiki/images/b/be/BrockScript.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*Rochester, used on Ten Commandments http://www.rogersfonts.org.uk/index.html*/ @font-face { font-family: 'Rochester'; src: url('/wiki/images/a/ae/Rochester.eot'); src: local('RochesterRegular'), url('/wiki/images/4/43/Rochester.woff') format('woff'), url('/wiki/images/1/13/Rochester.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*Spacing between wigo buttons*/ .wigobutton { margin:.1em; } table.collapsed tr.collapsable { display: none; } .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; } table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; } table.vote td { border:none; } /* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } /*Add formatting to make sure that "external references" from [[Template:Ref]] do not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was that the HTML code contained a SPAN following the anchor A; this SPAN had the class "urlexpansion", which was not displayed on screen, but was shown when the medium was "print". The rules below ensure (a) that there is no extra padding to the right of the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for the link, and (c) that this SPAN of class "urlexpansion" is never shown. ~~~~ */ .plainlinksneverexpand { background: none ! important; padding: 0 ! important; } .plainlinksneverexpand .urlexpansion { display: none ! important; } /* Make sure that ext links displayed within "plainlinksneverexpand" don't get the arrow... */ .plainlinksneverexpand a { background: none !important; padding: 0 !important; } /* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion" following the anchor A, the anchor itself now has class "external autonumber" and the expansion is inserted when printing (see the common printing style sheet at http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo- element of CSS. We have to switch this off for links due to Template:Ref! ~~~~ */ .plainlinksneverexpand a.external.text:after { display: none !important; } .plainlinksneverexpand a.external.autonumber:after { display: none !important; } /*archive and vandalism templates*/ .archive { background-color:#d0f0c0; border: thin solid #aaa; margin-left: .5em; margin-right: 0; margin-top: .5em; margin-bottom: .5em; padding: 0.2em 0.5em; text-align: center; float:right; } .archivedpage { margin-left: 0; margin-right: .5em; margin-top: .5em; margin-bottom: .5em; text-align: left; float:left; } .vandalismarchive { background: #cceeee; border: thin solid #aaa; margin-left: .5em; margin-right: 0; margin-top: .5em; margin-bottom: .5em; padding: 0.2em 0.5em; text-align: left; float:right; } /* Messagebox templates */ .messagebox { border: thin solid #aaa; margin: .5em 10%; background-color: #f9f9f9; } .mb-brainwatermark, .mb-brainwatermark-light { background-image: url('http://rationalwiki.org/wiki/images/b/be/Brain_watermark_light.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom right; } .mb-brainwatermark-dark { background-image: url('http://rationalwiki.org/wiki/images/f/fe/Brain_watermark.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom right; } /* prevent inheriting border from wikitable/prettytable the next two rules override padding */ table.messagebox td, table.messagebox th { border: none; } td.mb-image { padding: 2px 0 2px 0.9em; white-space: nowrap; } td.mb-text { padding: 0.25em 0.9em; width:100%; } /* Fix white background on math level templates if math is rendered as html in a table */ .mb-image span.texhtml table { background: transparent; } .mb-warning, .mb-warning-orange { border:medium solid orange; } .mb-warning-red { border:medium solid red; } .mb-duplicate { border: medium solid DodgerBlue; } .mb-info, .mb-question { border:thin solid DodgerBlue; } .mb-error { border:medium solid red; } .mb-copyright { border:thin solid red; } .mb-copyleft { border:thin solid green; } .mb-stop { border:medium dashed red; } #fileinfotpl td .messagebox, .messagebox.fullwidth, .mb-fullwidth { margin-left:0; margin-right:0; } .mb-autowidth { width:auto; margin-left:auto; margin-right:auto; } .mb-autowidth .mb-text { width:auto; } .mb-nomargin { margin-left:0; margin-right:0; } .messagebox.mothball { background-color: #FFC; } .mb-welcome { background-color: #fff0ff; } .mb-delete { background-color: black; color:white; } .mb-mission { border:medium solid #5f497a; } .mb-delete.mb-brainwatermark { background-image: url('http://rationalwiki.org/wiki/images/f/fe/Brain_watermark.png'); } .mb-delete a { color:cyan; } .mb-delete .messagebox { color:white; } .mb-centered .mb-text { text-align: center; } .messagebox.m0 { background-color:#7535CB; } .messagebox.m1 { background-color:#65CF31; } .messagebox.m2 { background-color:#CBCF00; } .messagebox.m3 { background-color:#bb0000; } .messagebox.mEd { background-color:#d0e0e0; } .messagebox.parody { background-color:#ffff60; border:thin solid black; } /* Messagebox nesting Don't add anything messagebox-related below this, because the nesting overrides will not work! */ .messagebox .messagebox { background-color: transparent; font-size: smaller; border-bottom: none; border-left: none; border-right: none; border-width: thin; border-color: #aaaaaa; margin-bottom: 0; margin-left: 0; margin-right: 0; width:100%; } .messagebox .messagebox .mb-image img { width: 24px !important; height: auto !important; } /* [[Template:Hatnote]] */ .hatnote { font-style: italic; padding-left: 2em; margin-bottom: 0.5em; } /* override italics with '' */ .hatnote i { font-style: normal; } /* [[RationalWiki:Forum]] */ /*Don't display title*/ .page-RationalWiki_Forum #siteSub, .page-RationalWiki_Forum #contentSub, .page-RationalWiki_Forum h1.firstHeading { display: none !important; } /*hacks for inputbox's inability to resize - force it to be 100% of parent element, so you can size the parent*/ .inputboxsize .searchboxInput, .inputboxsize .createboxInput, .inputboxsize .commentboxInput { width: 100%; } /*Make the inputbox resize properly*/ .mainforumheader .searchboxInput, .threadheader .searchboxInput { width:40%; } .threadheader { background-color: #d0f0c0; border: thin #aaaaaa solid; padding:.5em; } .newthread .createboxInput { width:60%; } .forumtable { border-collapse: collapse; width:100%; border: thin solid #aaaaaa; } .forumtable th { text-align: left; border-bottom: medium black solid; } .forumtable td { border-bottom: thin #aaaaaa solid; padding: 0.2 em; } /*columns separate at 50%*/ .forum-col1 { width:50%; } .subforum { width: 100%; border:thin solid #aaaaaa; background: lightsteelblue; padding:.5em; margin-top:1em; } /*announcements has different background*/ #forum-announcements { background:#ddcef2; } /*watched threads have bold titles*/ .threadold .forum-title, .threadnew .forum-title { font-weight: bold; } /*sticky thread background*/ .stickythread { background: #EFFFFF; } /*thread backgrounds for watched threads that have new posts*/ .threadnew { background: #FFFFAF; } /*different background for sticky threads*/ .stickythread.threadnew { background: #AFFFFF; } .forumheader, .forumfooter { background-color: transparent; border: none; } .forumexpandedheader, .forumexpandedfooter { float: right; margin: 0.2em; background-color: #d0f0c0; border: thin #aaaaaa solid; } .forumfooter { border-top-style: none; } .forum-by, .forum-lastby { padding-left:2em; display:block; font-size:smaller; } /* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #DEF; } sup.reference:target { background-color: #DEF; } .secondary-link-colour-scheme a:link, .altlinkcolors a:link { color: #33FF33 !important; text-decoration: none; } .secondary-link-colour-scheme a:visited, .altlinkcolors a:visited { color: #ffff33 !important; text-decoration: none; } .secondary-link-colour-scheme a:active, .altlinkcolors a:active { text-decoration: none; } .secondary-link-colour-scheme a:hover, .altlinkcolors a:hover { text-decoration: underline; } #file img, .filehistory img { background: white url("http://rationalwiki.org/wiki/images/5/5d/Checker-16x16.png") repeat; } /* Fake links */ .fakelinks:hover { text-decoration: underline; } /*hover collapse*/ .hover_target { display: none; } .hover_collapse:hover .hover_target { display: block; } .hover_collapse:hover .hover_target.inline { display: inline; } .hover_collapse:hover .hover_target.table-row { display: table-row; } .hover_collapse:hover .hover_target.table-cell { display: table-cell } .hover_collapse:hover .hover_target.table-column { display: table-column; } /* hide redlinks */ .hideredlinks .new { display: none; } /* resize an image (keeping aspect ratio) to the parent element's width*/ .resize_image img { width: 100%; height: auto; } /* resize an image (keeping aspect ratio) to the parent element's height*/ .resize_image_height img { width: auto; height: 100%; } /* stretch to the parent element's size (doesn't keep aspect ratio)*/ .stretch_image img { width: 100%; height: 100%; } /* LiquidThreads */ #lqt-sign-warning { line-height:normal; } .lqt-post-wrapper { border: thin solid lightSteelBlue; background: white; border-top: none; padding: 0.2em 0.5em 0.2em 1em; } .thread-collapse-control { display:none; } .lqt-thread-topmost > .lqt-post-wrapper { border-top: thin solid lightSteelBlue; } .lqt-thread-toolbar-menu ul { border: thin solid lightSteelBlue; } .lqt-thread-replies-interruption { border-left: thin solid #efefef; } .lqt-thread-toolbar-command-list { -moz-box-shadow: 0px 2px 16px #888; -webkit-box-shadow: 0px 2px 16px #888; box-shadow: 0px 2px 16px #888; } /*Highlight draggable thread after selecting "Move to new location"*/ .lqt_thread.ui-draggable > .lqt-post-wrapper { border-color: Aquamarine ; background-color: PowderBlue ; } .lqt-thread-toolbar { position:static; float:right; clear:right; } /* Workaround for Template:Reference material (prevents triple nesting) */ .referencebox .messagebox .messagebox { display: none; } /** * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to * showing ==headings== and ===headings=== but no further. * Used in [[Template:TOC]] */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* </pre> */