「MediaWiki:Common.css」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「→ここに記述したCSSはすべての外装に反映されます: →{{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; } #welcome { font-size: 180%; margin-top: 10px; margin-bottom: 0.3em; } #about { margin-left: 0.5em; font-size: 85%; } #ab…」) |
編集の要約なし タグ: 差し戻し済み |
||
52行目: | 52行目: | ||
@media ( min-width: 40em ) { | @media ( min-width: 40em ) { | ||
body.skin-timeless #frame-welcome { | body.skin-timeless #frame-welcome { | ||
background-image: url("// | background-image: url("https://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: -40px -15px; | background-position: -40px -15px; | ||
60行目: | 60行目: | ||
@media ( min-width: 43em ) { | @media ( min-width: 43em ) { | ||
body.skin-minerva #frame-welcome { | body.skin-minerva #frame-welcome { | ||
background-image: url("// | background-image: url("https://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: -40px -15px; | background-position: -40px -15px; | ||
71行目: | 71行目: | ||
body.skin-monobook #frame-welcome, | body.skin-monobook #frame-welcome, | ||
body.skin-cologneblue #frame-welcome { | body.skin-cologneblue #frame-welcome { | ||
background-image: url("// | background-image: url("https://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: -40px -15px; | background-position: -40px -15px; |
2024年2月28日 (水) 23:51時点における版
/* ここに記述したCSSはすべての外装に反映されます */
/* {{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;
}
#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://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}
@media ( min-width: 43em ) {
body.skin-minerva #frame-welcome {
background-image: url("https://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&");
background-repeat: no-repeat;
background-position: -40px -15px;
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://cdn.discordapp.com/attachments/1093315687155519598/1164164159584346192/GOROGOROAM.png?ex=65f18edc&is=65df19dc&hm=d3a4d5eee7e247a9015430fcaab1026b5fb134baece524d7f3488f27157fcf0b&");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}
.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:テンプレートスタイル]] */