User:EpicPuppy613/common.css: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
EpicPuppy613 (talk | contribs)  Theme general base  | 
				EpicPuppy613 (talk | contribs)  Minor skin adjustments  | 
				||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
body {  | body {  | ||
     background-image: url(https://webcdn.factorio.com/assets/img/web/bg_v4-85.jpg);  |      background-image: url(https://webcdn.factorio.com/assets/img/web/bg_v4-85.jpg);  | ||
    background-size: 2048px 3072px;  | |||
    background-position: center top;  | |||
}  | }  | ||
.mw-body {  | .mw-body {  | ||
     border-right-width: 1px;  |      border-right-width: 1px;  | ||
     margin-right:   |      margin-right: 0.5em;  | ||
    border-image: var(--border-image) 8 / 4px repeat;  | |||
}  | }  | ||
#mw-page-base {  | |||
     background-color:   |     background-image: none;  | ||
     background-color: unset;  | |||
}  | }  | ||
.vector-menu-  | .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;  | |||
    }  | |||
}  | }  | ||
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;
    }
}