MediaWiki:Vector.css

/* JoJo Diamond Records Wiki's customized Vector theme */

/* Global color variable - Test */
 * root {--global-color: #af00af;}

.mw-wiki-logo {background-image: url(//images.shoutwiki.com/jojodiamondrecords/b/ba/JoJoDRLogo.png);} body {background-image: url(//images.shoutwiki.com/jojodiamondrecords/9/98/Bg.jpg);}

/* Color & other looks */ .mw-body {border:1px solid var(--global-color) !important} .headers {background-color:var(--global-color) !important}

div.vectorTabs, div.vectorTabs span, div.vectorTabs ul li, div.vectorTabs li.selected, #catlinks li::before, #ca-edit li::before, #p-cactions-label {background-image:none}

div.vectorTabs span {background:linear-gradient(#ffffff, var(--global-color))} table.wikitable > tr > th, table.wikitable > * > tr > th {background-color:var(--global-color)} table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border:1px solid var(--global-color)} div#content {border:1px solid var(--global-color) !important}

div#content {margin-right:15px !important; min-width: 600px !important}
 * 1) mw-page-base {background:rgba(0,0,0,0) !IMPORTANT}

/* Fix default CSS when mobile */ @media screen and (max-width: 720px) { div#mw-head {position: absolute !IMPORTANT; margin: 0 !IMPORTANT} div#simpleSearch {margin: 0 !important;width: 55vw} div#p-search {margin-right: 10px; width: unset !IMPORTANT} div#mw-navigation div#mw-panel .portal {width: unset} div#mw-panel li a { padding: 17px 0 17px 0; display: block; background-color: #f8f9fa; text-align: center; font-size: 25px; border: 1px solid var(--global-main-color) !important; }	div#mw-panel li a:hover {text-decoration: none;} }

/* On a phone */ @media screen and (max-width: 450px) { body {zoom:50%} div#content {padding-top:50px; margin-right:-1px !important;} #mw-page-base {height:45px !IMPORTANT} #p-search {margin-left:5px !IMPORTANT} #mw-navigation {min-width: 620px !IMPORTANT} }

/* Remove Ads */
 * 1) vector-leaderboard-ad, #column-google, #aswift_2_expand, #aswift_1_expand, #aswift_3_expand, #p-ads-left, #google_ads_frame1, #google_ads_frame2, #google_ads_frame3, #aswift_2_anchor, #column-google, #aswift_3_anchor, #aswift_1_anchor, #p-ShoutWiki_messages {display:none !IMPORTANT}