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;
}
}