Difference between revisions of "MediaWiki:Headspace.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!SKIN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ | /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!SKIN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ | ||
/* 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'); | |||
} | |||
@keyframes slide { | |||
0%{ | |||
background-position: 0px 0px; | |||
} | |||
100%{ | |||
background-position: -1023px 0px; | |||
} | |||
} | |||
/* replace logo with hq logo because we're epic */ | /* replace logo with hq logo because we're epic */ | ||
.mw-wiki-logo { | .mw-wiki-logo { |
Revision as of 02:32, 21 February 2022
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!SKIN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* 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'); } @keyframes slide { 0%{ background-position: 0px 0px; } 100%{ background-position: -1023px 0px; } } /* replace logo with hq logo because we're epic */ .mw-wiki-logo { background-image: url(images/0/0d/SkinDefault_Logo.png) !important; } /* logo bg */ #p-logo { background: url(images/5/59/SkinDefault_SidebarTop.png) repeat-y #f1f0ef !important; } /* scrolling top bg */ #mw-page-base { background: url(images/5/50/SkinDW_Background.png) 0% 0% repeat; image-rendering: crisp-edges; animation: slide 100s linear infinite; } /* main content bg and borders */ #content { background: url(images/5/59/SkinDefault_Content.png) repeat-x #fdfdfd !important; } /* sidebar background */ body { background: url(images/5/5a/SkinDefault_Sidebar.png) repeat-y #f1f0ef !important; } /* sidebar custom color */ ul.vector-menu-content-list li a { color: #27211c !important; } /* sidebar separator */ h3#p-tb-label { background-image: url(images/0/04/SkinDefault_Separator.png) !important; } /* footer */ footer#footer.mw-footer { margin-left: 10em; border-left: 1px solid #7F7F7F !important; } /* font and whatnot */ nav.vectorTabs ul li * { color: #EDECEB !important; font-family: "OMORI_GAME2" !important; } /* bright on hover */ nav.vectorTabs ul li:hover * { color: #ffffff !important; } /* UNSELECTED TAB */ /* tab positioning and left */ nav.vectorTabs ul li { background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important; background-position: bottom left !important; background-repeat: no-repeat !important; } /* center */ nav.vectorTabs ul li:before { background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important; } /* tab positioning and right */ nav.vectorTabs ul li a { background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important; background-position: bottom right !important; background-repeat: no-repeat !important; } /* UNCREATED TAB */ /* left */ nav.vectorTabs ul li.new { background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important; } /* center */ nav.vectorTabs ul li.new:before { background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important; } /* right */ nav.vectorTabs ul li.new a { background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important; } /* SELECTED TAB */ /* left */ nav.vectorTabs ul li.selected { background-image: url(images/7/76/SkinDefault_TabOnLeft.png) !important; background-position: bottom left !important; background-repeat: no-repeat !important; } /* center */ nav.vectorTabs ul li.selected:before { background-image: url(images/c/c8/SkinDefault_TabOnCenter.png) !important; } /* right */ nav.vectorTabs ul li.selected a { background-image: url(images/c/c0/SkinDefault_TabOnRight.png) !important; background-position: bottom right !important; background-repeat: no-repeat !important; } /* disable text coloring for selected tabs */ nav.vectorTabs ul li.selected * { color: #4d4743 !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-image: url(images/6/6b/SkinDefault_TabMore.png) !important; background-repeat: no-repeat !important; } /* more tab font */ nav.vectorMenu h3 span { color: #EDECEB; font-family: 'OMORI_GAME2'; } /* more dropdown menu bg */ nav.vectorMenu ul { background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important; background-color: #676562 !important; background-position: top !important; background-repeat: repeat-x !important; } /* more dropdown color forcing */ nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a { color: #EDECEB !important; } /* SEARCH TAB */ /* search bg */ #p-search { background-image: url(images/c/c4/SkinDefault_TabSearch.png) !important; background-position: bottom !important; background-repeat: no-repeat !important; } /* search input */ #searchInput { background: #666361 !important; color: #FFFFFF !important; } /* search input placeholder color */ #searchInput::placeholder { color: #C7C6C5 !important; } /* search button */ #searchButton { background-image: url(images/1/17/SkinDefault_ButtonSearch.png) !important; background-position: top !important; background-repeat: no-repeat !important; } /* search button hover */ #searchButton:hover { background-position: 0px -18px !important; } /* main page styling */ .mp-content-table { background: #FCF6FE; border: 1px solid #5C347F; } .mp-content-header { background: #DDB5FF; border-bottom: 1px solid #5C347F; color: #000000; } div.mp-content-header-alt { background: #DDB5FF; border-bottom: 1px solid #5C347F; color: #000000; } .mp-content-spacer { background: #5C347F; }