Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
Camwoodstock (talk | contribs) (getting started on this. making it so the theme has like actual proper sidebar/user header so that we can support a darker background is top priority. also maybe having badcafe brighten up the logo?) |
Camwoodstock (talk | contribs) (trying to fix the more section. this should at least make it so you can't accidentally hover over it by hovering below it. now, making the drop down section actually attach is... another story. saving this for the time being, though.) |
||
| Line 5: | Line 5: | ||
/* what all good coders do? either way, if it looks nice, */ | /* what all good coders do? either way, if it looks nice, */ | ||
/* it may have just been borrowed from there. thanks all */ | /* it may have just been borrowed from there. thanks all */ | ||
| − | /* the same, though! <3 | + | /* the same, though! <3 ~cam & tori */ |
/* background */ | /* background */ | ||
| Line 109: | Line 109: | ||
-webkit-box-shadow:none; /* Disables blue border when focused */ | -webkit-box-shadow:none; /* Disables blue border when focused */ | ||
box-shadow:none; | box-shadow:none; | ||
| + | } | ||
| + | |||
| + | /* literally just fixing the more section */ | ||
| + | nav#p-cactions h3 { | ||
| + | height: 30px !important; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .vector-menu-dropdown .vector-menu-content { | ||
| + | border-width: 1px; | ||
| + | top: 100%; | ||
| + | } | ||
| + | |||
| + | /* more section itself */ | ||
| + | .vectorMenu h3{ | ||
| + | border-radius:0.95em 0.95em 0 0 !important; | ||
| + | padding-bottom:2px !important; | ||
| + | } | ||
| + | .vectorMenu h3 span:after{ | ||
| + | top:6px !important; | ||
| + | } | ||
| + | .vectorMenu span{ | ||
| + | top:2px; | ||
| + | } | ||
| + | .vectorMenu .menu{ | ||
| + | border-radius: 0 0 10px 10px; | ||
| + | min-width:100%; | ||
| + | } | ||
| + | .vectorMenu .menu ul{ | ||
| + | position:relative; | ||
| + | left:-1px; | ||
} | } | ||
Revision as of 12:00, 31 October 2022
/* all CSS here will be loaded for users of the Vector skin */
/* ...some modifications shamelessly ripped from Inkipedia */
/* see: https://splatoonwiki.org/wiki/MediaWiki:Vector.css */
/* though, isn't just copying code and modifying it just */
/* what all good coders do? either way, if it looks nice, */
/* it may have just been borrowed from there. thanks all */
/* the same, though! <3 ~cam & tori */
/* background */
body {
background-image: url("https://compu-lsd.com/wiki/images/a/a3/SatoWikiBackground.png");
background-repeat: repeat;
}
/* removing that GODDAMN header */
#mw-page-base {
opacity: 0%;
}
/* temporary measure if ever needed: logo box
#p-logo {
background: #EDEDED;
border: 1px solid #C9C9C9;
border-radius: 5px;
} */
/* article body */
.mw-body {
border-style: solid;
border-color: #903;
border-width: 1px 1px 0 1px;
margin-left: 11em;
margin-right: 1em;
background-color: #fff;
}
/* article footer */
#footer {
background-color: #EDEDED;
border-style: solid;
border-color: #903;
border-width: 1px;
margin-right: 1em;
margin-bottom: 16px;
border-radius: 0 0 10px 10px;
padding-bottom: 48px;
}
/* tab pretty-fying */
nav.vectorTabs,
nav.vectorMenu h3#p-cactions-label,
#left-navigation .vector-menu-content a,
#right-navigation .vector-menu-content a {
background-image: none;
}
nav#p-namespaces li,
nav#p-views li,
nav#p-cactions {
background-color: #f3f3f3;
background-image: none;
border-radius: 0.95em 0.95em 0 0;
height: 1.85em;
line-height: 1px;
margin-left: -1px;
margin-right: 0.25em;
margin-top: 0.5em;
border-style: solid;
border-color: #903;
border-width: 1px;
min-width: 30px;
}
/* fixing the watch section */
#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 21px;
padding-bottom: 21px;
padding-left: 24px;
margin-top: -5px;
width: 68px;
}
#ca-unwatch.icon a {
width: 82px;
}
/* better search bar */
#simpleSearch{
background:#f3f3f3;
border-style: solid;
border-width:1px;
border-radius: 0.95em 0.95em 0 0;
border-color:#903;
padding: 0.25em 0.25em 0.05em 0.25em;
-webkit-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
}
#simpleSearch:hover{
background-color:#ffffff;
/* border-color:transparent; */
}
#searchInput{
border:none;
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus{
-webkit-box-shadow:none; /* Disables blue border when focused */
box-shadow:none;
}
/* literally just fixing the more section */
nav#p-cactions h3 {
height: 30px !important;
text-align: center;
}
.vector-menu-dropdown .vector-menu-content {
border-width: 1px;
top: 100%;
}
/* more section itself */
.vectorMenu h3{
border-radius:0.95em 0.95em 0 0 !important;
padding-bottom:2px !important;
}
.vectorMenu h3 span:after{
top:6px !important;
}
.vectorMenu span{
top:2px;
}
.vectorMenu .menu{
border-radius: 0 0 10px 10px;
min-width:100%;
}
.vectorMenu .menu ul{
position:relative;
left:-1px;
}