MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 28: | Line 28: | ||
.toggle | #p-navigation .body { | ||
position: relative; | |||
padding: | } | ||
margin: | |||
.version-toggle { | |||
border-top: 1px solid #c8ccd1; | |||
padding: 12px 8px; | |||
margin-top: 6px; | |||
} | |||
.version-toggle-label { | |||
color: #54595d; | |||
font-size: 0.85em; | |||
margin-bottom: 6px; | |||
} | |||
.version-toggle-buttons { | |||
display: flex; | |||
gap: 4px; | |||
} | } | ||
. | .version-button { | ||
flex: 1; | |||
padding: 0. | padding: 4px; | ||
font-size: 0.85em; | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: | border-radius: 2px; | ||
cursor: pointer; | cursor: pointer; | ||
text-align: center; | |||
color: #202122; | |||
} | } | ||
. | .version-button.active { | ||
background: # | background: #eaf3ff; | ||
border-color: #36c; | border-color: #36c; | ||
color: #36c; | |||
font-weight: bold; | |||
} | } | ||
Revision as of 18:12, 6 February 2025
/* CSS placed here will be applied to all skins */
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 300px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox-table th {
text-align: left;
vertical-align: top;
width: 120px;
}
.infobox-table td {
vertical-align: top;
}
#p-navigation .body {
position: relative;
}
.version-toggle {
border-top: 1px solid #c8ccd1;
padding: 12px 8px;
margin-top: 6px;
}
.version-toggle-label {
color: #54595d;
font-size: 0.85em;
margin-bottom: 6px;
}
.version-toggle-buttons {
display: flex;
gap: 4px;
}
.version-button {
flex: 1;
padding: 4px;
font-size: 0.85em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-radius: 2px;
cursor: pointer;
text-align: center;
color: #202122;
}
.version-button.active {
background: #eaf3ff;
border-color: #36c;
color: #36c;
font-weight: bold;
}
.manga-content, .anime-content {
display: none;
}
.show-manga .manga-content,
.show-anime .anime-content {
display: block;
}