Site Notice |
---|
Due to recent vandalism, all edits performed by IPs and new users will be reviewed before being published. This means it might take some time for your edit to show up. New accounts also have to be confirmed before being created. If you have any questions, contact one of the staff members on their talk page, or on the Discord server. |
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
collapse tag customization |
Reduce page jumps by hiding collapsed/dismissed content |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Reduce page jumps by hiding collapsed/dismissed content */ | |||
.client-js .mw-special-Watchlist #watchlist-message, | |||
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) { | |||
display: none; | |||
} | |||
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript |
Revision as of 20:27, 15 June 2016
/* CSS placed here will be applied to all skins */ /* Reduce page jumps by hiding collapsed/dismissed content */ .client-js .mw-special-Watchlist #watchlist-message, .client-js .collapsible.collapsed > tbody > tr:not(:first-child) { display: none; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in [[MediaWiki:Common.js]] are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; color: white; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from [[Template:Navbar]], so they need to be the same width. */ .navbox .collapseButton { width: 6em; } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; } .navbox .mw-collapsible-toggle { width: 6em; } body { background: #ecf9f2; } #p-logo { margin-top: 10px; } .mw-body { border: 1px solid #8cd9b3; border-right: none; } div.vectorTabs ul li { background-color: #ecf9f2; } #p-areas li a { font-weight: bold; } #p-statcounter { display: none; } #siteNotice { margin-bottom: 1.25em; } div.twitterbox { max-width: 320px; border: 1px solid rgb(170, 170, 170); } /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ */ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-left:15px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #CCC; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 5px 0 0; display: inline-block !important; } ul.tabbernav li a { padding:3px 0.5em; margin-left:3px; border:1px solid #ccc; border-bottom:none; background:#f2f7ff; text-decoration:none; } ul.tabbernav li a:link { color:#448; } ul.tabbernav li a:visited { color:#667; } ul.tabbernav li a:hover { color:#000; background:#fff9f2; border-color:#ccc; } ul.tabbernav li.tabberactive a { background-color:#fff; border-bottom:1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color:#000; background:#fff; border-bottom:1px solid #fff; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:5px; border:1px solid #ccc; border-top:0; border-left:none; border-right:none; border-bottom:none; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } /* Float right */ .goright { clear:right; float:right; } /* fulltabs class to allow for full tabber width */ .fulltabs .tabberlive { margin-left: 0; } .fulltabs .goright { clear: none; float: none; } ul span.commaSep:last-of-type { display: none; }