「MediaWiki:Common.css」の版間の差分

提供:gorosabaWiki
ナビゲーションに移動 検索に移動
(ページの作成:「→‎ここに記述した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("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
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("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
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("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
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:テンプレートスタイル]] */