「MediaWiki:Common.css」の版間の差分
ナビゲーションに移動
検索に移動
3行目: | 3行目: | ||
/* 各ページの下部と左側の背景色を、ロゴの半分の後ろまで変更 */ | /* 各ページの下部と左側の背景色を、ロゴの半分の後ろまで変更 */ | ||
body { | body { | ||
− | background: # | + | background: #FFBDDDF; |
} | } | ||
/* ロゴの上半分の後ろと各ページの上部の背景色を変更 */ | /* ロゴの上半分の後ろと各ページの上部の背景色を変更 */ | ||
#mw-page-base { | #mw-page-base { | ||
− | background: # | + | background: #FBDDDF; |
} | } | ||
2021年7月9日 (金) 11:28時点における版
/* ここに記述したCSSはすべての外装に反映されます */
/* 各ページの下部と左側の背景色を、ロゴの半分の後ろまで変更 */
body {
background: #FFBDDDF;
}
/* ロゴの上半分の後ろと各ページの上部の背景色を変更 */
#mw-page-base {
background: #FBDDDF;
}
body.page-メインページ h1.firstHeading {
display:none;
}
body.page-メインページ #contentSub {
display:none;
}
/* {{pp-template}} */
.mainpage-content {
text-align: left;
position: relative;
overflow: auto;
}
.mainpage-heading {
position: relative;
margin: 0.2em 0 0 0;
padding: 0;
line-height: normal;
overflow: visible;
white-space: nowrap;
border-bottom: 0;
}
.mainpage-heading:after {
content: none !important; /* Timeless */
}
.mainpage-heading-image {
position: relative;
left: 3px;
top: -0.1em;
z-index: 2;
}
.mainpage-heading-title {
position:relative;
margin-left: -38px;
z-index: 1;
padding-left: 45px;
padding-right: 8px;
font-size: 85%;
font-size: 1.2rem;
font-weight: bold;
text-align: left;
border:0 solid transparent;
border-radius: 5px / 50%;
background: rgb(244, 155, 155, 3); /* ブラウザがlinear-gradientに対応していない場合 */
background: linear-gradient(to right, rgb(244, 155, 155, 3), rgba(244, 0, 0, 0));
}
.mainpage-content-text {
margin: 4px 6px 16px 6px;
}
/* [[Category:テンプレートスタイル]] */
/* {{pp-template}} */
.mainpage-frame {
overflow-x: auto;
margin: 0 5px 10px 5px;
padding: 8px;
border: 1px solid #F9A7A8;
border-radius: 10px;
}
#frame-main2 {
background: #fffbfb;
}
#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://tomato.international/w/resources/assets/Tomatopedia-logo-v2-200px-transparent.png");
background-repeat: no-repeat;
background-position: -40px -15px;
padding-left: 165px;
}
}
@media ( min-width: 43em ) {
body.skin-minerva #frame-welcome {
background-image: url("https://tomato.international/w/resources/assets/Tomatopedia-logo-v2-200px-transparent.png");
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://tomato.international/w/resources/assets/Tomatopedia-logo-v2-200px-transparent.png");
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:テンプレートスタイル]] */
<style data-mw-deduplicate="TemplateStyles:r81072500">.mw-parser-output .mainpage-content{text-align:left;position:relative;overflow:auto}.mw-parser-output .mainpage-heading{position:relative;margin:0.2em 0 0 0;padding:0;line-height:normal;overflow:visible;white-space:nowrap;border-bottom:0}.mw-parser-output .mainpage-heading:after{content:none!important}.mw-parser-output .mainpage-heading-image{position:relative;left:3px;top:-0.1em;z-index:2}.mw-parser-output .mainpage-heading-title{position:relative;margin-left:-38px;z-index:1;padding-left:45px;padding-right:8px;font-size:85%;font-size:1.2rem;font-weight:bold;text-align:left;border:0 solid transparent;border-radius:5px/50%;background:rgb(244,155,155,3);background:linear-gradient(to right,rgb(244,155,155, 3),rgba(244,155,155,0))}.mw-parser-output .mainpage-content-text{margin:4px 6px 16px 6px}</style>