「MediaWiki:Common.css」の版間の差分

提供: MOSAIC -PANEKIT site-
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
 
44行目: 44行目:
100% {transform: perspective(400px) rotateX(360deg); opacity:1 }
100% {transform: perspective(400px) rotateX(360deg); opacity:1 }
}
}
#model b {display: block; text-decoration: none; line-height: 1.2em;}
#model b {display: inlineblock; text-decoration: none; line-height: 1.2em;}
#auto {background-color: #ccc;}
#auto {background-color: #ccc;}
#air {background-color: #faa;}
#air {background-color: #faa;}

2023年6月2日 (金) 00:07時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */
/*背景の色*/
body { background-color: #fc0; }/*サイドバーとフッターの背景*/
#mw-head { background-color: #ff0; }/*ヘッダーの背景*/
.mw-body { background-color: #ffc; text-color: #060; box-shadow: 5px 5px 6px #330; border-bottom-left-radius: 30px; }/*記事エリアの背景*/
/*見出しのスタイル*/
.mw-body h1, .mw-body h2 { font-family: sans-serif; }
.mw-body h2 { color: #f00; background-color: #ff0; border-left:5px solid #fc0; border-bottom:1px solid #000; }
.mw-body h3 { color: green; }
/*リンクのスタイル*/
a:link { color: #f00; }
a:visited { color: #a00; }
div#mw-panel div.portal div.body ul li a:link { color: #800; }
div#mw-panel div.portal div.body ul li a:visited { color: #800; }
div#mw-panel div.portal div.body ul li a:hover { background-color: #ff0; }

/*メインページの文字を非表示にする*/
body.page-メインページ.action-view h1.firstHeading, body.page-メインページ.action-submit h1.firstHeading { display: none; }

/*左上ロゴ回転*/
.mw-wiki-logo { animation: logo 5s infinite; }
@keyframes logo {
0% {transform: perspective(400px) rotateX(0deg) }
100% {transform: perspective(400px) rotateX(360deg) }
}

/*リンクボタン*/
.link a{ width: 50%; color: #008; background-color: #fc0; background-image: none; border: 1px solid black; border-radius: 10px; box-shadow: 5px 5px 6px #860; display: block; padding: 5px; margin-bottom: 10px;}
.link a:link{ color: #000;}
.link a:hover{text-decoration: none; box-shadow: 5px 5px 6px #860 inset;}

/*メインページスタイル*/
#model div {margin: 2px; text-align: center; text-decoration: none;display: block; width: 12em; box-shadow: 5px 5px 6px #333; padding: 2px 20px; border-radius: 30px;}
#model div b {display: none;}
#model div img {padding: 0; margin: 2px auto; border-radius: 0; box-shadow: none; animation: cbana 5s infinite;}
@keyframes cbana {
0% {transform: perspective(400px) rotateX(0deg) }
100% {transform: perspective(400px) rotateX(360deg) }
}
#model div:hover b {border: none; animation: cbanat 1s 1; display: block;}
#model a:hover {text-decoration: none; }
@keyframes cbanat {
0% {transform: perspective(400px) rotateX(0deg); opacity:0 }
100% {transform: perspective(400px) rotateX(360deg); opacity:1 }
}
#model b {display: inlineblock; text-decoration: none; line-height: 1.2em;}
#auto {background-color: #ccc;}
#air {background-color: #faa;}
#aqua {background-color: #0ff;}
#etc {background-color: #8f8;}
#auto b {color : #000;}
#air b {color : #d00;}
#aqua b {color : #008;}
#etc b {color : #070;}


/*パネキット漢字検索テーブル*/
.pktable {text-align:center;}
.pktable caption {color: #f00; font-weight: bolder;}
.pktable th{color: #fff; background-color: #fa0; width: 1.3em; height :1.3em;}
.pktable tr{color: #aaa; background-color: #fff;}
.pktable tr b{color: #fff; background-color: #f00; display:block;}

.catlinks { display: none; }