MediaWiki:Common.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
• Opera: ツール → 設定 からキャッシュをクリアしてください。

/* ここに記述したCSSはすべての外装に反映されます */
.char-list:after {
  clear: both;
  content: "";
  display: block;
}

.god {
  background-color: #FFE97F;
}

.person {
  background-color: #D8F5FF;
}

.apparition {
  background-color: #FFF0F5;
}

.toc, #toc { display: none; }

.character *{
max-width:100%;
}

.character:after{
content:"";
display:block;
font-size:0;
clear:both;
}


#content h1{
font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 22px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
    border-bottom: #C9AD6F 3px solid;
}

#content h1 a{
    color: #fff;
}

#mw-content-text h2{
    font-weight:bold;
    font-size: 18px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
}

#mw-content-text h2 a{
    color: #fff;
}

#mw-content-text h3{
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 14px;
    color: #fff;
    padding: 6px;
    background-color: #a8a8a8;
}


#mw-content-text h3 a{
    color: #fff;
}

#bodyContent img {
  max-width: 100%;
  height: auto;
}

#mw-page-base{
border-bottom:4px solid #C9AD6F;
background:#404348;
}

div.vectorMenu h5 a{
background:#404348;
}

.onhoverbg:hover{
background:#C9AD6F;
}

div.vectorTabs li.new a, 
div.vectorTabs li.new a:visited{
color:#fff;
}

div.vectorMenu:hover h5 a {
    background-color: #C9AD6F;
}

div.vectorMenu:hover {
    background-color: #C9AD6F;
}

#p-cactions-label a:before{
    display: inline-block;
    content: "…";
    color: #fff;
    margin-top: 7px;
}

#left-navigation{
    background-color: #404348;
}

img.downarrow:hover{
    position: inherit;
background:#C9AD6F;

}

.mw-body p {
    line-height: 1.8;
}


div.vectorTabs a:hover {
    background: #C9AD6F;
}

div.vectorMenu ul{
    border: solid 2px #C9AD6F;
}


@media screen and ( min-width: 769px){
.char-list-item {
  float: left;
  width: 25%;
  padding: 0;
  margin: 0;
}

.main-colmun .char-list-item img {
  margin: 0;
}

.char-list-item div a {
  display: block;
  padding: 0 4px;
}

#mw-content-text .char-list-item h3 {
  margin: 8px 4px;
}

}


@media screen and ( max-width: 768px){
.char-image-link {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.char-image {
  display: inline-block;
}
.table_float table{
float:none;
width:100%;
}

.table_topbox{
width:95%;
width:calc(100% - 20px);
float:none;
padding:10px;
margin:0;
}

.table_topbox table{
width:95%;
width:calc(100% - 20px);
margin:0 auto;
}

.table_slide{
margin-top:10px;
overflow-x:auto;
padding:8px;
border:3px solid #404348;
}

.table_slide table{
width:700px;
white-space:nowrap;
}

.table_card{
width:100%;
border-collapse:collapse;
}

#mw-head #main-title {
font-size: 12px !important;
}

}

.dmm-area {
text-align: center;
margin: 16px;
box-shadow: 0 0 8px 0 #ccc;
background: #fafafa;
padding: 1em 2em;
}

.dmm-area > p {
margin: 0;
}

.dmm-area img {
display: inline-block;
margin: 0 auto;
}

/* テーブル  */
#bodyContent caption {
background: #ccc;
}

.table-char .char-status table {
margin-top: 0;
}

.table-char .char-status table caption {
  font-weight: normal;
}

.char-body > p {
margin: 0 8px 0 0;
}

.char-body > p img {
margin: 0;
}

.dl-open dl {
display: none;
}

.dl-open-label {
cursor: pointer;
}

.mw-body-content table {
width: 100%;
text-align: center;
}

.width-auto .wikitable {
width: auto;
text-align: left;
}