Jump to content

MediaWiki:Common.css

From THS Wiki
Revision as of 18:35, 22 February 2026 by Closesttopurple (talk | contribs)

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: 1919px) {

    .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: 20px !important;  
    margin-right: 20px !important; 
    margin-left: 20px;             
    margin-bottom: 10px;

    border-radius: 15px;   
    border: 1px solid #aaa
    overflow: hidden;      
    

    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.portable-infobox .pi-title {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}