MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→* This stylesheet is loaded on desktop only. * * Desktop-only theme styles should go in MediaWiki:Vector.css. * Mobile-only styles should go in MediaWiki:Mobile.css. * Sitewide styles should go in MediaWiki:Sitewide.css.: @import url("https://wiki.ardacraft.me/index.php?title=MediaWiki:Sitewide.css?action=raw&ctype=text/css");") |
No edit summary |
||
(34 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
*/ | */ | ||
@import url("https://wiki.ardacraft.me/index.php | @import url("https://wiki.ardacraft.me/index.php/MediaWiki:Sitewide.css?action=raw&ctype=text/css"); | ||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
} | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 350px; | |||
border: 1px solid #CCC; | |||
padding: 0 10px 10px 10px; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
/* Bug in the page tabs with this one, a mobile version will need to be made for specific page sizes. For now, it's fine. */ | |||
.mainpage_logo_box { | |||
flex: 1 0 1; | |||
margin: 5px; | |||
min-width: 350px; | |||
border: 1px solid #CCC; | |||
padding: 0 30px 30px 30px; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
.mainpage_map_box { | |||
flex:1 1 0; | |||
padding: 0 5px 5px 5px; | |||
min-width: 1000px; | |||
} | |||
img { | |||
max-width:100%; | |||
height:auto; | |||
} | |||
.mainpage_box h3 { | |||
/* Reset padding so is equal across skins */ | |||
padding-right: 0; | |||
padding-top: 0; | |||
padding-bottom: 0; | |||
/* Padding left gets overridden by headanchor gadget */ | |||
margin: 0.5em 0; | |||
} | |||
/* Set padding left only if headanchor gadget is not enabled */ | |||
.mainpage_box h3:not(.tpl-vheadanchor-heading) { | |||
padding-left: 0; | |||
} | |||
.mainpage_box h3 .header_icon { | |||
float: left; | |||
margin-right: 5px; | |||
} | |||
.mainpage_box .items { | |||
border-top: 1px solid #CCC; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box p:last-child { | |||
margin-bottom: 0; | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95%; | |||
} | |||
.res-img img { | |||
max-width:100%; | |||
height:auto; | |||
} | |||
/* Infobox template style */ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} |
Latest revision as of 23:48, 26 April 2023
/* * This stylesheet is loaded on desktop only. * * Desktop-only theme styles should go in MediaWiki:Vector.css. * Mobile-only styles should go in MediaWiki:Mobile.css. * Sitewide styles should go in MediaWiki:Sitewide.css. */ @import url("https://wiki.ardacraft.me/index.php/MediaWiki:Sitewide.css?action=raw&ctype=text/css"); .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; } .mainpage_box { flex: 1; margin: 5px; min-width: 350px; border: 1px solid #CCC; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } /* Bug in the page tabs with this one, a mobile version will need to be made for specific page sizes. For now, it's fine. */ .mainpage_logo_box { flex: 1 0 1; margin: 5px; min-width: 350px; border: 1px solid #CCC; padding: 0 30px 30px 30px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .mainpage_map_box { flex:1 1 0; padding: 0 5px 5px 5px; min-width: 1000px; } img { max-width:100%; height:auto; } .mainpage_box h3 { /* Reset padding so is equal across skins */ padding-right: 0; padding-top: 0; padding-bottom: 0; /* Padding left gets overridden by headanchor gadget */ margin: 0.5em 0; } /* Set padding left only if headanchor gadget is not enabled */ .mainpage_box h3:not(.tpl-vheadanchor-heading) { padding-left: 0; } .mainpage_box h3 .header_icon { float: left; margin-right: 5px; } .mainpage_box .items { border-top: 1px solid #CCC; padding-top: 0.5em; } .mainpage_box p:last-child { margin-bottom: 0; } .mainpage_boxcontents_small { font-size: 95%; } .res-img img { max-width:100%; height:auto; } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; width: 22em; } .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { vertical-align: top; } .infobox-label, .infobox-data, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { /* @noflip */ text-align: left; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { padding: 0.2em; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below { text-align: center; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-navbar { /* @noflip */ text-align: right; }