MediaWiki:Common.css: Difference between revisions
m
no edit summary
mNo edit summary Tag: Reverted |
mNo edit summary |
||
| (11 intermediate revisions by the same user not shown) | |||
Line 1:
/* CSS placed here will be applied to all skins */
max-width: 85em;▼
margin: 0 auto;▼
} ▼
body.page-Main_Page h1.firstHeading {
Line 146 ⟶ 140:
}
.pi-data-label, .pi-data-value {
hyphens: manual;
-webkit-hyphens: manual; }
.portable-infobox .pi-data-label {
flex-basis: 165px;
}
/* ##################### SEARCH BAR ##################### */
Line 389 ⟶ 390:
height: auto;
transition: 0.4s ease-out;
object-fit: cover;
}
Line 421 ⟶ 423:
width: 0.45rem;
vertical-align: middle;
}
.arrow.dark {
filter: invert(80%);
}
Line 760 ⟶ 766:
.table.c_25 > tbody > tr > th,table.table > tbody > tr.c_25 > th,.table.recipe > tbody > tr > th,table.table > tbody > tr.recipe > th { background-color:#d3c0a8; border-color:#a99a86 }
.table.c_25 > tbody > tr:nth-child(odd),.table > tbody > tr.c_25:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) { background-color:#f2ece5 }
/* ##################### Mainpage mods list ##################### */
.mainpage-mods ul {
columns: 3;
margin: 1em 0.7em 0.7em 1em;
}
.mainpage-mods li {
display: flex;
isolation: isolate;
text-align: center;
.mainpage-mods li a:first-child {
border-radius: 3px;
padding: 4px;
height: 25px;
}
.mainpage-mods li a:last-child {
flex: 1;
display: flex;
align-items: center;
color: #ffffff;
font-weight: bold;
padding-left: 0.7em;
text-decoration: none;
}
.mainpage-mods li:hover a:first-child {
border-radius: 3px 0 0 3px;
}
.mainpage-mods li:hover a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 3px 3px 0;
}
.mod-modname a:first-child {
background: #246C97;
}
.mod-modname:hover a:last-child {
background: #6BA5C8;
}
.tile-bottom.read-more {
background: #f9fafa;
transition: 0.3s ease-out;
}
.tile-bottom.read-more a {
color: #949eaa;
font-weight: bold;
text-align: right;
}
.tile-bottom.read-more:hover {
background: #f2f4f4;
}
.tile-bottom.read-more:hover .arrow {
transform: translateX(50%);
}
.tile-bottom.read-more .arrow {
filter: invert(43%) sepia(50%) hue-rotate(175deg);
margin-left: 0.4em;
transition: 0.3s ease-out;
}
| |||