Difference between revisions of "MediaWiki:Vector.css"
m (Research table styling) |
|||
Line 267: | Line 267: | ||
div.noautonum .tocnumber { display: none; } | div.noautonum .tocnumber { display: none; } | ||
+ | |||
+ | /* Research Table */ | ||
+ | |||
+ | .research { | ||
+ | background:transparent; | ||
+ | border-color:black; | ||
+ | border-style:dashed; | ||
+ | } | ||
/* Alert Templates */ | /* Alert Templates */ |
Revision as of 12:10, 15 April 2021
/* CSS placed here will affect users of the Vector skin */ /* Body Styling */ body { background: url("/mediawiki/skins/Vector/starmancerimages/background.png") no-repeat fixed center center / cover; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: pixelated; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; font-family: sans-serif; } .mw-body { border: 1px solid #A7D7F9; margin-right: 15px; background-color: rgba(209, 230, 255, 0.67); min-height:500px; margin-bottom: 60px; } 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 #footer-icons { margin-top: -18px; } div#mw-panel { border: 6px solid transparent; left: -12px; background-color: rgba(209, 230, 255, 0.67); padding-bottom: 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin-top: 130px; } #p-logo { position: absolute; top: -130px; } #p-logo a { display:block; } div#footer a { color:white; } div#footer ul { padding-left: 190px; padding-right: 15px; } div#footer ul li { color:#C2C8CF; } .catlinks { border: 1px solid #84AEEC; background-color: rgba(199, 242, 254, 0.53); } #toc, .toc { background-color: rgba(255,255,255,0.58); } .mw-body h1, .mw-body h2 { font-family: 'Open Sans', sans-serif; } div.thumbinner { border: 1px solid #8DCAF0; background-color: rgba(255,255,255,0.58); } /* Mediawiki page tabs */ #mw-page-base { background:none; } 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: #B7D2FF; } div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span { color: #99BFFF; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #C6DBFF; } div.vectorMenu div.menu { background-color: rgba(30, 17, 102, 0.67); } div.vectorMenu div.menu a { color: #C6DBFF; } #p-personal a, #p-personal a.new, p-personal a:visited, #p-personal a.new:visited { color: #99BFFF; } #p-personal a.hover, p-personal a:focus { color: #C6DBFF; text-decoration:none; } /* Account Creation Page */ .mw-createacct-benefits-list { padding: 10px 10px 10px 60px; border-radius: 12px; background-color: rgba(255,255,255,0.58); border: 1px solid #8DCAF0; } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { filter: brightness(0.7); } /* 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-Starmancer_Wiki div.sociallinks { display:none; } /* Preferences Pages*/ #preferences { background-color: rgba(209,248,255,0.67); } #preftoc li.selected a { background: rgba(209,248,255,0.67); } /* Main Page */ .main_header img { max-width: 100%; height: auto; } #main_menu { width:100%; } #main_menu th { width:25%; } #main_menu td { vertical-align: top; } #twitterframe { background-color: rgba(0, 141, 240, 0.15); } #twitterframe iframe { max-height: 854px; } body.page-Starmancer_Wiki .mw-body .firstHeading { display: none; } .mainpagetable, .mainpagetable img { max-width: 100%; height: auto; } body.page-Wiki h1.firstHeading, body.page-Wiki #contentSub, body.page-Wiki #contentSub2 { display: none; } .main_header img { max-width: 100%; height: auto; } #mainbannerleft { text-align:center; } #mainbannerright { text-align:center; } #mainbannerright img { min-width: 360px; height: auto; } #mainbannerleft img { min-width: 325px; height: auto; } #mainlinks { width: 100%; } /* Table Styling */ table.wikitable { background-color: transparent; border-collapse: separate; border: none; } table#overflow { display: block; overflow: auto; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #8DCAF0; padding: 0.2em; background-color: rgba(255, 255, 255, 0.58); } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #374b69; text-align: center; border-color: #19222f; box-shadow: 0px 1px rgba(0,0,0,0.3); color: white; text-shadow: 0px 2px #19222f; } table.wikitable > tr > th a, table.wikitable > * > tr > th a { color:white; } div.noautonum .tocnumber { display: none; } /* Research Table */ .research { background:transparent; border-color:black; border-style:dashed; } /* Alert Templates */ .alert { border: 3px solid rgb(68, 74, 73); border-radius: 0.5em; margin-left: auto; margin-right: auto; font-size: 14px; padding: 5px; margin-bottom: 15px; height: 80px; width: 50%; max-width:700px; } .alert span.header { font-size:22px; } .alert th { width: 100px; } .alert th img { text-align: center; } #delete { border-color:red; background-color: #ba000014; } #stub { border-color:green; background-color: rgba(0, 128, 0, 0.05); } #construction { border-color:#97a50c; background-color: rgba(151, 165, 12, 0.05); } /* Talk Page Headers */ #talkheadertitle { background-color: #374b69; text-align: center; color: white; text-shadow: 0px 2px #19222f; font-size: 120%; } #talkheaderbody { width: 80%; margin: 0px auto 1em; border: 1px solid #8DCAF0; background-color: rgba(255, 255, 255, 0.58); color: rgb(0, 0, 0); } /* Infobox Styling */ div#infobox_wrap { max-width: 400px; float: right; margin-left: 50px; } div#infobox_header { background: url("/mediawiki/images/c/c7/Infobox_Header.png") no-repeat; height: 66px; color: white; font-family: Orbitron; font-weight: 600; padding-left: 70px; padding-top: 7px; font-size: 18px; margin-bottom: -7px; position: relative; } div#infobox_header_icon { width: 34px; height: 34px; position: absolute; left: 21px; top: 6px; } div#infobox_header_icon img { max-width: 34px; max-height: 34px; object-fit: cover; } div#infobox_body { background-color: #0e1119; color: #a4c5da; margin: 0 10px 0 10px; border-width: 0 2px 0 2px; border-style: solid; border-color: black; box-shadow: 2px 0 0 #3a4e63, -2px 0 0 #3a4e63, -4px 0 0 black, 4px 0 0 black; font-family: Orbitron; padding: 0 15px; } div#infobox_requires { background-color: #08080d; margin-top: 5px; min-height: 29px; border-radius: 0 15px 0 15px; padding-left: 10px; color: #00de5e; font-weight: 700; } div#infobox_footer { background: url("/mediawiki/images/7/74/Infobox_Footer.png") no-repeat; width: 400px; height: 20px; } /* Navboxstyling */ #navbox { margin:auto; width:80%; border: 1px solid rgb(132, 174, 236); padding: 5px; border-radius:11px; clear: both; margin-top: 15px; } /* Responsive Styling */ @media screen and (max-width: 1600px) { #mainbannerleft { display: none; } #mainbannermiddle { width: 60%; } #devblog { display: none; } } @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: 700px) { .mw-body, #left-navigation { margin-left: 8px; margin-right: 8px; } div#mw-panel { display: none; } div#footer ul { padding-left: 15px; } }