MediaWiki:Blackspace.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
html, body {
height:100% !important;
}
div#mw-panel {
min-height: 100% !important;
border-right: 1px solid #7F7F7F !important;
}
/* FONTS */
@font-face {
font-family: 'OMORI_GAME';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/static/OMORI_GAME.woff2) format('woff2');
}
@font-face {
font-family: 'OMORI_GAME2';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/static/OMORI_GAME2.woff2) format('woff2');
}
/* PAGE CONTENT */
/* replace logo with hq logo because we're epic */
.mw-wiki-logo {
background-image: url(images/0/0d/SkinDefault_Logo.png) !important;
background-size: 135px 135px;
}
/* logo bg */
#p-logo
{
background: url(images/5/59/SkinDefault_SidebarTop.png) repeat-y #f1f0ef !important;
border-right: 1px solid #7F7F7F !important;
}
/* scrolling top bg */
#mw-page-base {
background: url(images/5/50/SkinDW_Background.png) 0% 0% repeat;
image-rendering: crisp-edges;
width: 100%;
animation: slide 100s linear infinite;
}
@keyframes slide {
0%{
background-position: 0px 0px;
}
100%{
background-position: -1023px 0px;
}
}
/* personal link colors */
#p-personal li * {
color: #ffffff !important;
text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}
/* slightly smaller page heading */
#firstHeading {
font-size: 1.7em !important;
}
/* main content bg and borders */
#content {
background: url(images/5/59/SkinDefault_Content.png) repeat-x #fdfdfd !important;
border-left: 1px solid #7F7F7F !important;
border-top: 1px solid #7F7F7F !important;
border-bottom: 1px solid #7F7F7F !important;
}
/* sidebar background */
body {
overflow-x: hidden;
background: url(images/5/5a/SkinDefault_Sidebar.png) repeat-y #f1f0ef !important;
}
/* fix for top section of sidebar */
div.body.vector-menu-content {
margin-left: 0.5em !important;
}
/* sidebar custom color */
ul.vector-menu-content-list li a {
margin-right:4px;
color: #27211c !important;
}
/* sidebar separator */
h3#p-tb-label {
background-image: url(images/0/04/SkinDefault_Separator.png) !important;
background-position: left bottom;
background-size: 122px 1px;
}
/* footer */
footer#footer.mw-footer {
margin-left: 10em;
border-left: 1px solid #7F7F7F !important;
}
/* make font generally smaller */
#bodyContent, .mw-body-content {
font-size: 0.8em;
}
/* force bullet lists to not use img */
ul {
list-style-image: none !important;
}
/* fix for 982px screen discrimination code */
@media screen and (min-width:982px) {
div#content {
margin-left: 10em !important;
padding: 1em 1em 1em 1em !important;
}
#mw-panel {
padding-left: 0em !important;
}
#p-search {
margin-right: 0.5em !important;
}
#p-personal {
right: 0.75em !important;
}
}
/* keeping for now, account for additions to shared.css */
table.wikitable {
border-collapse: separate;
}
/* keeping for now, for site notice */
#siteNotice div, #siteNotice p {
margin: -0.5em 0em 1.5em 0em
}
/* TABS */
/* make tabs use relative so center section works */
nav.vectorTabs ul li {
position: relative;
}
/* get rid of default tab separators */
nav.vectorTabs, nav.vectorTabs ul, nav.vectorMenu h5 a {
background: none !important;
}
/* position text correctly */
nav.vectorTabs ul li, nav.vectorTabs ul li * {
margin: 0px !important;
padding: 0px !important;
background: none !important;
}
/* font and whatnot */
nav.vectorTabs ul li * {
color: #EDECEB !important;
font-family: "OMORI_GAME2" !important;
font-size: 20px !important;
}
/* bright on hover */
nav.vectorTabs ul li:hover * {
color: #ffffff !important;
}
/* UNSELECTED TAB */
/* tab positioning and left */
nav.vectorTabs ul li {
background: url(images/5/5a/SkinDefault_TabOffLeft.png) bottom left no-repeat !important;
padding-left: 10px !important;
height: 24px !important;
margin-top: 16px !important;
margin-right: 4px !important;
background-size: 20px 24px !important;
}
/* center */
nav.vectorTabs ul li:before {
background: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
content: "";
width: calc(100% - 12px);
position: absolute;
top: 0;
left: 8px;
height: 24px;
background-size: 10px 24px !important;
}
/* tab positioning and right */
nav.vectorTabs ul li a {
background: url(images/3/31/SkinDefault_TabOffRight.png) bottom right no-repeat !important;
padding-right: 10px !important;
padding-left: 10px !important;
margin-left: -10px !important;
padding-bottom: 0px !important;
line-height: 24px !important;
height: 24px !important;
display: block !important;
position: relative !important;
background-size: 20px 24px !important;
}
/* UNCREATED TAB */
/* left */
nav.vectorTabs ul li.new {
background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
background-size: 20px 24px !important;
}
/* center */
nav.vectorTabs ul li.new:before {
background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
content: "";
width: calc(100% - 12px);
position: absolute;
top: 0;
left: 8px;
height: 24px;
background-size: 10px 24px !important;
}
/* right */
nav.vectorTabs ul li.new a {
background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
background-size: 20px 24px !important;
}
/* SELECTED TAB */
/* left */
nav.vectorTabs ul li.selected {
background: url(images/7/76/SkinDefault_TabOnLeft.png) bottom left no-repeat !important;
background-size: 20px 24px !important;
}
/* center */
nav.vectorTabs ul li.selected:before {
background-image: url(images/c/c8/SkinDefault_TabOnCenter.png) !important;
content: "";
width: calc(100% - 12px);
position: absolute;
top: 0;
left: 8px;
height: 24px;
background-size: 10px 24px !important;
}
/* right */
nav.vectorTabs ul li.selected a {
background: url(images/c/c0/SkinDefault_TabOnRight.png) bottom right no-repeat !important;
background-size: 20px 24px !important;
}
/* disable text coloring for selected tabs */
nav.vectorTabs ul li.selected * {
color: #4d4743 !important;
cursor: default !important;
}
/* force text coloring for uncreated tabs */
nav.vectorTabs ul li.selected.new * {
color: #733c17 !important;
}
/* MORE TAB */
/* more tab bg and fixing */
nav.vectorMenu {
background: url(images/6/6b/SkinDefault_TabMore.png) no-repeat !important;
width: 66px !important;
top: 16px !important;
transition: none !important;
height: 24px;
background-size: 66px 24px !important;
}
/* more tab text fixing, get rid of default separator */
div#mw-head nav.vectorMenu h3 {
padding: 3px 0px 3px 0px;
background-image: none;
height: 24px;
}
/* hide default more tab down arrow */
h3#p-cactions-label:after {
background-image: none;
}
/* margin between tabs and more tab */
/* ul.vector-menu-content-list {
margin-right:4px;
} */
/* more tab font */
nav.vectorMenu h3 span {
padding: 3px 0px 3px 25px;
color: #EDECEB;
font-size: 20px;
font-family: 'OMORI_GAME2';
}
/* more dropdown menu */
nav.vectorMenu .menu {
top: 1.5em !important;
left: 0px !important;
}
/* more dropdown menu bg */
nav.vectorMenu ul {
background: #676562 url(images/3/33/SkinDefault_MoreDropdown.png) top repeat-x !important;
border-left: 1px solid #7F7F7F !important;
border-right: 1px solid #7F7F7F !important;
border-bottom: 1px solid #7F7F7F !important;
margin-left: 0px !important;
}
/* more dropdown color forcing */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a {
color: #EDECEB !important;
}
ul.menu.vector-menu-content-list {
min-width: 64px;
}
/* SEARCH TAB */
/* search bg */
#p-search {
background: url(images/c/c4/SkinDefault_TabSearch.png) bottom no-repeat !important;
width: 280px !important;
max-width: 280px !important;
height: 24px !important;
margin-top: 16px !important;
margin-left: 4px !important;
background-size: 280px 24px !important;
}
/* fix search content being super low */
#p-search form, #p-search input {
margin-top: 0px !important;
}
/* fix search button being at an offset */
#simpleSearch {
background: none !important;
border: none !important;
width: 280px !important;
bottom: 7px !important;
top: 1px !important;
}
/* search input */
#searchInput {
border: none !important;
margin: 0px !important;
background: #666361 !important;
padding: 4px !important;
height: 18px !important;
color: #FFFFFF !important;
font-size: 11px !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
margin-left: 4px !important;
width: 186px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* search input placeholder color */
#searchInput::placeholder {
color: #C7C6C5 !important;
}
/* search button */
#searchButton {
background: url(images/1/17/SkinDefault_ButtonSearch.png) top no-repeat !important;
border: 0px !important;
padding: 0px !important;
width: 81px !important;
height: 18px !important;
cursor: pointer !important;
text-indent: -5000px !important;
position: relative !important;
top: 2px !important;
right: 4px !important;
float: right !important;
background-size: 81px 36px !important;
}
/* search button hover */
#searchButton:hover {
background-position: 0px -18px !important;
}
/* main page styling */
.mp-content-table {
width: 100%;
background: #FCF6FE;
border: 1px solid #5C347F;
}
.mp-content-header {
font-size: 140%;
background: #DDB5FF;
border: none;
border-bottom: 1px solid #5C347F;
padding-top:10px;
padding-bottom:10px;
margin:-3px;
padding:10px;
color: #000000;
}
div.mp-content-header-alt {
background: #DDB5FF;
font-size: 140%;
font-weight: bold;
border: none;
border-bottom: 1px solid #5C347F;
text-align: left;
padding-top:10px;
padding-bottom:10px;
margin:-3px;
padding:10px;
color: #000000;
}