User:Sur/vector.css: Difference between revisions
< User:Sur
Tag: Undo |
m overflow of all kinds removed |
||
(12 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*/ | /* Used for {{Infobox_stat}} and [[Module:HeroData]]'s write_stat_infoboxes for hero pages */ | ||
.stat-infobox-table { | .stat-infobox-table { | ||
Line 64: | Line 5: | ||
border-collapse: separate; | border-collapse: separate; | ||
margin-top: 10px; /* Add space above to prevent overlap with content above */ | margin-top: 10px; /* Add space above to prevent overlap with content above */ | ||
margin-bottom: 10px; /* Add space below the table */ | |||
} | } | ||
Line 72: | Line 14: | ||
background-color: rgba(0, 0, 0, 0.08); | background-color: rgba(0, 0, 0, 0.08); | ||
border: 1px solid black; | border: 1px solid black; | ||
position: relative; | position: relative; | ||
font-family: 'Retail Demo', sans-serif; | font-family: 'Retail Demo', sans-serif; | ||
} | } | ||
Line 82: | Line 20: | ||
.stat-infobox-table th:hover, | .stat-infobox-table th:hover, | ||
.stat-infobox-table td:hover { | .stat-infobox-table td:hover { | ||
background-color: rgba(0, 0, 0, .4); | background-color: rgba(0, 0, 0, .4); | ||
} | } | ||
Line 90: | Line 26: | ||
.stat-infobox-table th::before { | .stat-infobox-table th::before { | ||
content: ''; | content: ''; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
Line 97: | Line 32: | ||
background-color: rgba(0, 0, 0, 0.08); | background-color: rgba(0, 0, 0, 0.08); | ||
mix-blend-mode: multiply; | mix-blend-mode: multiply; | ||
} | } | ||
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);
}