「MediaWiki:Common.css」の版間の差分
ナビゲーションに移動
検索に移動
ページの作成:「→ここに記述したCSSはすべての外装に反映されます: →背景の色: body { background-color: #8f8; }→サイドバーとフッターの背景: #mw-head { background-color: #cff; }→ヘッダーの背景: .mw-body { background-color: #cfc; background-image: url(back.png); text-color: #060; box-shadow: 5px 5px 6px #030; border-bottom-left-radius: 30px; }→記事エリアの背景: →見出しのスタイル: .mw-body h1, .mw-body h2 { font-fa…」 |
編集の要約なし |
||
| (同じ利用者による、間の20版が非表示) | |||
| 4行目: | 4行目: | ||
#mw-head { background-color: #cff; }/*ヘッダーの背景*/ | #mw-head { background-color: #cff; }/*ヘッダーの背景*/ | ||
.mw-body { background-color: #cfc; background-image: url(back.png); text-color: #060; box-shadow: 5px 5px 6px #030; border-bottom-left-radius: 30px; }/*記事エリアの背景*/ | .mw-body { background-color: #cfc; background-image: url(back.png); text-color: #060; box-shadow: 5px 5px 6px #030; border-bottom-left-radius: 30px; }/*記事エリアの背景*/ | ||
/*見出しのスタイル*/ | /*見出しのスタイル*/ | ||
.mw-body h1, .mw-body h2 { font-family: sans-serif; } | .mw-body h1, .mw-body h2 { font-family: sans-serif; } | ||
.mw-body h2 { color: #840; } | .mw-body h2 { color: #840; } | ||
.mw-body h3 { color: green; } | .mw-body h3 { color: green; } | ||
/*画像の角丸と影*/ | /*画像の角丸と影*/ | ||
.mw-body img { border-radius: | .mw-body .image img { background-color: #fff;border-radius: 5px; box-shadow: 5px 5px 6px #080; padding: 5px;} | ||
/*メインページの文字を非表示にする*/ | /*メインページの文字を非表示にする*/ | ||
body.page-メインページ.action-view h1.firstHeading, body.page-メインページ.action-submit h1.firstHeading { display: none; } | body.page-メインページ.action-view h1.firstHeading, body.page-メインページ.action-submit h1.firstHeading { display: none; } | ||
/*テーブルのスタイル*/ | /*テーブルのスタイル*/ | ||
.wikitable Caption { text-align: left; } | .wikitable Caption { text-align: left; } | ||
.wikitable th { background-color: #afa; border-radius: 5px; } | .wikitable th { background-color: #afa; border-radius: 5px; } | ||
/*リンクのスタイル*/ | /*リンクのスタイル*/ | ||
a:link { color: #030; } | a:link { color: #030; } | ||
a:visited { color: # | a:visited { color: #020; } | ||
div#mw-panel div.portal div.body ul li a:link { color: # | div#mw-panel div.portal div.body ul li a:link { color: #f0f; } | ||
div#mw-panel div.portal div.body ul li a:visited { color: # | div#mw-panel div.portal div.body ul li a:visited { color: #a0a; } | ||
/*リンクボタン*/ | |||
.link a{ width: 50%; color: #fff; background-color: #090; background-image: none; border: 1px solid black; border-radius: 10px; box-shadow: 5px 5px 6px #050; display: block; padding: 5px; margin-bottom: 10px;} | |||
.link a:link{ color: #fff;} | |||
.link a:hover{text-decoration: none; box-shadow: 5px 5px 6px #050 inset;} | |||
/*目次のスタイル*/ | /*目次のスタイル*/ | ||
div #toc { box-shadow: 5px 5px 6px #080; } | div #toc { box-shadow: 5px 5px 6px #080; } | ||
/*コメント文のスタイル*/ | /*コメント文のスタイル*/ | ||
pre { box-shadow: 5px 5px 3px #888 inset; } | pre { box-shadow: 5px 5px 3px #888 inset; } | ||
.catlinks { display: none; } | |||
. | |||
} | |||
2023年5月15日 (月) 18:58時点における最新版
/* ここに記述したCSSはすべての外装に反映されます */
/*背景の色*/
body { background-color: #8f8; }/*サイドバーとフッターの背景*/
#mw-head { background-color: #cff; }/*ヘッダーの背景*/
.mw-body { background-color: #cfc; background-image: url(back.png); text-color: #060; box-shadow: 5px 5px 6px #030; border-bottom-left-radius: 30px; }/*記事エリアの背景*/
/*見出しのスタイル*/
.mw-body h1, .mw-body h2 { font-family: sans-serif; }
.mw-body h2 { color: #840; }
.mw-body h3 { color: green; }
/*画像の角丸と影*/
.mw-body .image img { background-color: #fff;border-radius: 5px; box-shadow: 5px 5px 6px #080; padding: 5px;}
/*メインページの文字を非表示にする*/
body.page-メインページ.action-view h1.firstHeading, body.page-メインページ.action-submit h1.firstHeading { display: none; }
/*テーブルのスタイル*/
.wikitable Caption { text-align: left; }
.wikitable th { background-color: #afa; border-radius: 5px; }
/*リンクのスタイル*/
a:link { color: #030; }
a:visited { color: #020; }
div#mw-panel div.portal div.body ul li a:link { color: #f0f; }
div#mw-panel div.portal div.body ul li a:visited { color: #a0a; }
/*リンクボタン*/
.link a{ width: 50%; color: #fff; background-color: #090; background-image: none; border: 1px solid black; border-radius: 10px; box-shadow: 5px 5px 6px #050; display: block; padding: 5px; margin-bottom: 10px;}
.link a:link{ color: #fff;}
.link a:hover{text-decoration: none; box-shadow: 5px 5px 6px #050 inset;}
/*目次のスタイル*/
div #toc { box-shadow: 5px 5px 6px #080; }
/*コメント文のスタイル*/
pre { box-shadow: 5px 5px 3px #888 inset; }
.catlinks { display: none; }