MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 41: | Line 41: | ||
margin: 20px auto; | margin: 20px auto; | ||
width: 98%; | width: 98%; | ||
height: | height: 150px; | ||
display: grid; | display: grid; | ||
grid-template-columns: 50% 50%; | grid-template-columns: 50% 50%; | ||
Line 69: | Line 69: | ||
} | } | ||
.card > a { | .card > a, .card > .external { | ||
background: none; | padding: 0px !important; | ||
color: white; | background: none !important; | ||
color: white !important; | |||
border: none; | border: none; | ||
text-decoration: none; | |||
display: flex; | |||
justify-content: center; | |||
width: 100%; | |||
height: 100%; | |||
align-items: center; | |||
} | } |
Latest revision as of 01:04, 30 December 2023
:root {
--accent-colour: rgb(255, 87, 87);
--accent-colour-2: rgb(255, 100, 100);
--accent-colour-3: rgb(255, 67, 67);
}
.mw-logo {
color: black;
}
.mw-logo-wordmark {
color: black;
text-decoration: none;
}
.vector-main-menu-action-opt-out {
display: none;
}
#vector-page-tools-pinned-container .vector-page-tools::after {
content: none;
}
#p-navigation {
border-bottom: none;
}
.skin-vector {
background-color: white;
}
/* Wikitable */
.wikitable > caption {
white-space: nowrap;
text-align: left;
}
/* Main Page */
.cards {
margin: 20px auto;
width: 98%;
height: 150px;
display: grid;
grid-template-columns: 50% 50%;
grid-row-gap: 10px;
grid-column-gap: 10px;
justify-content: center;
}
.card {
background: url("https://bridgeduel.xyz/images/redclay.png") center center repeat;
background-size: 50px;
transition-duration: 0.2s;
filter: brightness(80%);
transition-property: transform, filter;
font-size: 20px;
text-align: center;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-decoration: none;
}
.card:hover {
transform: scale(1.01);
filter: brightness(100%);
}
.card > a, .card > .external {
padding: 0px !important;
background: none !important;
color: white !important;
border: none;
text-decoration: none;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
align-items: center;
}