MediaWiki:Common.css

提供:yonewiki
2024年11月30日 (土) 00:59時点におけるYo-net (トーク | 投稿記録)による版
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explore/Edger: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
/* ここに記述したCSSはすべての外装に反映されます */
@font-face {
    font-family: 'Bravura';
    src: url('./font/Bravura.woff2') format('woff2'),
         url('./font/Bravura.woff') format('woff');
}

@font-face {
    font-family: 'BravuraText';
    src: url('./font/BravuraText.woff2') format('woff2'),
         url('./font/BravuraText.woff') format('woff');
}

@font-face {
    font-family: 'YonetMuFL';
    src: url('./font/YonetMuFL.woff2') format('woff2'),
         url('./font/YonetMuFL.woff') format('woff');
}

.vector-sticky-header-context-bar-primary{
	font-family: 
    "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ StdN", "ヒラギノ角ゴ StdN", 
    "ヒラギノ角ゴ ProN W3",  
    HiraKakuProN-W3, メイリオ, Meiryo, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

main#content{
    font-family: 
    "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ StdN", "ヒラギノ角ゴ StdN", 
    "ヒラギノ角ゴ ProN W3",  
    HiraKakuProN-W3, メイリオ, Meiryo, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
body{
    font-size: 110%;
}
textarea{
    font-size: 110% !important;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
    content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}
.mobile{
  font-size: 100% !important; 
  line-height: 100%;
  textarea{
    font-size: 100% !important;
    height: calc( 1.5em * 10 ) !important;
    line-height: 1.5 !important;
  }
}
@media screen and (max-width: 428px){
  body{
      font-size: 100% !important; 
  }
  textarea{
    font-size: 100% !important;
    height: calc( 1.5em * 10 ) !important;
    line-height: 1.5 !important;
  }
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 429px){
  .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container, 
  .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container{ 
    margin-left: 11.5em;
  }
}