User:Neko Knight/vector-2022.css

From Ylvapedia

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.
/* ダークモードには対応してないです */
:root{
	--midashi-color: #486379;
	--moji-color: #303f4b;
	--moji-color2: #372d2d;
}
body, html, .mw-headline, #wpTextbox1, #bodyContent {
	font-family: YakuHanJPs,'Lato','Noto Sans JP',sans-serif,'游ゴシック Medium','游ゴシック体','Yu Gothic Medium',YuGothic,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','MS Pゴシック','MS PGothic',sans-serif;
}
p {
  line-height: 1.2;
}
a b,b a{
	font-weight: normal;
}
pre,code,.mw-code {
  background-color: #d8dbdb;
  border: 1px solid #adadad;
  border-radius: 0.3em;
}
/* メインと左メニュー */
.mw-logo-icon {
  width: 34px !important;
  height: 34px !important;
}
.vector-menu-portal {
  margin: 0 0.6em 0 0em !important;
}
.vector-menu-heading {
  margin: 0 !important;
  padding: 0 !important;
}
.vector-sitenotice-container {
	display: none;
}
#main-page-nav h2, #main-page-nav h3 {
	background-color: unset;
	border: unset;
	width: -webkit-fill-available;
	margin: 8px 0 0.2em 10px;
	padding-left: 0.5em;
	color: var(--moji-color2);
}
#main-page-nav h2{
	border-bottom: 1px dashed #bc9e80;
}
#main-page-nav h3{
	font-size: medium;
	margin: auto;
}
#mw-navigation li{
	padding: 0 0 0.25em 0;
}
/* 記事の内容 */
#bodyContent {
  font-size: 16px;
  font-weight: 300;
	color:var(--moji-color);
}
#bodyContent a {
	font-weight: normal;
}
.mw-body-content h4 {
  border-bottom: 2px dotted #9dbbbd;
}
#mw-content-text p {
	padding: 0.3em 1.5em;
}
.mw-body-content h2,.mw-body-content h3, .mw-body-content h4 .mw-body-content h5 {
  color: var(--midashi-color);
  font-weight: bold;
  border-bottom: inset;
}
.mw-parser-output h2,.mw-parser-output h3,.mw-body-content h4 {
  font-weight: 500;
  padding: 0.3em 0.5em;
}
.mw-parser-output h2 {
  background-color: #9dbbbd;
  border: none;
}
.mw-parser-output h3 {
  background-color: #ebf1f2;
  border-left: 5px solid #c7dbdc;
}
/* Infobox NPC */
table.infobox.vcard.outcell {
  width: max-content !important;
}
table.infobox.vcard.outcell th{
	text-align: right !important;
  border-right: 1px dashed #a2a9b1;
  padding-right: 0.5em;
}
table.infobox.vcard.outcell p{
  margin: 0em;
  padding: 0em !important;
}
.mw-table-of-contents-container {
	font-size: small;
	padding: unset;
	margin: unset;
}
/* vector-2022 目次 */
.sidebar-toc .sidebar-toc-text {
	padding: unset;
}
.sidebar-toc {
	padding: 1em;
	width: max-content;
}
.sidebar-toc-header {
	padding: unset;
}
.sidebar-toc-level-2 {
	height: 1em;
}
.vector-toc-not-collapsed .vector-sticky-toc-container {
	padding-top: unset;
	border-top: solid 1px #c8ccd1;
}
.vector-toc-not-collapsed .sidebar-toc:after {
	height: unset;
}