利用者:Webmaster/common.css
2021年8月13日 (金) 16:14時点におけるWebmaster (トーク | 投稿記録)による版 (ページの作成:「→ここに記述したCSSはすべての外装に反映されます: →各ページの下部と左側の背景色を、ロゴの半分の背景色を変更: body…」)
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* ここに記述したCSSはすべての外装に反映されます */
/* 各ページの下部と左側の背景色を、ロゴの半分の背景色を変更 */
body {
background: #fcf1f1;
}
/* ロゴの上半分の背景色と各ページの上部の背景色を変更 */
#mw-page-base {
background: -moz-linear-gradient(top, #FFF, #fcf1f1);
background: -webkit-linear-gradient(top, #FFF, #fcf1f1);
background: linear-gradient(to bottom, #FFF, #fcf1f1);
}
.mw-body {
border: 1px solid #f9a7a7;
}
/* タブの背景色を変更 */
.vectorTabs {
background-image: -moz-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: -webkit-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: linear-gradient(to bottom, #fdf7f7, #F5d0d0);
}
.vectorTabs span, .vectorMenu {
background-image: -moz-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: -webkit-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: linear-gradient(to bottom, #fdf7f7, #F5d0d0);
}
.vectorTabs li:not(.selected), .vectorMenu {
background-image: -moz-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: -webkit-linear-gradient(top, #fdf7f7, #F5d0d0);
background-image: linear-gradient(to bottom, #fdf7f7, #F5d0d0);
}
/* ------------------------------------------------------ */
/* タブのボーダー色の変更 */
.vectorTabs {
background-image('images/tab-normal-fade.png');
background-image('images/tab-current-fade.png');
background-image('images/tab-break.png');
background-image('images/tab-separator.png');
background: linear-gradient(to bottom, #fdf7f7, #f9a7a7);
}
.vector-menu-tabs. li {
background-image: url( images/tab-normal-fade.png );
background-image: linear-gradient( to top, @border-color-content--tabs-inactive 0, #fdf7f7, #f9a7a7 );
}
.vector-menu-tabs li a {
background-image: url( images/tab-normal-fade.png );
background-image: url( images/tab-break.png );
background-image: linear-gradient( to top, @border-color-content--tabs-inactive 0, #fdf7f7, #f9a7a7 );
}
.vector-menu-tabs li selected {
background-image: url( images/tab-current-fade.png );
background-image: linear-gradient( to top, @border-color-content--tabs-inactive 0, #fdf7f7, #f9a7a7 );
}
/* タブ（その他）のボーダー色の変更 */
#mw-head .vector-menu-dropdown h3 {
background-image: url( images/tab-separator.png );
background-image: linear-gradient( to bottom, #fdf7f7, #f9a7a7 @border-color-content 100% );
}
/* ------------------------------------------------------ */
/* 目次の背景色を変更*/
#toc {
background: #fcf1f1;
}
/* 画像枠内の背景色を変更*/
.thumbinner {
background: #fcf1f1 !important;
}
.thumbcaption {
background: #fcf1f1 !important;
/* ギャラリー枠内の背景色を変更*/
.gallerybox .thumb {
background: #fcf1f1 !important;
}
/* カテゴリ枠内の背景色を変更*/
.catlinks {
background: #fcf1f1 !important;
}
/* メインページレイアウト */
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;
}
/* {{pp-template}} */
.mainpage-frame {
overflow-x: auto;
margin: 0 5px 10px 5px;
padding: 8px;
border: 1px solid #f9a7a7;
border-radius: 10px;
}
#frame-main2 {
background: #fffbfb;
}
#frame-interlang {
background: #fcf1f1;
}
#frame-welcome {
line-height: 1.25;
height: 125px;
}
#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>