MediaWiki:Main 3.css: Difference between revisions
From Tiny Rogues Wiki
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/* | /* status effect icons */ | ||
.status { | |||
display: inline-flex; | |||
gap: 0.35em; | |||
} | } | ||
.status .tooltip { | |||
border-bottom: | white-space: nowrap; | ||
} | |||
/* combo overlay */ | |||
.combo-overlay a { | |||
display: flex; | |||
} | |||
/* header */ | |||
.mw-body .mw-parser-output h1 { | |||
display: flex; | |||
place-items: center; | |||
border-bottom: 1px solid var(--border-color); | |||
position: relative; | |||
} | |||
.mw-body .mw-parser-output h1::after, | |||
.mw-body .mw-parser-output h2::after { | |||
border-bottom: 1px solid var(--border-color); | |||
overflow: hidden; | |||
/*width: 100%;*/ | |||
position: absolute; | |||
bottom: 0; | |||
} | |||
.mw-body .mw-parser-output h1 .mw-headline, | |||
.mw-body .mw-parser-output h1 .mw-headline a, | |||
.mw-body .mw-parser-output h1 .mw-headline font, | |||
.mw-body .mw-parser-output h1 .mw-headline .custom-text, | |||
.mw-body .mw-parser-output h2 .mw-headline, | |||
.mw-body .mw-parser-output h2 .mw-headline a, | |||
.mw-body .mw-parser-output h2 .mw-headline font, | |||
.mw-body .mw-parser-output h2 .mw-headline .custom-text, | |||
.mw-body .mw-parser-output h2 .mw-headline .tooltip { | |||
font-size: 0.8em; | |||
display: inline-flex; | |||
place-items: center; | |||
/* padding-left: 27px;*/ | |||
/*font-family: "Heading";*/ | |||
font-weight: 500; | |||
/*letter-spacing: 0.2px;*/ | |||
letter-spacing: -1px; | |||
gap: 5px; | |||
} | |||
.mw-body .mw-parser-output h2 .mw-headline .tooltiptext { | |||
font-size: initial; | |||
letter-spacing: initial; | |||
} | |||
.mw-body .mw-parser-output h1 .mw-headline, | |||
.mw-body .mw-parser-output h1 .mw-headline a, | |||
.mw-body .mw-parser-output h1 .mw-headline font, | |||
.mw-body .mw-parser-output h1 .mw-headline .custom-text { | |||
padding-left: 0; | |||
gap: 8px; | |||
} | |||
.mw-body .mw-parser-output h3 .mw-headline, | |||
.mw-body .mw-parser-output h3 .mw-headline a, | |||
.mw-body .mw-parser-output h3 .mw-headline font, | |||
.mw-body .mw-parser-output h3 .mw-headline .custom-text { | |||
font-size: 1.1rem; | |||
font-weight: 500; | |||
} | |||
.mw-body .mw-parser-output h1 .mw-headline, | |||
.mw-body .mw-parser-output h1 .mw-headline a, | |||
.mw-body .mw-parser-output h1 .mw-headline font, | |||
.mw-body .mw-parser-output h1 .mw-headline .custom-text { | |||
font-size: 0.9em; | |||
} | |||
.mw-body .mw-parser-output h1 .mw-headline a, | |||
.mw-body .mw-parser-output h1 .mw-headline font, | |||
.mw-body .mw-parser-output h1 .mw-headline .custom-text, | |||
.mw-body .mw-parser-output h2 .mw-headline a, | |||
.mw-body .mw-parser-output h2 .mw-headline font, | |||
.mw-body .mw-parser-output h2 .mw-headline .custom-text, | |||
.mw-body .mw-parser-output h2 .mw-headline .tooltip { | |||
padding-left: 0; | |||
font-size: inherit; | |||
} | |||
.mw-body .mw-parser-output h4 .mw-headline, | |||
.mw-body .mw-parser-output h4 .mw-headline a, | |||
.mw-body .mw-parser-output h4 .mw-headline font, | |||
.mw-body .mw-parser-output h4 .mw-headline .custom-text { | |||
font-size: 1rem; | |||
font-weight: 600; | |||
} | |||
.mw-body .mw-parser-output h1 .mw-headline a:hover, | |||
.mw-body .mw-parser-output h2 .mw-headline a:hover { | |||
text-decoration: underline; | |||
} | |||
/* | |||
.mw-body .mw-parser-output h2:not(.toctitle h2) { | |||
background-image: url(https://elwiki.net/wiki/images/0/0a/Asset_-_Header.png); | |||
background-repeat: no-repeat; | |||
background-position: left; | |||
min-height: 38px; | |||
background-size: contain; | |||
display: flex; | |||
position: relative; | |||
} | |||
*/ | |||
.mw-body .mw-parser-output h4 { | |||
margin-top: 1rem; | margin-top: 1rem; | ||
text-align: center; | |||
} | } | ||
.mw-body .mw-parser-output h3 { | |||
margin-top: 1rem; | margin-top: 1rem; | ||
} | } | ||
.mw-editsection { | |||
background-position: left center; | |||
} | |||
.mw-editsection a:first-of-type { | |||
height: 100%; | |||
display: inline-flex; | |||
place-content: center; | |||
place-items: center; | |||
padding: 0 0 0 1.45rem; | |||
} | |||
.has-arrow { | |||
position: relative; | |||
} | |||
.class-tree > .has-arrow:after { | |||
content: ""; | |||
display: block; | display: block; | ||
position: absolute; | |||
z-index: 2; | |||
top: 13px; | |||
right: -18px; | |||
width: 15px; | |||
background-repeat: no-repeat; | |||
height: 15px; | |||
background-image: url(https://elwiki.net/wiki/images/0/0b/Arrowright.png); | |||
background-size: contain; | |||
background-position: center; | |||
} | |||
/* Echo */ | |||
#personal-extra ul { | |||
margin-top: 0.4rem; | |||
margin-left: 0.5rem; | |||
display: flex; | |||
gap: 0.3rem; | |||
} | } | ||
#user-tools { | |||
display: flex; | |||
place-content: center; | |||
min-width: 0; | |||
padding: 0 1.5rem; | |||
} | } | ||
#personal-extra { | |||
padding: 0.05rem 0 00; | |||
} | } | ||
. | .mw-echo-alert { | ||
margin: 0; | |||
} | } | ||
.mw-echo-ui-notificationItemWidget-icon img { | |||
filter: brightness(1.8) saturate(1.3); | |||
} | } | ||
.mw-echo-ui-toggleReadCircleButtonWidget-circle, | |||
. | #pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after, | ||
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after { | |||
background: var(--accent-color) !important; | |||
} | } | ||
: | .mw-echo-ui-notificationItemWidget-content-actions | ||
. | > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget { | ||
bottom: | display: flex; | ||
margin- | } | ||
/* Anchor tabs */ | |||
.anchor-tabs a { | |||
background-color: var(--theme-tone-7); | |||
} | |||
.anchor-tabs a.mw-selflink { | |||
background: var(--accent-color); | |||
} | |||
/* Instance page */ | |||
.instance-page .wikitable tr > th { | |||
background-color: var(--theme-tone-5); | |||
} | |||
.instance-page .segment-contents { | |||
border-color: var(--border-color) !important; | |||
} | |||
/* Old tabs hacks */ | |||
.tabdiv table.wikitable:first-of-type { | |||
margin-top: 0; | |||
} | |||
.infobox-new .tabdiv:not(.tabber-new) { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.infobox-new .tabdiv ul:not(.tabber-new ul) { | |||
display: flex; | |||
place-content: center; | |||
} | |||
/* Metadata */ | |||
.mw-metadata-show-hide-extended a[role="button"] { | |||
font-size: 0.9rem; | |||
font-weight: 500; | |||
color: var(--text-color); | |||
padding: 5px; | |||
display: block; | |||
cursor: pointer; | |||
transition: background-color 0.3s; | |||
background-color: var(--theme-tone-3); | |||
text-decoration: none; | |||
margin: -5px; | |||
} | |||
.mw-metadata-show-hide-extended a[role="button"]:hover { | |||
background-color: var(--theme-tone-7); | |||
} | |||
.mw_metadata { | |||
border-bottom-width: 1px !important; | |||
} | |||
.mw_metadata > * > tr > th { | |||
background-color: var(--theme-tone-4) !important; | |||
font-weight: bold; | |||
text-align: right; | |||
color: var(--text-color); | |||
border-color: var(--border-color); | |||
} | |||
.content-table .mw_metadata > * > tr > td { | |||
border-color: var(--border-color); | |||
padding: 5px; | |||
text-align: center; | |||
} | |||
#simpleSearch { | |||
background: none!important; | |||
} | |||
@media screen and (min-width: 1100px) and (max-width: 1340px) { | |||
#mw-content { | |||
margin-left: 0; | |||
margin-right: 0; | |||
width: 70vw !important; | |||
} | |||
#content-bottom-stuff { | |||
padding: 1em 2em 3em; | |||
width: 70vw; | |||
background: var(--theme-tone-6); | |||
border-radius: 0 0 5px 5px; | |||
display: block; | |||
} | |||
#mw-data-after-content { | |||
background: transparent; | |||
} | |||
} | |||
@media screen and (min-width: 1100px) { | |||
#mw-content-wrapper { | |||
margin: 0; | |||
width: 100% !important; | |||
} | |||
#mw-content-wrapper { | |||
margin-left: 12.4em; | |||
/* margin-right: 19.4em; */ | |||
width: 65vw !important; | |||
min-width: 50%; | |||
z-index:100; | |||
} | |||
#mw-related-navigation { | |||
position: absolute; | |||
right: 1em; | |||
} | |||
#mw-site-navigation { | |||
position: absolute; | |||
left: 1em; | |||
} | |||
#mw-content-block { | |||
position: relative; | |||
display: flex !important; | |||
} | |||
#mw-header-container { | |||
padding: 0.65em 0 0; | |||
z-index:101; | |||
} | |||
} | } |
Revision as of 17:09, 19 January 2024
/* status effect icons */
.status {
display: inline-flex;
gap: 0.35em;
}
.status .tooltip {
white-space: nowrap;
}
/* combo overlay */
.combo-overlay a {
display: flex;
}
/* header */
.mw-body .mw-parser-output h1 {
display: flex;
place-items: center;
border-bottom: 1px solid var(--border-color);
position: relative;
}
.mw-body .mw-parser-output h1::after,
.mw-body .mw-parser-output h2::after {
border-bottom: 1px solid var(--border-color);
overflow: hidden;
/*width: 100%;*/
position: absolute;
bottom: 0;
}
.mw-body .mw-parser-output h1 .mw-headline,
.mw-body .mw-parser-output h1 .mw-headline a,
.mw-body .mw-parser-output h1 .mw-headline font,
.mw-body .mw-parser-output h1 .mw-headline .custom-text,
.mw-body .mw-parser-output h2 .mw-headline,
.mw-body .mw-parser-output h2 .mw-headline a,
.mw-body .mw-parser-output h2 .mw-headline font,
.mw-body .mw-parser-output h2 .mw-headline .custom-text,
.mw-body .mw-parser-output h2 .mw-headline .tooltip {
font-size: 0.8em;
display: inline-flex;
place-items: center;
/* padding-left: 27px;*/
/*font-family: "Heading";*/
font-weight: 500;
/*letter-spacing: 0.2px;*/
letter-spacing: -1px;
gap: 5px;
}
.mw-body .mw-parser-output h2 .mw-headline .tooltiptext {
font-size: initial;
letter-spacing: initial;
}
.mw-body .mw-parser-output h1 .mw-headline,
.mw-body .mw-parser-output h1 .mw-headline a,
.mw-body .mw-parser-output h1 .mw-headline font,
.mw-body .mw-parser-output h1 .mw-headline .custom-text {
padding-left: 0;
gap: 8px;
}
.mw-body .mw-parser-output h3 .mw-headline,
.mw-body .mw-parser-output h3 .mw-headline a,
.mw-body .mw-parser-output h3 .mw-headline font,
.mw-body .mw-parser-output h3 .mw-headline .custom-text {
font-size: 1.1rem;
font-weight: 500;
}
.mw-body .mw-parser-output h1 .mw-headline,
.mw-body .mw-parser-output h1 .mw-headline a,
.mw-body .mw-parser-output h1 .mw-headline font,
.mw-body .mw-parser-output h1 .mw-headline .custom-text {
font-size: 0.9em;
}
.mw-body .mw-parser-output h1 .mw-headline a,
.mw-body .mw-parser-output h1 .mw-headline font,
.mw-body .mw-parser-output h1 .mw-headline .custom-text,
.mw-body .mw-parser-output h2 .mw-headline a,
.mw-body .mw-parser-output h2 .mw-headline font,
.mw-body .mw-parser-output h2 .mw-headline .custom-text,
.mw-body .mw-parser-output h2 .mw-headline .tooltip {
padding-left: 0;
font-size: inherit;
}
.mw-body .mw-parser-output h4 .mw-headline,
.mw-body .mw-parser-output h4 .mw-headline a,
.mw-body .mw-parser-output h4 .mw-headline font,
.mw-body .mw-parser-output h4 .mw-headline .custom-text {
font-size: 1rem;
font-weight: 600;
}
.mw-body .mw-parser-output h1 .mw-headline a:hover,
.mw-body .mw-parser-output h2 .mw-headline a:hover {
text-decoration: underline;
}
/*
.mw-body .mw-parser-output h2:not(.toctitle h2) {
background-image: url(https://elwiki.net/wiki/images/0/0a/Asset_-_Header.png);
background-repeat: no-repeat;
background-position: left;
min-height: 38px;
background-size: contain;
display: flex;
position: relative;
}
*/
.mw-body .mw-parser-output h4 {
margin-top: 1rem;
text-align: center;
}
.mw-body .mw-parser-output h3 {
margin-top: 1rem;
}
.mw-editsection {
background-position: left center;
}
.mw-editsection a:first-of-type {
height: 100%;
display: inline-flex;
place-content: center;
place-items: center;
padding: 0 0 0 1.45rem;
}
.has-arrow {
position: relative;
}
.class-tree > .has-arrow:after {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 13px;
right: -18px;
width: 15px;
background-repeat: no-repeat;
height: 15px;
background-image: url(https://elwiki.net/wiki/images/0/0b/Arrowright.png);
background-size: contain;
background-position: center;
}
/* Echo */
#personal-extra ul {
margin-top: 0.4rem;
margin-left: 0.5rem;
display: flex;
gap: 0.3rem;
}
#user-tools {
display: flex;
place-content: center;
min-width: 0;
padding: 0 1.5rem;
}
#personal-extra {
padding: 0.05rem 0 00;
}
.mw-echo-alert {
margin: 0;
}
.mw-echo-ui-notificationItemWidget-icon img {
filter: brightness(1.8) saturate(1.3);
}
.mw-echo-ui-toggleReadCircleButtonWidget-circle,
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
background: var(--accent-color) !important;
}
.mw-echo-ui-notificationItemWidget-content-actions
> .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget {
display: flex;
}
/* Anchor tabs */
.anchor-tabs a {
background-color: var(--theme-tone-7);
}
.anchor-tabs a.mw-selflink {
background: var(--accent-color);
}
/* Instance page */
.instance-page .wikitable tr > th {
background-color: var(--theme-tone-5);
}
.instance-page .segment-contents {
border-color: var(--border-color) !important;
}
/* Old tabs hacks */
.tabdiv table.wikitable:first-of-type {
margin-top: 0;
}
.infobox-new .tabdiv:not(.tabber-new) {
display: flex;
flex-direction: column;
}
.infobox-new .tabdiv ul:not(.tabber-new ul) {
display: flex;
place-content: center;
}
/* Metadata */
.mw-metadata-show-hide-extended a[role="button"] {
font-size: 0.9rem;
font-weight: 500;
color: var(--text-color);
padding: 5px;
display: block;
cursor: pointer;
transition: background-color 0.3s;
background-color: var(--theme-tone-3);
text-decoration: none;
margin: -5px;
}
.mw-metadata-show-hide-extended a[role="button"]:hover {
background-color: var(--theme-tone-7);
}
.mw_metadata {
border-bottom-width: 1px !important;
}
.mw_metadata > * > tr > th {
background-color: var(--theme-tone-4) !important;
font-weight: bold;
text-align: right;
color: var(--text-color);
border-color: var(--border-color);
}
.content-table .mw_metadata > * > tr > td {
border-color: var(--border-color);
padding: 5px;
text-align: center;
}
#simpleSearch {
background: none!important;
}
@media screen and (min-width: 1100px) and (max-width: 1340px) {
#mw-content {
margin-left: 0;
margin-right: 0;
width: 70vw !important;
}
#content-bottom-stuff {
padding: 1em 2em 3em;
width: 70vw;
background: var(--theme-tone-6);
border-radius: 0 0 5px 5px;
display: block;
}
#mw-data-after-content {
background: transparent;
}
}
@media screen and (min-width: 1100px) {
#mw-content-wrapper {
margin: 0;
width: 100% !important;
}
#mw-content-wrapper {
margin-left: 12.4em;
/* margin-right: 19.4em; */
width: 65vw !important;
min-width: 50%;
z-index:100;
}
#mw-related-navigation {
position: absolute;
right: 1em;
}
#mw-site-navigation {
position: absolute;
left: 1em;
}
#mw-content-block {
position: relative;
display: flex !important;
}
#mw-header-container {
padding: 0.65em 0 0;
z-index:101;
}
}