MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(12 intermediate revisions by the same user not shown) | |||
Line 27: | Line 27: | ||
} | } | ||
.infobox th { | .infobox th { | ||
font-size: 0. | font-size: 0.75em; | ||
text-align: left; | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
width: | width: 80px; | ||
padding-left: 1em; | padding-left: 1em; | ||
} | } | ||
.infobox td { | .infobox td { | ||
vertical-align: top; | vertical-align: top; | ||
font-size: 0. | font-size: 0.75em; | ||
} | |||
/* Default style for navigation boxes */ | |||
table.navbox { /* Navbox container style */ | |||
border: 1px solid #aaa; | |||
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 th, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
text-align: center; /* Title and above/below styles */ | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
th.navbox-group { /* Group style */ | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: #fdfdfd; /* Background color */ | |||
} | |||
.navbox-list { | |||
border-color: #fdfdfd; /* Must match background color */ | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: #ccccff; /* Level 1 color */ | |||
} | |||
.navbox-abovebelow, | |||
th.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: #f7f7f7; /* Even row striping */ | |||
} | |||
.navbox-odd { | |||
background: transparent; /* Odd row striping */ | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | |||
.navbox .hlist dd, | |||
.navbox .hlist dt, | |||
.navbox .hlist li { | |||
white-space: nowrap; /* Nowrap list items in navboxes */ | |||
white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */ | |||
} | |||
.navbox .hlist dd dl, | |||
.navbox .hlist dt dl, | |||
.navbox .hlist li ol, | |||
.navbox .hlist li ul { | |||
white-space: normal; /* But allow parent list items to be wrapped */ | |||
} | |||
ol + table.navbox, | |||
ul + table.navbox { | |||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ | |||
} | |||
/* Default styling for Navbar template */ | |||
.navbar { | |||
display: inline; | |||
font-size: 88%; | |||
font-weight: normal; | |||
} | |||
.navbar ul { | |||
display: inline; | |||
white-space: nowrap; | |||
} | |||
.navbar li { | |||
word-spacing: -0.125em; | |||
} | |||
/* Navbar styling when nested in navbox */ | |||
.navbox .navbar { | |||
display: block; | |||
font-size: 100%; | |||
} | |||
.navbox-title .navbar { | |||
/* @noflip */ | |||
float: left; | |||
/* @noflip */ | |||
text-align: left; | |||
/* @noflip */ | |||
margin-right: 0.5em; | |||
width: 6em; | |||
} | |||
/* '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; | |||
/* @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; | |||
} | |||
.panel { | |||
text-align: center; | |||
float: left; | |||
width: 100%; | |||
border: none !important; | |||
padding: none !important; | |||
} | |||
.panel-heading { | |||
background: #085ea0 !important; | |||
color: #f8f8f8; | |||
padding: 0.25em 0.5em; | |||
border-top-left-radius: 3px; | |||
border-top-right-radius: 3px; | |||
font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; | |||
} | |||
.panel-body { | |||
background-color: #eee; | |||
padding: 0.25em 0.5em; | |||
border-bottom-left-radius: 3px; | |||
border-bottom-right-radius: 3px; | |||
border: 4px solid #085ea0; | |||
} | |||
.tab-bar { | |||
background: #2ca243 !important; | |||
} | |||
ul.side-nav label { | |||
background: #77bb44 !important; | |||
text-align: center; | |||
border-radius: 6px; | |||
} | |||
h4.namespace.label { | |||
background: #085ea0 !important; | |||
} | |||
button.secondary, .button.secondary { | |||
background: #18A9DE !important; | |||
color: #fff !important; | |||
border: none !important; | |||
} | |||
button.secondary, .button.secondary:hover { | |||
background: #117ea6 !important; | |||
color: #fff !important; | |||
border: none !important; | |||
} | |||
ul.off-canvas-list li a { | |||
color: #77bb44; | |||
} | |||
ul.off-canvas-list li label { | |||
background: #18A9DE !important; | |||
color: #fff !important; | |||
text-decoration: none !important; | |||
} | |||
.right-off-canvas-menu, .left-off-canvas-menu { | |||
background: rgba(0,0,0,0) url(https://builddb.betaarchive.org/skins/grey.png) repeat scroll 0% 0%; | |||
} | |||
.side-nav li a:not(.button), .side-nav li a:not(.button):focus { | |||
color:#2ca243 !important; | |||
} | |||
.side-nav li a:not(.button):hover { | |||
text-decoration: none !important; | |||
} | |||
#mw-normal-catlinks a.new { | |||
color: #77bb44 !important; | |||
} | |||
@media only screen and (max-width: 600px) { | |||
.large-10 { | |||
width: 100% !important; | |||
} | |||
} | |||
ul.off-canvas-list li a:hover { | |||
background: #18A9DE !important; | |||
color: #fff !important; | |||
text-decoration: none !important; | |||
} | |||
.table tr th { | |||
padding: none !important; | |||
} | } |
Latest revision as of 23:26, 28 October 2021
.infobox { float: right; margin: 0 0 1em 1em; padding: 1em; width: 200px; } .infobox-body { background: #eee; border: 1px solid #aaa; } .infobox-title { font-size: 1em; font-weight: bold; text-align: center; margin: 0 0 0.25em 0; } .infobox-caption { font-size: 0.75em; text-align: center; vertical-align: top; margin: 0.25em 0 0 0; } .infobox-image { text-align: center; margin: 1em 0 0 0; max-width: 200px; } .infobox th { font-size: 0.75em; text-align: left; vertical-align: top; width: 80px; padding-left: 1em; } .infobox td { vertical-align: top; font-size: 0.75em; } /* Default style for navigation boxes */ table.navbox { /* Navbox container style */ border: 1px solid #aaa; 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 th, .navbox-title, .navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd; /* Background color */ } .navbox-list { border-color: #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background: #ccccff; /* Level 1 color */ } .navbox-abovebelow, th.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: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0; /* Adjust hlist padding in navboxes */ } .navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { white-space: nowrap; /* Nowrap list items in navboxes */ white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */ } .navbox .hlist dd dl, .navbox .hlist dt dl, .navbox .hlist li ol, .navbox .hlist li ul { white-space: normal; /* But allow parent list items to be wrapped */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ } /* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; } /* Navbar styling when nested in navbox */ .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; } /* '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; /* @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; } .panel { text-align: center; float: left; width: 100%; border: none !important; padding: none !important; } .panel-heading { background: #085ea0 !important; color: #f8f8f8; padding: 0.25em 0.5em; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; } .panel-body { background-color: #eee; padding: 0.25em 0.5em; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 4px solid #085ea0; } .tab-bar { background: #2ca243 !important; } ul.side-nav label { background: #77bb44 !important; text-align: center; border-radius: 6px; } h4.namespace.label { background: #085ea0 !important; } button.secondary, .button.secondary { background: #18A9DE !important; color: #fff !important; border: none !important; } button.secondary, .button.secondary:hover { background: #117ea6 !important; color: #fff !important; border: none !important; } ul.off-canvas-list li a { color: #77bb44; } ul.off-canvas-list li label { background: #18A9DE !important; color: #fff !important; text-decoration: none !important; } .right-off-canvas-menu, .left-off-canvas-menu { background: rgba(0,0,0,0) url(https://builddb.betaarchive.org/skins/grey.png) repeat scroll 0% 0%; } .side-nav li a:not(.button), .side-nav li a:not(.button):focus { color:#2ca243 !important; } .side-nav li a:not(.button):hover { text-decoration: none !important; } #mw-normal-catlinks a.new { color: #77bb44 !important; } @media only screen and (max-width: 600px) { .large-10 { width: 100% !important; } } ul.off-canvas-list li a:hover { background: #18A9DE !important; color: #fff !important; text-decoration: none !important; } .table tr th { padding: none !important; }