Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | + | /* Float TOC to the right. */ | |
| − | + | #toc { float: right }; | |
| − | + | ||
| + | /* | ||
| + | * Fonts | ||
| + | */ | ||
| + | /* https://fonts.google.com/specimen/Roboto | ||
| + | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap') | ||
| + | font-family: 'Roboto', sans-serif; | ||
| + | /* | ||
| + | * Tables | ||
| + | */ | ||
table { border-collapse: collapse; } | table { border-collapse: collapse; } | ||
thead { | thead { | ||
| Line 13: | Line 22: | ||
th, td { border: 1px solid #eeeeee; padding: 3px; } | th, td { border: 1px solid #eeeeee; padding: 3px; } | ||
| + | /* | ||
| + | * Code blocks | ||
| + | */ | ||
| + | code { border: 0px; } | ||
| + | |||
| + | /* | ||
| + | * Images | ||
| + | */ | ||
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */ | /* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */ | ||
.externalimage-holder { | .externalimage-holder { | ||
| Line 21: | Line 38: | ||
height: auto; | height: auto; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
Revision as of 16:17, 28 November 2020
/* CSS placed here will be applied to all skins */
/* Float TOC to the right. */
#toc { float: right };
/*
* Fonts
*/
/* https://fonts.google.com/specimen/Roboto
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap')
font-family: 'Roboto', sans-serif;
/*
* Tables
*/
table { border-collapse: collapse; }
thead {
background: rgba(0, 0, 0, 0.2);
text-align: left;
}
tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
th, td { border: 1px solid #eeeeee; padding: 3px; }
/*
* Code blocks
*/
code { border: 0px; }
/*
* Images
*/
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */
.externalimage-holder {
position: relative;
}
.externalimage-holder img {
width: 100%;
height: auto;
}