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

提供:yonewiki
編集の要約なし
タグ: 差し戻し済み
編集の要約なし
 
(同じ利用者による、間の22版が非表示)
1行目: 1行目:
/* ここに記述したCSSはすべての外装に反映されます */
/* ここに記述した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');
}
main#content{
main#content{
     font-family:  
     font-family:  
12行目: 30行目:
     font-size: 110% !important;
     font-size: 110% !important;
}
}
@media screen and (max-width:982px){
.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{
   body{
       font-size: 175% !important;  
       font-size: 100% !important;  
   }
   }
   textarea{
   textarea{
     font-size: 175% !important;
     font-size: 100% !important;
     height: calc( 1.5em * 10 ) !important;
     height: calc( 1.5em * 10 ) !important;
     line-height: 1.5 !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: 86.75em){
@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-content-container,  
   .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container{  
   .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container{  
     margin-left: 11.5em;
     margin-left: 11.5em;
   }
   }
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 2em;
}
}

2024年3月29日 (金) 22:34時点における最新版

/* ここに記述した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');
}

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;
  }
}