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