「テンプレート:メインページ/styles.css」の版間の差分

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:テンプレートスタイル]] */