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

編集の要約なし
タグ: 差し戻し済み
議論ページ案内テンプレートのデザインを変更
 
(同じ利用者による、間の2版が非表示)
884行目: 884行目:


/* 経済屋メインヘッダー:画面幅が狭いときはロゴを非表示+タイトルをぐっと大きく */
/* 経済屋メインヘッダー:画面幅が狭いときはロゴを非表示+タイトルをぐっと大きく */
/* 幅が狭いときはロゴだけ消す(PC/スマホ共通の挙動) */
@media screen and (max-width: 1000px) {
@media screen and (max-width: 1000px) {
     .kmw-main-header .kmw-header-logo-cell {
     .kmw-main-header .kmw-header-logo-cell {
892行目: 893行目:
         border-spacing: 1.0em 1.0em !important;
         border-spacing: 1.0em 1.0em !important;
     }
     }
}


    /* タイトルをかなり大きめに(PC: 180% → モバイル: 240%) */
    .kmw-main-header .kmw-main-header-title {
        font-size: 300% !important;  /* まだ物足りなければ 260% くらいまで上げてOK */
    }


    /* 逆にサブタイトルは少しだけ小さくしてメリハリをつける */
/* PCでは mobileonly を隠し、desktoponly を普通に出す */
    .kmw-main-header .kmw-main-header-subtitle {
.desktoponly { display: block; }
        font-size: 90% !important;
.mobileonly  { display: none;  }
    }
 
/* 議論ページヘッダー(Template:議論ページ案内 用) */
.talk-header {
border: 1px solid #a2a9b1;          /* 薄グレー枠 */
border-left: 10px solid #36c;      /* 左側に色バー */
background-color: #f8f9fa;          /* 薄いグレー背景 */
padding: 0.75em 1em;
margin: 0.5em 0 1em 0;
font-size: 0.95em;
border-radius: 2px;
box-sizing: border-box;
}
 
.talk-header-title {
margin-bottom: 0.3em;
font-size: 1em;
}
 
.talk-header-body {
margin: 0.2em 0 0 0;
}
 
.talk-header ul {
margin: 0.4em 0 0 1.2em;
padding: 0;
}
 
.talk-header li {
margin: 0.15em 0;
}
}