MediaWiki:Common.css: Difference between revisions

From Zelda Wiki, the Zelda encyclopedia
Jump to navigation Jump to search
m (Negate the "display:block" on "caption a" elements (affects the link in collapsible tables))
No edit summary
 
(517 intermediate revisions by 8 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/*  
 
CSS placed here will be applied to the desktop view regardless of the user's current skin.
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #footer-info-lastmod,
body.page-Main_Page #siteSub,
body.page-Zelda_Wiki_Discussion_Center #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading,
body.page-Zelda_Wiki_Discussion_Center h1.firstHeading,
body.page-Zelda_Wiki_Latest_Announcements #siteNotice {
display: none !important;
}
 
body.page-Zelda_Wiki_Discussion_Center .messagebox {
height: 15em;
overflow: auto;
}
 
body.page-Community_Glossary h2 {
border-bottom-width: 3px;
color: #aff;
font-weight:bold;
}
 
body.page-Community_Glossary h3 {
clear: left;
}
 
body.page-Community_Glossary #toc~p,
body.page-Community_Glossary #toc~ul {
margin-left: 20px;
}
 
/* Causes images to be resized using nearest-neighbor interpolation.
* This prevents sprites, 2D game screenshots, and other pixel art from appearing blurry when resized (namely in galleries).
* This comes at the cost of a slight reduction in quality for thumbnails of any other kind of image (e.g. screenshots and artwork)
*/
img, canvas {
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
-ms-interpolation-mode:nearest-neighbor;
image-rendering:crisp-edges;
image-rendering:pixelated;
}
 
 
#siteSub { display:block; font-weight:normal; font-size:92%;}
 
/*
* Dynamic menus
*/
.dmenu { width: 180px }
.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
.dmenu .selflink { font-weight: normal;}
.dmenu li { /* all list items */
position: relative;
float: left;
width: 172px;
padding: 4px;
z-index: 100;
}
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
color : black;
}
.dmenu li li { margin: 0;}
.dmenu li ul { /* second-level lists */
position: absolute;
left: -999em;
z-index: 101;
border: 1px solid #ccc;
}
.dmenu li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin: 0 0 0 0;
z-index: 102;
}
.dmenu li.odd .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
}
.dmenu li.odd {
background: #E9EDF4;
border: 2px solid #E9EDF4;
}
.dmenu li.even {
background: #D0D8E8;
border: 2px solid #D0D8E8;
}
.dmenu li:hover, .dmenu li.sfhover {
border: 2px solid #385D8A;
}
.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
left: -999em;
}
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
left: 182px;
top: -3px;
}
 
 
.infobox {
border: 1px solid #3b587e;
background-color: #1f4973;
color: #d2d2d2;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
clear: right;
}
 
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
border: 1px solid #426787;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center;      /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {              /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
 
background: #17456E;    /* Background color */
}
.navbox-list {


border-color: #17456E;  /* Must match background color */
Common.css has been phased out in favor of:
}
1. TemplateStyles, for template-specific styles (see [[:Category:Template Styles]])
.navbox-title,
2. [[MediaWiki:Gadget-Site.css]], for site-wide CSS applied to all skins (desktop and mobile)
table.navbox th {
3. Skin-specific styles (see [[:Category:Skin Styles]])
background: transparent;    /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff;    /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff;    /* Level 3 color */
}
.navbox-even {
background: #1a4d7a;    /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
float: right;          /* by the CollapsibleTables javascript in    */
font-weight: normal;  /* [[MediaWiki:Common.js]] are styled here  */
text-align: right;    /* so they can be customised.                */
width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.        */
 
.navbar {                  /* Navbox template links */
font-size: 88%;        /* Default font-size */
font-weight: normal;
}
.navbox .navbar {
font-size: 100%;      /* Font-size when nested within navbox */
}
 
/* Prevent line breaks in silly places:
  1) Links when we don't want them to
  2) Bold "links" to the page itself
*/
*/
.nowraplinks a,
.nowraplinks .selflink{
white-space: nowrap;
}
/* prevent horizontal page expansion */
pre { overflow: auto;}
/*
* Fixes to some issues after upgrading to MediaWiki 1.17
* Preferable to move them to the main CSS files(?)
*/
.wikitable { color:#D2D2D2 !important;}
/*
* Hiding the original Licensing field on the upload form
* Stupid workaround for the CustomUploadFields extension
*/
.mw-htmlform-field-Licenses { display:none;}
/*
* For use with the WikiEd extension
* http://www.mediawiki.org/wiki/Extension:WikEd
*/
.wikEdPreviewBox, .wikEdDiffDiv { background-color: transparent !important;}
/* Enlarged gallery captions */
.gallerycaption { font-size:140%; padding:5px;}
/* Align OGG players to the center of the page (only on the file description page) */
.ns-6 .mediaContainer { margin:auto;}
/* Sitenotice background color */
table#mw-dismissable-notice { background-color: #1d578b !important;}
/* FileInfo CSS loaded on special pages, for upload preview */
.ns--1 .fileinfo {
width:740px;
background-color:#1d578b;
border:1px solid #426787;
margin: 1em auto;
border-radius:10px;
font-size:12px;
}
.fileinfo th{
width:60px;
border:none;
text-align:left;
padding:4px;
}
.fileinfo td{
border-radius:10px;
border:1px solid #426787;
background-color:#17456e;
padding:4px;
}
/* Clear level 1 and 2 headers on the left side */
h1, h2 { clear:left;}
.center{
text-align:center !important;
}
/* Styling for enhanced Recent Changes and Watchlist */
td.mw-enhanced-rc {
font-size: 1.25em;
}
/* Upload form field alignments */
table#mw-htmlform-description tr {
vertical-align:top;
}
/* Style/reposition the site notice's [dismiss] */
.globalNotice > .globalNoticeDismiss { /* span is for extra specificity */
margin: 5px; /* Reasonable distance from the 10px border-radius */
}
/*
* Temporary upload-related things
*/
/* Hide MsUpload UI */
#msupload-container, #msupload-div {
display: none;
}
/* Make Cargo table legible on https://zelda.gamepedia.com/Special:CargoTables/* */
table.cargoTable tr {
background: none !important;
}
/* Negate the "display:block" on "caption a" elements
* (affects the link in collapsible tables) */
caption a {
display:inline !important;
}

Latest revision as of 00:08, 15 November 2022

/* 
CSS placed here will be applied to the desktop view regardless of the user's current skin.

Common.css has been phased out in favor of:
1. TemplateStyles, for template-specific styles (see [[:Category:Template Styles]])
2. [[MediaWiki:Gadget-Site.css]], for site-wide CSS applied to all skins (desktop and mobile)
3. Skin-specific styles (see [[:Category:Skin Styles]])
*/