User:EpicPuppy613/common.css: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
Add button styles and adjust margins
Minor skin adjustments
 
(One intermediate revision by the same user not shown)
Line 37: Line 37:
     color: #ffe6c0 !important;
     color: #ffe6c0 !important;
     position: relative;
     position: relative;
    z-index: 1;
}
.vector-menu-tabs-legacy li.new a {
    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;
    }
}