User:Sur/vector.css: Difference between revisions
< User:Sur
m flex-direction: column; |
m overflow of all kinds removed |
||
(91 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Used for {{Infobox_stat}} and [[Module:HeroData]]'s write_stat_infoboxes for hero pages */ | |||
. | .stat-infobox-table { | ||
width: | width: 100%; | ||
border-collapse: separate; | |||
margin-top: 10px; /* Add space above to prevent overlap with content above */ | |||
margin-bottom: 10px; /* Add space below the table */ | |||
} | } | ||
. | .stat-infobox-table th, | ||
.stat-infobox-table td { | |||
padding: 5px; | |||
text-align: center; | text-align: center; | ||
background-color: rgba(0, 0, 0, 0.08); | |||
border: 1px solid black; | |||
position: relative; | |||
font-family: 'Retail Demo', sans-serif; | |||
} | } | ||
.hover- | .stat-infobox-table th:hover, | ||
.stat-infobox-table td:hover { | |||
background-color: rgba(0, 0, 0, .4); | |||
} | } | ||
. | .stat-infobox-table td::before, | ||
.stat-infobox-table th::before { | |||
content: ''; | |||
. | |||
top: 0; | top: 0; | ||
left: | left: 0; | ||
width: 100%; | width: 100%; | ||
height: 100%; | |||
background-color: rgba(0, 0, 0, 0.08); | |||
mix-blend-mode: multiply; | |||
background-color: rgba( | |||
} | } | ||
. | .stat-infobox-table .darker { | ||
. | background-color: rgba(0, 0, 0, 0.25); | ||
} | } |
Latest revision as of 20:13, 22 September 2024
/* Used for {{Infobox_stat}} and [[Module:HeroData]]'s write_stat_infoboxes for hero pages */
.stat-infobox-table {
width: 100%;
border-collapse: separate;
margin-top: 10px; /* Add space above to prevent overlap with content above */
margin-bottom: 10px; /* Add space below the table */
}
.stat-infobox-table th,
.stat-infobox-table td {
padding: 5px;
text-align: center;
background-color: rgba(0, 0, 0, 0.08);
border: 1px solid black;
position: relative;
font-family: 'Retail Demo', sans-serif;
}
.stat-infobox-table th:hover,
.stat-infobox-table td:hover {
background-color: rgba(0, 0, 0, .4);
}
.stat-infobox-table td::before,
.stat-infobox-table th::before {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.08);
mix-blend-mode: multiply;
}
.stat-infobox-table .darker {
background-color: rgba(0, 0, 0, 0.25);
}