User:EpicPuppy613/common.css: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
Fix redlink color
Minor skin adjustments
 
Line 37: Line 37:
     color: #ffe6c0 !important;
     color: #ffe6c0 !important;
     position: relative;
     position: relative;
    z-index: 1;
}
}
.vector-menu-tabs-legacy li.new a {
.vector-menu-tabs-legacy li.new a {
     color: #a33;
     color: #911d1d;
}
}
.mw-body {
.mw-body {

Latest revision as of 22:16, 20 March 2025

body {
    background-image: url(https://webcdn.factorio.com/assets/img/web/bg_v4-85.jpg);
    background-size: 2048px 3072px;
    background-position: center top;
}

.mw-body {
    border-right-width: 1px;
    margin-right: 0.5em;
    border-image: var(--border-image) 8 / 4px repeat;
}

#mw-page-base {
    background-image: none;
    background-color: unset;
}

.vector-menu-tabs-legacy li a {
    display: block;
    padding: 10px 18px 10px 18px;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    background-color: #8e8e8e;
    color: #1d1c1d;
    box-shadow: inset 0px 4px 1px -2px #c5c5c5, inset 0px 4px 1px -2px #888888, inset 0px -4px 1px -2px #2d2d2d, inset 4px 0px 1px -2px #7a7a7a, inset -4px 0px 1px -2px #372f2a;
}
.vector-menu-tabs-legacy li a:hover {
    text-decoration: none;
    background-color: #e39827;
    box-shadow: inset 0px 4px 1px -2px #d4c5ae, inset 0px 4px 1px -2px #cf994b, inset 0px -4px 1px -2px #4a300c, inset 4px 0px 1px -2px #8b6325, inset -4px 0px 1px -2px #4a300c, 0px 0px 8px #e39827;
    position: relative;
    z-index: 1;
}
.vector-menu-tabs-legacy li.selected a {
    background-color: #313031;
    box-shadow: inset 0px 4px 1px -2px #686665, inset 2px 0px 1px -2px #201815, inset -4px 0px 1px -2px #262220, 0px 6px 4px #313031, 0px 0px 4px #101010;
    color: #ffe6c0 !important;
    position: relative;
    z-index: 1;
}
.vector-menu-tabs-legacy li.new a {
    color: #911d1d;
}
.mw-body {
    background-color: #313031;
}

#p-personal {
    right: 0.5em;
}

@media screen and (min-width: 982px) {
    .vector-search-box {
        margin-right: 1.5em;
    }

    .mw-body {
        margin-right: 1.5em;
    }

    #p-personal {
        right: 1.5em;
    }
}