MediaWiki:Gadget-NavboxStyle.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(21 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* Navbox template CSS */ | /* Navbox template CSS */ | ||
/* Site styles */ | /* Site styles */ | ||
table.navbox { | table.navbox { | ||
color: #000; | |||
font-size: 90%; | font-size: 90%; | ||
text-align: center; | text-align: center; | ||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
min-width: 200px; | min-width: 200px; | ||
max-width: 95%; | max-width: 95%; | ||
padding: 0.2em; | |||
margin: 15px auto 0; | |||
clear: both; | |||
} | } | ||
.navbox + .navbox { | .navbox + .navbox, | ||
margin-top: | .content-table-wrapper + .content-table-wrapper .navbox { | ||
margin-top: 2px !important; | |||
} | } | ||
table.navbox th { | table.navbox th { | ||
background-color: # | background-color: #beb; | ||
padding-left: 1em; | padding-left: 1em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | |||
table.navbox:not(.classic) th { | |||
color: #fff; | |||
} | |||
table.navbox:not(.classic) tr th a, | |||
table.navbox:not(.classic) .mw-collapsible-text, | |||
table.navbox:not(.classic) .mw-collapsible-toggle { | |||
color: inherit !important; | |||
} | } | ||
table.navbox tr:not(:first-child) th { | table.navbox tr:not(:first-child) th { | ||
background-color: # | background-color: #cec; | ||
} | } | ||
table.navbox .mw-collapsible-text, | table.navbox .mw-collapsible-text, | ||
Line 34: | Line 38: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
body:not(.mobile) table.navbox .mw-collapsible-toggle-collapsed { | |||
table.navbox .mw-collapsible-toggle-collapsed { | |||
margin-left: 10px; | margin-left: 10px; | ||
} | } | ||
Line 54: | Line 50: | ||
} | } | ||
/* | /* Light navboxes */ | ||
. | table.navbox-light { | ||
color: #000; | |||
} | |||
table.navbox-light a, | |||
table.navbox-light a.extiw, | |||
table.navbox-light a.external { | |||
color: #262; | |||
} | |||
table.navbox-light a:visited, | |||
table.navbox-light a.extiw:visited, | |||
table.navbox-light a.external:visited { | |||
color: #141; | |||
} | |||
table.navbox-light a:hover, | |||
table.navbox-light a.extiw:hover, | |||
table.navbox-light a.external:hover { | |||
color: #363; | |||
} | |||
table.navbox-light a:visited:hover, | |||
table.navbox-light a.extiw:visited:hover, | |||
table.navbox-light a.external:visited:hover { | |||
color: #242; | |||
} | |||
table.navbox-light a.new, | |||
table.navbox-light a.new:visited, | |||
table.navbox-light a.new:hover, | |||
table.navbox-light a.new:visited:hover { | |||
color: #422; | |||
} | |||
/* Dark navboxes */ | |||
table.navbox-dark { | |||
color: #fff; | |||
} | |||
table.navbox-dark a, | |||
table.navbox-dark a.extiw, | |||
table.navbox-dark a.external { | |||
color: #bfb; | |||
} | |||
table.navbox-dark a:visited, | |||
table.navbox-dark a.extiw:visited, | |||
table.navbox-dark a.external:visited { | |||
color: #cfc; | |||
} | |||
table.navbox-dark a:hover, | |||
table.navbox-dark a.extiw:hover, | |||
table.navbox-dark a.external:hover { | |||
color: #cfc; | |||
} | |||
table.navbox-dark a:visited:hover, | |||
table.navbox-dark a.extiw:visited:hover, | |||
table.navbox-dark a.external:visited:hover { | |||
color: #dfd; | |||
} | } | ||
. | table.navbox-dark a.new, | ||
table.navbox-dark a.new:visited, | |||
table.navbox-dark a.new:hover, | |||
table.navbox-dark a.new:visited:hover { | |||
color: #fdd; | |||
} | } |
Latest revision as of 09:40, August 11, 2023
/* Navbox template CSS */
/* Site styles */
table.navbox {
color: #000;
font-size: 90%;
text-align: center;
border: 1px solid #aaa;
background-color: #f9f9f9;
min-width: 200px;
max-width: 95%;
padding: 0.2em;
margin: 15px auto 0;
clear: both;
}
.navbox + .navbox,
.content-table-wrapper + .content-table-wrapper .navbox {
margin-top: 2px !important;
}
table.navbox th {
background-color: #beb;
padding-left: 1em;
padding-right: 1em;
}
table.navbox:not(.classic) th {
color: #fff;
}
table.navbox:not(.classic) tr th a,
table.navbox:not(.classic) .mw-collapsible-text,
table.navbox:not(.classic) .mw-collapsible-toggle {
color: inherit !important;
}
table.navbox tr:not(:first-child) th {
background-color: #cec;
}
table.navbox .mw-collapsible-text,
table.navbox .mw-collapsible-toggle {
font-weight: bold;
}
body:not(.mobile) table.navbox .mw-collapsible-toggle-collapsed {
margin-left: 10px;
}
body:not(.mobile) .navbox.mw-made-collapsible:not(.mw-collapsed) > tbody > tr:first-of-type > th {
padding-left: 4.4em;
}
@media print {
.navbox {
display: none;
}
}
/* Light navboxes */
table.navbox-light {
color: #000;
}
table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
color: #262;
}
table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
color: #141;
}
table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
color: #363;
}
table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
color: #242;
}
table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
color: #422;
}
/* Dark navboxes */
table.navbox-dark {
color: #fff;
}
table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
color: #bfb;
}
table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
color: #cfc;
}
table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
color: #cfc;
}
table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
color: #dfd;
}
table.navbox-dark a.new,
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
color: #fdd;
}