MediaWiki:Main 3.css: Difference between revisions
From Tiny Rogues Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* main container */ | |||
#mw-content-container { | |||
border-bottom: none; | border-bottom: none; | ||
min-height: 105vh; | |||
} | } | ||
#mw-content { | |||
border-bottom: none; | |||
background-color: var(--theme-tone-6); | |||
margin-top: 1rem; | |||
border-radius: 6px 6px 0 0; | |||
border: 1px solid var(--border-color); | |||
border-bottom: 0; | |||
} | } | ||
#mw-related-navigation .sidebar-chunk | #mw-related-navigation .sidebar-chunk { | ||
margin-top: 1rem; | |||
} | } | ||
/* Long table adjustments */ | |||
table[class*="colortable-"]:not(.section) { | |||
overflow: auto; | |||
display: block; | display: block; | ||
border: 0; | |||
border: | |||
} | } | ||
.overflowed :is(.content-table-left, .content-table-right) { | |||
display: none; | |||
} | } | ||
.long-table { | |||
overflow-x: auto; | |||
} | } | ||
. | .long-table::-webkit-scrollbar-thumb, | ||
.long-table::-webkit-scrollbar-track, | |||
.long-table::-webkit-scrollbar, | |||
.content-table::-webkit-scrollbar-thumb, | |||
. | .content-table::-webkit-scrollbar-track, | ||
.content-table::-webkit-scrollbar, | |||
table::-webkit-scrollbar-thumb, | |||
table::-webkit-scrollbar-track, | |||
table::-webkit-scrollbar { | |||
border-radius: 0; | |||
} | } | ||
. | :is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext), | ||
.tooltip-down .tooltiptext { | |||
top: calc(20px + 100%); | |||
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15); | |||
bottom: auto; | |||
} | } | ||
:is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):before, | |||
.tooltip-down .tooltiptext:before { | |||
bottom: 100%; | |||
top: unset; | |||
border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent; | |||
} | } | ||
:is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):after, | |||
.tooltip-down .tooltiptext:after { | |||
bottom: 100%; | |||
margin-bottom: -10px; | |||
top: unset; | |||
transform: rotate(225deg); | |||
box-shadow: 1px 1px 0px rgb(165, 165, 165); | |||
} | } |
Revision as of 17:07, 19 January 2024
/* main container */
#mw-content-container {
border-bottom: none;
min-height: 105vh;
}
#mw-content {
border-bottom: none;
background-color: var(--theme-tone-6);
margin-top: 1rem;
border-radius: 6px 6px 0 0;
border: 1px solid var(--border-color);
border-bottom: 0;
}
#mw-related-navigation .sidebar-chunk {
margin-top: 1rem;
}
/* Long table adjustments */
table[class*="colortable-"]:not(.section) {
overflow: auto;
display: block;
border: 0;
}
.overflowed :is(.content-table-left, .content-table-right) {
display: none;
}
.long-table {
overflow-x: auto;
}
.long-table::-webkit-scrollbar-thumb,
.long-table::-webkit-scrollbar-track,
.long-table::-webkit-scrollbar,
.content-table::-webkit-scrollbar-thumb,
.content-table::-webkit-scrollbar-track,
.content-table::-webkit-scrollbar,
table::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-track,
table::-webkit-scrollbar {
border-radius: 0;
}
:is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext),
.tooltip-down .tooltiptext {
top: calc(20px + 100%);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
bottom: auto;
}
:is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):before,
.tooltip-down .tooltiptext:before {
bottom: 100%;
top: unset;
border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
}
:is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):after,
.tooltip-down .tooltiptext:after {
bottom: 100%;
margin-bottom: -10px;
top: unset;
transform: rotate(225deg);
box-shadow: 1px 1px 0px rgb(165, 165, 165);
}