User:EpicPuppy613/common.css: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
EpicPuppy613 (talk | contribs)  Use variables for border image  | 
				EpicPuppy613 (talk | contribs)  Add button styles and adjust margins  | 
				||
| 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);  | ||
| Line 15: | Line 11: | ||
}  | }  | ||
#mw-page-base {  | |||
     background  |      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-  |     background-color: #e39827;  | ||
     background-color:   |     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;  | |||
}  | |||
.mw-body {  | |||
     background-color: #313031;  | |||
}  | }  | ||
Revision as of 22:08, 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;
}
.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;
    }
}