「テンプレート:メインページ/styles.css」の版間の差分
編集の要約なし |
citizen用ウェルカム内画像表示CSSプロパティ追加 タグ: モバイル編集 モバイルウェブ編集 改良版モバイル編集 |
||
(同じ利用者による、間の9版が非表示) | |||
17行目: | 17行目: | ||
} | } | ||
#welcome { | #welcome { | ||
font-size: | font-size: 110%; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
23行目: | 23行目: | ||
#about { | #about { | ||
margin-left: 0.5em; | margin-left: 0.5em; | ||
font-size: | font-size: 80%; | ||
} | } | ||
#about ~ div { | #about ~ div { | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
font-size: | font-size: 90%; | ||
text-align: right; | text-align: right; | ||
} | } | ||
49行目: | 49行目: | ||
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */ | /* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */ | ||
@media ( min-width: | @media ( min-width: 36em ) { | ||
body.skin-timeless #frame-welcome { | body.skin-timeless #frame-welcome, | ||
body.skin-citizen #frame-welcome, | |||
body.skin-vector-2022 #frame-welcome { | |||
background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); | background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left; | background-position: left; | ||
padding-left: | padding-left: 210px; | ||
} | } | ||
} | } | ||
62行目: | 64行目: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left; | background-position: left; | ||
padding-left: | padding-left: 210px; | ||
} | } | ||
} | } | ||
@media ( min-width: 48em ) { | @media ( min-width: 48em ) { | ||
body.skin-vector #frame-welcome, | body.skin-vector #frame-welcome, | ||
body.skin-modern #frame-welcome, | body.skin-modern #frame-welcome, | ||
body.skin-monobook #frame-welcome, | body.skin-monobook #frame-welcome, | ||
74行目: | 75行目: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left; | background-position: left; | ||
padding-left: | padding-left: 210px; | ||
} | } | ||
} | } |
2024年9月29日 (日) 21:15時点における最新版
/* {{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: 180px; } #welcome { font-size: 110%; margin-top: 10px; margin-bottom: 0.3em; } #about { margin-left: 0.5em; font-size: 80%; } #about ~ div { margin-top: 0.3em; font-size: 90%; text-align: right; } #number { padding-top: 0.8em; position: relative; bottom: 0px; right: 0px; top:50px; } .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: 36em ) { body.skin-timeless #frame-welcome, body.skin-citizen #frame-welcome, body.skin-vector-2022 #frame-welcome { background-image: url("https://gamefanweb.com/ets2/images/2/2b/Project_02.png"); background-repeat: no-repeat; background-position: left; padding-left: 210px; } } @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: left; padding-left: 210px; } } @media ( min-width: 48em ) { body.skin-vector #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: 210px; } } .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:テンプレートスタイル]] */