MediaWiki:Headspace.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: 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; } .mp-content-spacer { background: #5C347F; margin-left: 3px; margin-right: 3px; margin-bottom: -3px; color: none; border: none; text-align: center; }