「テンプレート:メインページ/styles.css」の版間の差分
(内容を「→{{pp-template}}: .mainpage-frame { overflow-x: auto; margin: 0 5px 10px 5px; padding: 8px; border: 1px solid #a7d7f9; border-radius: 10px; }」で置換) タグ: 置換 |
編集の要約なし |
||
(同じ利用者による、間の102版が非表示) | |||
6行目: | 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 { | |||
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%; */ | |||
font-size: 100%; | |||
line-height: 1.5; | |||
} | |||
#about ~ div { | |||
margin-top: 0.3em; | |||
/* font-size: 95%; */ | |||
font-size: 100%; | |||
text-align: right; | |||
line-height: 1.5; | |||
} | |||
#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: 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 { | |||
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:テンプレートスタイル]] */ |
2023年5月13日 (土) 12:16時点における最新版
/* {{pp-template}} */
.mainpage-frame {
overflow-x: auto;
margin: 0 5px 10px 5px;
padding: 8px;
border: 1px solid #a7d7f9;
border-radius: 10px;
font-size: 15.5px;
line-height: 1.9;
}
#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%; */
font-size: 100%;
line-height: 1.5;
}
#about ~ div {
margin-top: 0.3em;
/* font-size: 95%; */
font-size: 100%;
text-align: right;
line-height: 1.5;
}
#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: 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 {
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:テンプレートスタイル]] */