User:Nikki/common.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
The accompanying .js page for this skin is at User:Nikki/common.js. |
- Report page listing warnings and errors.
/* @import url("https://commons.wikimedia.org/w/index.php?title=User:Lucas_Werkmeister/just_the_license_short_name_please.css&action=raw&ctype=text/css"); */
/*** Stop audio files from making the page jump about ***/
audio {
display: block;
height: 20px;
}
.mediaContainer {
min-height: 20px;
}
/*** Hide various things ***/
.mw-editTools {
/* Hide the toolbar with buttons for inserting characters/wikitext */
display: none;
}
.mw-message-box-error {
/* Hide the default warnings when editing user CSS/JS pages */
display: none;
}
/*** Misc ***/
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
/* Default OOUI hover highlight colour is almost invisible, make it darker */
background-color: #cfd8dc;
}
.mw-highlight .c {
/* Don't use italics for comments when syntax highlighting source code */
font-style: normal;
}
#mw-imagepage-section-filehistory {
/* Make the file history section scroll horizontally when necessary, instead of affecting the whole page */
overflow-x: auto;
}
/*** Reduce padding around the page content ***/
#content {
/* Remove padding around the main page content */
padding: 0;
}
#bodyContent > :not(#catlinks),
h1#firstHeading {
/* Add padding at the sides which was previously on #content */
padding: 0 0.7rem;
}
.mw-footer {
/* Reduce space around the footer content */
padding: 0.5rem;
}
#catlinks {
/* Distinguish the categories section by background colour instead of with a border */
border: 0;
background-color: #d7eef4;
/* Reduce the space above the categories section */
margin-top: 5px;
}
/*** Language-specific styling ***/
:lang(mnc) {
font-family: Noto Sans Mongolian;
writing-mode: vertical-lr;
}
/*** Captions ***/
.wbmi-entityview-captionsPanel {
/* Reduce the amount of padding around the caption panel */
padding: 0.4em 0.6em;
/* Allow the captions panel to use the full width available */
max-width: none;
}
.wbmi-entityview-captionsPanel .wbmi-entityview-caption {
/* Reduce the amount of padding around caption text */
padding: 0.1rem 0;
}
.wbmi-entityview-captionsPanel .wbmi-entityview-captions-header {
/* Remove the space below the header */
margin: 0;
}
.wbmi-entityview-captionsPanel .wbmi-entityview-captions-header .wbmi-entityview-editButton {
/* Make the edit button less tall */
line-height: 1rem;
}
.wbmi-entityview-captionsPanel .wbmi-entityview-captions-header .wbmi-entityview-editButton .oo-ui-buttonElement-button {
/* Align the edit button to the right */
padding-right: 0;
}
/*** SDC ***/
.wbmi-item-container h3,
.wbmi-item-container h4 {
/* Show statement values in a normal font weight */
font-weight: normal;
}
.wbmi-entity-label bdi {
/* Fix display of RTL monolingual text statements - language should be after the text */
direction: ltr;
}
.wb-monolingualtext-language-name {
/* Display the language for a monolingual text statement in grey */
color: grey;
}
#P898 .wbmi-content-items-group .wbmi-entity-label {
/* Display IPA in a larger and nicer font */
font-family: "Linux Libertine O";
font-size: 150%;
}
.wbmi-item.wbmi-item-read .wbmi-entity-mark-as-prominent {
/* Hide "Mark as prominent" button when not editing */
display: none;
}
/*** SDC layout ***/
.wbmi-tabs-container .wbmi-tab.oo-ui-tabPanelLayout {
/* Display file pages in two columns, with SDC on the right */
display: inline-block !important; /* source code uses !important so it's needed here too */
width: calc(50% - 1.5em) !important; /* source code uses !important on hidden panels so it's needed here too */
/* Make the second column display below the first if the page isn't wide enough */
min-width: 300px;
/* Make sure the columns are positioned at the top when the heights differ */
vertical-align: top;
/* Apply the margins from the active panel to all panels for consistency */
margin: 1rem 0;
}
.wbmi-tabs-container .wbmi-tab.oo-ui-tabPanelLayout + .wbmi-tab.oo-ui-tabPanelLayout {
/* Add a gap between the two columns */
margin-left: 1.5em;
}
.wbmi-tabs-container .oo-ui-indexLayout-tabPanel {
/* Hide the tab bar now that both tabs are displayed */
display: none;
}
.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout[hidden] {
/* Override the hidden="until-found" attribute */
content-visibility: visible !important;
/* Reset the opacity */
opacity: 1;
/* Reset the height */
height: auto !important; /* source code uses !important so it's needed here too */
/* Re-enable overflow */
overflow: auto !important; /* source code uses !important so it's needed here too */
/* Re-allow clicking on them */
pointer-events: auto;
}
/*** SDC statements ***/
.wbmi-tabs-container .oo-ui-panelLayout-framed {
/* No rounded corners for statements */
border-radius: 0;
}
.wbmi-entityview-statementsGroup {
/* Reduce the amount of padding around statements */
padding: 0.1rem 0.5rem 0.3rem 0.5rem;
}
.wbmi-entityview-statementsGroup:nth-child(even) {
/* Alternate row highlighting */
background-color: #eee;
}
.wbmi-entityview-statementsGroup + .wbmi-entityview-statementsGroup {
/* Collapse space and borders between statement groups */
border-top: 0;
margin-top: 0;
}
.wbmi-item.wbmi-item-read .wbmi-item-container,
.wbmi-item .wbmi-item-container .wbmi-entity-header {
/* Inherit background colour on statement values so that alternate row highlighting works properly */
background-color: transparent;
}
.wbmi-item .wbmi-item-container .wbmi-entity-header {
/* Reduce the amount of padding around statements */
padding: 0;
}
.wbmi-statements-widget {
/* Reduce the amount of space at the bottom of the statement */
margin-bottom: 0;
}
.wbmi-statements-widget .wbmi-statement-header {
/* Reduce the amount of space between the property and value */
margin-bottom: 0;
}
.wbmi-item.wbmi-item-read {
/* Reduce the amount of space between the property and value */
margin-top: 0;
}
.wbmi-statements-widget h3.wbmi-statements-title + h4.wbmi-entity-label {
/* Display "depicts" property name like other properties */
font-style: normal;
font-weight: bold;
}
h3.wbmi-statements-title {
/* Hide the "Items portrayed in this file" header */
display: none;
}