「MediaWiki:Common.css」の版間の差分

編集の要約なし
タグ: 差し戻し済み
編集の要約なし
タグ: 差し戻し済み
1行目: 1行目:
/* メインページだけタイトル非表示 */
/* infobox 共通 */
.page-Main_Page .firstHeading {
    display: none !important;
}
/* ダークモード(night)時にロゴを反転 */
.skin-vector-2022.vector-mode-night .tsrc-logo img {
    filter: invert(1) brightness(1.2);
    transition: filter 0.3s ease;
}
 
body.skin-vector-2022.skin-dark {
    background-color: red !important;
}
 
.tsrc-logo-wrapper pre,
.tsrc-logo-wrapper code,
.tsrc-logo-wrapper .mw-code {
    background-color: transparent !important;
    border: none !important;
}
.tsrc-infobox {
.tsrc-infobox {
   background-color: #F0F6F7;
   background-color: #F0F6F7;
  border: 0.2px solid #ccc;
  padding: 1em;
  max-width: 600px;
  margin: 1.5em auto;
  text-align: left;
  font-size: 0.9em;
}
}


/* ダークモード用の infobox 背景 */
.skin-theme-clientpref-night .tsrc-infobox {
.skin-theme-clientpref-night .tsrc-infobox {
   background-color: #1c2a3a;
   background-color: #1c2a3a;
  color: #eee;
}
}
/* 災害情報のフォント色 */
.tsrc-serverwarning {
.tsrc-serverwarning {
   font-size: 90%;
   font-size: 90%;
   color: #888;
   color: #888;
}
}
.skin-theme-clientpref-night .tsrc-serverwarning {
.skin-theme-clientpref-night .tsrc-serverwarning {
   color: #eee; /* ダークモードで見やすく */
   color: #eee;
}
 
.skin-theme-clientpref-night .tsrc-serverwarning {
  color: #eeeeee;
 
}
.tsrc-logo-block {
  text-align: center;
  margin-bottom: 1.5em;
}
 
.tsrc-subtitle {
  font-size: 0.85em;
  color: #666;
  margin-top: 0.5em;
  font-style: italic;
}
}


/* 警告構造:メイン */
.tsrc-warning {
.tsrc-warning {
  background: #eef0f4;
   color: #333;
   color: #333;
   font-size: 0.75em;
   font-size: 0.75em;
60行目: 36行目:
   text-align: center;
   text-align: center;
   max-width: 600px;
   max-width: 600px;
  border-left: 4px solid #444;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
.skin-theme-clientpref-night .tsrc-warning {
  background-color: #1e242c;
  color: #ccc;
}
}


/* 警告構造:マーク */
.tsrc-warning-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  margin-bottom: 0.5em;
}
.tsrc-warning-icon {
.tsrc-warning-icon {
   font-size: 1.2em;
   font-size: 1.2em;
67行目: 57行目:
   padding-right: 0.5em;
   padding-right: 0.5em;
   vertical-align: middle;
   vertical-align: middle;
}
/* 警告構造:補足 */
.tsrc-warning-sub {
  font-size: 90%;
  color: #666;
}
.skin-theme-clientpref-night .tsrc-warning-sub {
  color: #ccc;
}
}