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 a weird alignment issue on firefox???) |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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 93: | Line 93: | ||
border-radius: 0.95em 0.95em 0 0; | border-radius: 0.95em 0.95em 0 0; | ||
border-color:#903; | border-color:#903; | ||
| − | padding: 0.25em 0.25em 0 | + | padding: 0.25em 0.25em 0 0.25em; |
-webkit-transition: background-color 100ms linear; | -webkit-transition: background-color 100ms linear; | ||
-ms-transition: background-color 100ms linear; | -ms-transition: background-color 100ms linear; | ||
| 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%; | ||
| + | } | ||
| + | |||
| + | .vector-menu-dropdown .vector-menu-content-list { | ||
| + | top: 31px; /* with thanks to TheDJ on MediaWiki for saving our bacon */ | ||
| + | } | ||
| + | |||
| + | /* 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; | ||
} | } | ||
Latest revision as of 17:25, 3 November 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 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%;
}
.vector-menu-dropdown .vector-menu-content-list {
top: 31px; /* with thanks to TheDJ on MediaWiki for saving our bacon */
}
/* 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;
}