Information: 0.2.5 is officially out! Please bear with us while we are working on updating the wiki. This patch is massive so a lot of work will be needed. Enjoy the game in the meantime!

MediaWiki:Main 3.css: Difference between revisions

From Tiny Rogues Wiki
No edit summary
Tag: Reverted
(Blanked the page)
Tags: Blanking Manual revert
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:


/* 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;
    }
}

Latest revision as of 17:22, 19 January 2024