Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 18: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;
}