MediaWiki:Common.css
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
/* ここに記述した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 img { border-radius: 5px; box-shadow: 5px 5px 6px #080; }
/*メインページの文字を非表示にする*/
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; }
/*ヘッダーエリアのスタイル*/
#p-views li span { background-color: #ffe; }
#p-views .selected span { background-color: #ffc; }
#p-namespaces li span { background-color: #ffe; }
#p-namespaces .selected span { background-color: #ffc; }
#p-personal { background-color: #fff; border-radius: 10px; }/*右上パーソナルエリアのスタイル*/
/*リンクのスタイル*/
a:link { color: #030; }
a:visited { color: #800; }
div#mw-panel div.portal div.body ul li a:link { color: #600; }
div#mw-panel div.portal div.body ul li a:visited { color: #800; }
/*目次のスタイル*/
div #toc { box-shadow: 5px 5px 6px #080; }
/*コメント文のスタイル*/
pre { box-shadow: 5px 5px 3px #888 inset; }
/*スライドショー*/
.slideshow { height: 800px; margin: 30px auto; position: relative; width: 1000px; }
.slideshow img { animation: show 28s infinite; height: auto; opacity: 0; position: absolute; }
@keyframes show { 0% {opacity:0} 5% {opacity:1} 10% {opacity:1} 20% {opacity:0} }
.slideshow .show1 img { animation-delay: 0s; }
.slideshow .show2 img { animation-delay: 4s; }
.slideshow .show3 img { animation-delay: 8s; }
.slideshow .show4 img { animation-delay: 12s; }
.slideshow .show5 img { animation-delay: 16s; }
.slideshow .show6 img { animation-delay: 20s; }
.slideshow .show7 img { animation-delay: 24s; }
.slideshow img { transition: 0.2s; -webkit-transition: 0.2s; }
/*左上ロゴ横回転*/
.mw-wiki-logo { animation: logo 5s infinite; }
@keyframes logo {
0% {transform: perspective(400px) rotateY(0deg) }
100% {transform: perspective(400px) rotateY(360deg) }
}
.catlinks { display: none; }