「テンプレート:メインページ/styles.css」の版間の差分
編集の要約なし |
編集の要約なし |
||
14行目: | 14行目: | ||
} | } | ||
#frame-welcome { | #frame-welcome { | ||
line-height: 1.25; | line-height: 1.25; height: 200px; | ||
} | } | ||
#welcome { | #welcome { |
2023年11月12日 (日) 23:23時点における版
/* {{pp-template}} */ .mainpage-frame { overflow-x: auto; margin: 0 5px 10px 5px; padding: 8px; border: 1px solid #a7d7f9; border-radius: 10px; } #frame-main2 { background: #fbfdff; } #frame-interlang { background: #f9f9f9; } #frame-welcome { line-height: 1.25; height: 200px; } #welcome { font-size: 180%; margin-top: 10px; margin-bottom: 0.3em; } #about { margin-left: 0.5em; font-size: 85%; } #about ~ div { margin-top: 0.3em; font-size: 95%; text-align: right; } #number { padding-top: 0.8em; } .mainpage-flexbox { display: flex; flex-wrap: wrap; } #frame-main1 { flex-basis: 380px; flex-grow: 3; } #frame-main2 { flex-basis: 310px; flex-grow: 1; } /* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */ @media ( min-width: 40em ) { body.skin-timeless #frame-welcome { background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); background-repeat: no-repeat; background-position: -40px -15px; padding-left: 165px; } } @media ( min-width: 43em ) { body.skin-minerva #frame-welcome { background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); background-repeat: no-repeat; background-position: -40px -15px; padding-left: 165px; } } @media ( min-width: 48em ) { body.skin-vector #frame-welcome, body.skin-vector-2022 #frame-welcome, body.skin-modern #frame-welcome, body.skin-monobook #frame-welcome, body.skin-cologneblue #frame-welcome { background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); background-repeat: no-repeat; background-position: left; padding-left: 200px; } } .mainpage-content-text .hlist-slash { margin-top: 0.5em; text-align: right; } #portals .CategoryTreeTag { margin-left: 0.5em; font-size: 90%; } #fa_picture .mainpage-content-text > div { margin-left: auto; margin-right: auto; } .mainpage-gallery { text-align: center; display: flex; flex-flow: row wrap; justify-content: space-around; justify-content: space-evenly; } /* [[Category:テンプレートスタイル]] */