MediaWiki:Common.css: Difference between revisions
Reduce page jumps by hiding collapsed/dismissed content |
No edit summary |
||
(54 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Balsamiq+Sans:wght@700&display=swap'); | |||
body { | |||
background: #ECE3F0; | |||
} | |||
#p-logo { | |||
margin-top: 5px; | |||
} | |||
.mw-wiki-logo { | |||
background-image: url(/w/images/b/bc/Wiki.png); | |||
} | |||
#mw-panel .portal { | |||
font-family: Balsamiq Sans; | |||
font-size: 21px; | |||
} | |||
#mw-panel .portal li a, | |||
#mw-panel .portal li a:visited { | |||
color:#000000 | |||
} | |||
#mw-panel .portal h3 { | |||
font-family: Anton; | |||
font-size: 25px; | |||
color:darkblue; | |||
} | |||
.mw-body { | |||
border: 1px solid #4B0081; | |||
border-right: none; | |||
} | |||
div.vectorTabs ul li { | |||
background-color: #ECE3F0; | |||
} | |||
#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); | |||
} | |||
span.editbutton { | |||
float:right; | |||
margin-right:5px; | |||
margin-top:2px; | |||
font-size:0.8em; | |||
color:#FFFFFF !important; | |||
} | |||
span.editbutton-left { | |||
float:left; | |||
margin-left:-65px; | |||
margin-top:2px; | |||
font-size:0.8em; | |||
color:#FFFFFF !important; | |||
} | |||
span.editbutton a, | |||
span.editbutton-left a { | |||
color:#FFFFFF !important; | |||
} | |||
.navbox .mw-collapsible-toggle { | |||
font-weight:bold; | |||
margin-right:4px; | |||
color:#FFFFFF; | |||
} | |||
.navbox .mw-collapsible-text { | |||
color:#FFFFFF; | |||
} | |||
.navbox th, | |||
.navbox th a { | |||
color:#FFFFFF; | |||
} | |||
.navbox.mw-collapsible tbody > tr:first-child > th:first-child { | |||
padding-left: 75px; | |||
} | |||
.infobox { | |||
max-width:100%; | |||
} | |||
.infobox a { | |||
color: white !important; | |||
} | |||
/* Standard table formatting */ | |||
/* <pre><nowiki> */ | |||
/* wikitable/prettytable class for skinning normal tables */ | |||
/* modified from http://wikimon.net/MediaWiki:Common.css */ | |||
table.wikitable, | |||
table.prettytable { | |||
margin: 1em 1em 1em 0; | |||
background: ghostwhite; | |||
color:black; | |||
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 td, | |||
table.prettytable td { | |||
background: ghostwhite; | |||
} | |||
table.wikitable th, | |||
table.wikitable > tr > th, | |||
table.wikitable > * > tr > th, | |||
table.prettytable th, | |||
table.prettytable > tr > th, | |||
table.prettytable > * > tr > th { | |||
background: #c0c0c0; | |||
text-align: center; | |||
} | |||
table.wikitable caption, | |||
table.prettytable caption { | |||
margin-left: inherit; | |||
margin-right: inherit; | |||
} | |||
/* sortable table class for skinning sortable tables */ | |||
table.sortable { | |||
margin: 1em 1em 1em 0; | |||
background: ghostwhite; | |||
color:black; | |||
border: 1px #aaaaaa solid; | |||
border-collapse: collapse; | |||
} | |||
table.sortable th, table.sortable td { | |||
border: 1px #aaaaaa solid; | |||
padding: 0.2em; | |||
} | |||
table.sortable td { | |||
background: ghostwhite; | |||
} | |||
table.sortable th, | |||
table.sortable > tr > th, | |||
table.sortable > * > tr > th { | |||
background: #c0c0c0; | |||
text-align: center; | |||
} | |||
table.sortable caption { | |||
margin-left: inherit; | |||
margin-right: inherit; | |||
} | |||
/* Reduce page jumps by hiding collapsed/dismissed content */ | /* Reduce page jumps by hiding collapsed/dismissed content */ | ||
Line 34: | Line 211: | ||
.navbox .mw-collapsible-toggle { | .navbox .mw-collapsible-toggle { | ||
width: 6em; | width: 6em; | ||
} | } | ||
Line 150: | Line 293: | ||
border-right:none; | border-right:none; | ||
border-bottom:none; | border-bottom:none; | ||
max-width: 100% !important; | |||
/* If you don't want the tab size changing whenever a tab is changed | /* If you don't want the tab size changing whenever a tab is changed | ||
Line 158: | Line 302: | ||
scrollbar when necessary */ | scrollbar when necessary */ | ||
/* overflow:auto; */ | /* overflow:auto; */ | ||
} | } | ||
Line 194: | Line 330: | ||
ul span.commaSep:last-of-type { | ul span.commaSep:last-of-type { | ||
display: none; | display: none; | ||
} | |||
/* -------------------------------------------------- | |||
MAIN PAGE PORTALS CSS FOLLOWS. | |||
ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI. | |||
http://www.zeldawiki.org | |||
ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015 | |||
-------------------------------------------------- */ | |||
/* Main Page Portals: Nav class */ | |||
.nav { | |||
padding:0; | |||
display:inline-block; | |||
} | |||
.nav:hover .dropdown{ | |||
display:block; | |||
} | |||
/* Main Page Portals: Container */ | |||
.container{ | |||
position:absolute; | |||
height: 450px; | |||
} | |||
.dropdown { | |||
border:2px solid #BFBFBF; | |||
border-radius:10px; | |||
display:none; | |||
float:left; | |||
left:-45%; | |||
right:-45%; | |||
position:relative; | |||
z-index: 100; | |||
color:#000000; | |||
} | |||
.dropdown a{ | |||
color:#FFFFFF; | |||
text-decoration:none; | |||
} | |||
.dropdown caption { | |||
width:inherit; | |||
} | |||
.dropdown td { | |||
vertical-align:top; | |||
padding:1px; | |||
white-space:nowrap; | |||
} | |||
.dropdown td p a { | |||
border:1px solid #3e4874; | |||
font-size:90%; | |||
line-height: 1.2em; | |||
margin: 3px 3px; | |||
padding:3px; | |||
} | |||
.dropdown p{ | |||
margin:0; | |||
padding:0; | |||
} | |||
caption a, .dropdown th a{ | |||
display:block; | |||
padding: 2px; | |||
} | |||
.dropdown caption a { | |||
padding:5px 20px 5px 20px; | |||
font-size:150%; | |||
} | |||
/* Main Page Portals: Character Table */ | |||
.dropdowntable td { | |||
border:white solid 1px; | |||
} | |||
.dropdowntable td a { | |||
background-color: #000000; | |||
background-image: -moz-linear-gradient(center top, #06305B, #3e4874); | |||
background-image: -webkit-linear-gradient(top, #06305B, #3e4874); | |||
background-image: -o-linear-gradient(top, #06305B, #3e4874); | |||
background-image: -ms-linear-gradient(top, #06305B, #3e4874); | |||
background-image: linear-gradient(top, #06305B, #3e4874); | |||
color: #FFFFFF; | |||
font-weight: normal; | |||
display: block; | |||
padding: 2px; | |||
} | |||
.dropdowntable td a:hover{ | |||
background-image: -moz-linear-gradient(center top, #bfbfff, #3e4874); | |||
background-image: -webkit-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: -o-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: -ms-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: linear-gradient(top, #bfbfff, #3e4874); | |||
} | |||
/* Thumbnails */ | |||
div.thumb div.thumbinner div.magnify { | |||
display:none !important; | |||
} | |||
div.thumb div.thumbinner div { | |||
background:none !important; | |||
border:none !important; | |||
color:#fff; | |||
} | |||
div.thumb div.thumbinner a { | |||
color:#ddd; | |||
} | |||
div.thumb div.thumbinner a:visited { | |||
color:#aaa; | |||
} | |||
div.thumb div.thumbinner a:hover { | |||
color:#fff; | |||
} | |||
div.thumb div.thumbinner { | |||
background:#454659; | |||
background:linear-gradient(top,#c1c0c0,#454659); | |||
background:-o-linear-gradient(top,#c1c0c0,#454659); | |||
background:-ms-linear-gradient(top,#c1c0c0,#454659); | |||
background:-moz-linear-gradient(top,#c1c0c0,#454659); | |||
background:-webkit-linear-gradient(top,#c1c0c0,#454659); | |||
border:none !important; | |||
border-radius:5px; | |||
box-shadow:2px 2px 6px #7f7f7f; /* This is needed for browser compatibility */ | |||
box-shadow:2px 2px 6px rgba(0,0,0,0.5); | |||
padding:5px !important; | |||
} | |||
div.thumb .thumbimage { | |||
border:none !important; | |||
border-radius:5px; | |||
} | |||
div.thumb .thumbimage:hover { | |||
-moz-transform:scale(1.02); | |||
-webkit-transform:scale(1.02); | |||
} | |||
img.medal { | |||
width: 100%; | |||
height: auto; | |||
max-width: 350px; | |||
max-height: auto; | |||
} | |||
/* Remove breadcrumbs for specific articles */ | |||
.page-Kingdom_Hearts_Unchained_χ_Union_χ .subpages, .page-Kingdom_Hearts_Unchained_χ_Union_χ .PageHeader h2 {display: none;} | |||
/* Dismissable SiteNotice */ | |||
.sitedir-ltr .mw-dismissable-notice-body { | |||
margin: 0 60px 0.5em 0; | |||
} | |||
.sitedir-rtl .mw-dismissable-notice-body { | |||
margin: 0 0 0.5em 60px; | |||
} | |||
/* Needed for cookie consent bar to be GDPR compliant */ | |||
body.cmp-state--bar { | |||
margin-bottom: 118px; | |||
} | |||
/* Flexible tables */ | |||
.flex { | |||
display: flex; | |||
} | |||
.flex tbody { | |||
display: table; | |||
width: 100%; | |||
} | |||
/* Allow limiting of which header levels are shown in a TOC through {{TOClimit}} - from KHWiki */ | |||
.toclimit-2 .toclevel-2 {display:none;} | |||
.toclimit-3 .toclevel-3 {display:none;} | |||
.toclimit-4 .toclevel-4 {display:none;} | |||
.toclimit-5 .toclevel-5 {display:none;} | |||
.toclimit-6 .toclevel-6 {display:none;} | |||
.toclimit-7 .toclevel-7 {display:none;} | |||
td.scr-bottom { | |||
min-height:30px !important; | |||
} | |||
.mw-changeslist-time { | |||
display: inline-block; | |||
} | } |