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

提供:Wikiminati
(ページの白紙化)
タグ: 白紙化
編集の要約なし
1行目: 1行目:
/* {{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: 1em ) {
body.skin-minerva #frame-welcome {
background-image: url("https://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
background-repeat: no-repeat;
background-position: -30px 0px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
padding-left: 0px;
}
}
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */
@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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
background-position: -30px 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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
background-position: -30px 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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
background-position: -30px 0px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.3);
background-blend-mode:lighten;
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:テンプレートスタイル]] */

2023年3月11日 (土) 19:41時点における版

/* {{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: 1em ) {
	body.skin-minerva #frame-welcome {
		background-image: url("https://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
		background-repeat: no-repeat;
		background-position: -30px 0px;
		background-size:  200px  200px;
		background-color:rgba(255,255,255,0.8);
		background-blend-mode:lighten;
		padding-left: 0px;
	}
}
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */
@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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
		background-repeat: no-repeat;
/*		background-position: -40px -15px;*/
		background-position: -30px 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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
		background-repeat: no-repeat;
/*		background-position: -40px -15px;*/
		background-position: -30px 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://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
		background-repeat: no-repeat;
/*		background-position: -40px -15px;*/
		background-position: -30px 0px;
		background-size:  200px  200px;
		background-color:rgba(255,255,255,0.3);
		background-blend-mode:lighten;
		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:テンプレートスタイル]] */