MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.mw-logo-wordmark {
    display: none !important;
}

.mw-anon-user #vector-page-tools-dropdown,
.mw-anon-user #p-tb, 
.mw-anon-user .vector-column-end {
    display: none !important;
}

.mw-page-container, 
.mw-content-container, 
.vector-sticky-header {
    max-width: none !important;
}

.mw-logo-icon {
    width: 160px !important;
    height: 160px !important;
}

/* Full-width banner at the absolute top, behind everything */
body {
    background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; /* Forces image to fit screen width */
    background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */
}

/* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */
.mw-page-container, 
.mw-header, 
.vector-sticky-header {
    background-color: transparent !important;
}


.mw-header {
    margin-top: 10px;
}
#content {
    background-color: #2f2f2f;
}
.vector-user-links {
    position: fixed; 
    top: 10px;        
    right: 20px;     
    z-index: 1000;     
    transform: scale(1.2); 
    transform-origin: top right; 
    background: rgba(0, 0, 0, 0.5); 
    padding: 5px 10px;
    border-radius: 8px;
}

.vector-user-links .vector-icon {
    width: 24px;
    height: 24px;
}

a {
    color: #d1d1d1 !important;
}


a:visited {
    color: #A8A9AD !important;
}

a:hover {
    color: #e0e0e0 !important;
    text-decoration: underline;
}


@media screen and (max-width: 1559px) {

    .mobile-card-table, 
    .mobile-card-table tbody, 
    .mobile-card-table tr, 
    .mobile-card-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        border: none !important;
    }

    .mobile-card-table tr {

        padding: 10px;
        background: rgba(255, 255, 255, 0.05); 
                border: none !important;
    }

}

.portable-infobox {
    float: right;         
    clear: right;           
    margin-top: 1% !important;  
    margin-right: 2.5% !important; 
    margin-left: 20px;             
    margin-bottom: 10px;
    border-radius: 1.2%;   
    border: 6px solid #aaa;
    overflow: hidden;      
    width: 350px !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    background-color: 232323 !important;
}

.portable-infobox .pi-title {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
@media screen and (max-width: 1219px) {
.portable-infobox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
    box-sizing: border-box !important;
    display: block !important;
}


.portable-infobox .wds-tabs__wrapper {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
}

.portable-infobox .pi-image img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

@media screen and (max-width: 450px) {
    .portable-infobox .pi-data {
        display: block !important;
    }
    .portable-infobox .pi-data-label {
        width: 100% !important;
        text-align: left !important;
        padding-bottom: 2px;
    }
    .portable-infobox .pi-data-value {
        width: 100% !important;
        text-align: left !important;
        padding-left: 10px;
    }
}
}