Difference between revisions of "MediaWiki:Vector.css"
Line 5: | Line 5: | ||
/* Body Styling */ | /* Body Styling */ | ||
body { | body { | ||
− | background: # | + | background: #080810 url("skins/Vector/pocketrumbleimages/pocketrumblebackground.png") no-repeat fixed center center / cover; |
color:white; | color:white; | ||
} | } |
Revision as of 14:24, 24 August 2018
/* CSS placed here will affect users of the Vector skin */ @import url(https://fonts.googleapis.com/css?family=Press+Start+2P:400); /* Body Styling */ body { background: #080810 url("skins/Vector/pocketrumbleimages/pocketrumblebackground.png") no-repeat fixed center center / cover; color:white; } #mw-page-base { background:none; } a:visited, a.external:visited, .mw-body a.external:visited, div#mw-panel div.portal div.body ul li a:visited { color: rgb(227, 226, 129); } #p-personal a, #p-personal a.new, p-personal a:visited, #p-personal a.new:visited { color: rgb(227, 226, 129); text-decoration:none; } .previewnote p { color: #ff7676; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: rgb(227, 226, 129); } a, a.external, .mw-body a.external, div#mw-panel div.portal div.body ul li a { color: rgb(227,226,129); } a.new { color: #ff9d9d; } .mw-body { border: 1px solid #76605b; margin-right: 15px; background-color: rgba(101, 85, 82, 0.85); min-height:500px; margin-bottom: 60px; color:#ffffff; } .editOptions { background-color: rgba(0,0,0,0.31); color: white; } div.mw-number-text { color: white; } td.diff-deletedline .diffchange, td.diff-addedline .diffchange { color: black; } #contentSub, #contentSub2 { color: white; } .catlinks { border: 1px solid #aaa; background-color: rgba(0,0,0,0.17); } #toc, .toc { background-color: rgba(0, 0, 0, 0.18); } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; color: white; } #topnavbar a { width:100%; height: 100%; display:block; } /* Sidebar Styling */ div#mw-panel { border: 1px solid #76605b; left: -12px; background-color: rgba(101, 85, 82, 0.85); padding-bottom: 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin-top: 150px; } div#mw-panel div.portal h3 { color:#d2d2d2; } #p-logo { margin-top: -140px; padding-left: 10px; margin-bottom: -30px; } ul { list-style-image: none; } #pagehistory li.selected { background-color: rgba(0,0,0,0.31); } /* Footer Styling */ div#footer { background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; width: 100%; padding: 0px !important; margin-top: 20px !important; bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; color: #C2C8CF; } div#footer a { color:white; } div#footer ul { padding-left: 190px; padding-right: 15px; } div#footer ul li { color:#C2C8CF; } div.thumbinner { border: 1px solid #9E9E9E; background-color: rgba(255,255,255,0.13); } /* Mediawiki page tabs */ div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span { background:none; } div.vectorTabs li a { color: rgb(227,226,129); } div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span, div.vectorMenu li a { color: rgb(227,226,129); } div.vectorMenu div.menu { background-color: rgba(0,0,0,0.18); } /* Social Media Links */ div.sociallinks { float: right; padding-top: 9px; } .sociallinks img { -webkit-filter: opacity(25%) brightness(0); /* Chrome, Safari, Opera */ filter: opacity(25%) brightness(0); } .sociallinks img:hover { -webkit-filter: opacity(100%) brightness(100%); /* Chrome, Safari, Opera */ filter: opacity(100%) brightness(100%); } body.page-Pocket_Rumble_Wiki div.sociallinks { display:none; } .main-logo { margin-bottom: -95px; } /* Table Styling */ table.wikitable { background-color: rgba(0, 0, 0, 0.17); color: white; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: rgba(0, 0, 0, 0.31); } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-color: ##2e222b; } /* TOC Class for number removal */ .noautonum .tocnumber { display: none; } /* Main Page Styling */ #twitterframe { background-color: rgba(0, 0, 0, 0.17); } #twitterframe iframe { max-height: 854px; } body.page-Pocket_Rumble_Wiki .mw-body .firstHeading { display: none; } .mainpagetable, .mainpagetable img { max-width: 100%; height: auto; } #mainbannerright img { max-width: 330px; height: auto; } #mainbannerleft img { max-width: 295px; height: auto; } #mainlinks { width: 100%; } #mainlinks td { height: 170px; vertical-align: top; } /* Template Styling */ .infobox { float: right; } .infobox div#toc.toc { float: right; margin-top: 10px; } .template-character { border: 5px black solid; background-color: rgba(0, 0, 0, 0.18); box-shadow: 7px 7px rgba(0, 0, 0, 0.4); min-width: 300px; border-radius: 15px; margin-left: 15px; margin-bottom: 8px; } .template-character img { min-width: 146px; height: auto; image-rendering: pixelated; } .character-title { font-size: 24px; color: white; text-shadow: 0px 2.5px 0px rgba(0,0,0,0.5); } /* Navboxstyling */ #navbox { margin:auto; width:80%; border: 1px solid rgb(132, 174, 236); padding: 5px; border-radius:11px; clear: both; margin-top: 15px; } /* Controls Tables */ table.controls img, .pixelated { image-rendering: pixelated; } .frames { font-family: 'Press Start 2P'; font-size:16px; } .frames-green { color:#64ff64; min-width: 40px; text-align: center; text-shadow: 2px 2px #234b23; } .frames-yellow { color:#ffff64; min-width: 40px; text-align: center; text-shadow: 2px 2px #4b4b23; } .frames-red { color:#ff2e2e; min-width: 40px; text-align: center; text-shadow: 2px 2px #4a1414; } ul#filetoc, table.mw_metadata td { background-color: rgba(0,0,0,0.31); } /* Preferences Pages Styling */ #preferences { background-color: rgba(0,0,0,0.17); color: white; } .htmlform-tip, #preferences legend { color: white; } #preftoc a, #preftoc a:active { color: rgb(227, 226, 129); } .mw-email-not-authenticated .mw-input, .mw-email-none .mw-input { background-color: rgba(255, 192, 192, 0.33); color: white; } /* Responsive styling */ @media screen and (max-width: 1600px) { #mainbannerleft { display: none; } #mainbannermiddle { width: 60%; } } @media screen and (max-width: 1400px) { #menucontent { font-size:12px; } } @media screen and (max-width: 1150px) { th#sidebar, td#sidebar, td#mainbannerright { display: none; } } @media screen and (max-width: 900px) { #features { display: none; } } @media screen and (max-width: 700px) { .mw-body, #left-navigation { margin-left: 8px; margin-right: 8px; } div#mw-panel { display: none; } div#footer ul { padding-left: 15px; } } @media screen and (max-width: 575px) { .main-logo { margin-bottom: -45px; } } @media screen and (max-width: 425px) { .main-logo { margin-top: 45px; } }