1,836
回編集
「テンプレート:メインページ/styles.css」の版間の差分
編集の要約なし
(ページの作成:「.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; } #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:…」) |
編集の要約なし |
||
| (同じ利用者による、間の110版が非表示) | |||
| 1行目: | 1行目: | ||
/* {{pp-template}} */ | |||
.mainpage-frame { | .mainpage-frame { | ||
overflow-x: auto; | overflow-x: auto; | ||
| 5行目: | 6行目: | ||
border: 1px solid #a7d7f9; | border: 1px solid #a7d7f9; | ||
border-radius: 10px; | border-radius: 10px; | ||
font-size: 15.5px; | |||
line-height: 1.9; | |||
} | } | ||
#frame-main2 { | #frame-main2 { | ||
| 21行目: | 24行目: | ||
} | } | ||
#about { | #about { | ||
margin-left: 0.5em; | margin-left: 0.5em; | ||
font-size: | /* font-size: 85%; */ | ||
font-size: 100%; | |||
line-height: 1.5; | |||
} | } | ||
#about ~ div { | #about ~ div { | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
font-size: | /* font-size: 95%; */ | ||
font-size: 100%; | |||
text-align: right; | text-align: right; | ||
line-height: 1.5; | |||
} | } | ||
#number { | #number { | ||
| 46行目: | 53行目: | ||
flex-grow: 1; | flex-grow: 1; | ||
} | } | ||
@media ( min-width: 1em ) { | |||
body.skin-minerva #frame-welcome { | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/ | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg");*/ | |||
background-repeat: no-repeat; | |||
background-position: -40px 0px; | |||
background-size: 200px 200px; | |||
background-color:rgba(255,255,255,0.5); | |||
background-blend-mode:lighten; | |||
padding-left: 0px; | |||
} | |||
body.skin-minerva .mainpage-frame{ | |||
font-size: 18px; | |||
line-height: 2.4; | |||
} | |||
body.skin-minerva #welcome { | |||
font-size: 170%; | |||
} | |||
} | |||
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */ | |||
@media ( min-width: 40em ) { | |||
body.skin-timeless #frame-welcome { | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/ | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/ | |||
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg"); | |||
background-repeat: no-repeat; | |||
/* background-position: -40px -15px;*/ | |||
background-position: -40px 0px; | |||
background-size: 200px 200px; | |||
background-color:rgba(255,255,255,0.3); | |||
background-blend-mode:lighten; | |||
padding-left: 165px; | |||
} | |||
} | |||
@media ( min-width: 43em ) { | |||
body.skin-minerva #frame-welcome { | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/ | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/ | |||
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg"); | |||
background-repeat: no-repeat; | |||
/* background-position: -40px -15px;*/ | |||
background-position: -40px 0px; | |||
background-size: 200px 200px; | |||
background-color:rgba(255,255,255,0.3); | |||
background-blend-mode:lighten; | |||
padding-left: 165px; | |||
} | |||
} | |||
@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://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/ | |||
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/ | |||
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg"); | |||
background-repeat: no-repeat; | |||
/* background-position: -40px -15px;*/ | |||
background-position: -30px -15px; | |||
background-size: 200px 200px; | |||
background-color:rgba(255,255,255,0.1); | |||
background-blend-mode:lighten; | |||
padding-left: 185px; | |||
} | |||
} | |||
.mainpage-content-text .hlist-slash { | .mainpage-content-text .hlist-slash { | ||