「MediaWiki:Vector.css」の版間の差分
ナビゲーションに移動
検索に移動
ページの作成:「→ここに記述したCSSは、Vectorスキンの利用者全てに読み込まれます: →スライドショー: .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: 4…」 |
編集の要約なし |
||
| 1行目: | 1行目: | ||
/* ここに記述したCSSは、Vectorスキンの利用者全てに読み込まれます */ | /* ここに記述したCSSは、Vectorスキンの利用者全てに読み込まれます */ | ||
/*ヘッダーエリアのスタイル*/ | |||
#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; }/*右上パーソナルエリアのスタイル*/ | |||
/*スライドショー*/ | /*スライドショー*/ | ||
.slideshow { height: 800px; margin: 30px auto; position: relative; width: 1000px; } | .slideshow { height: 800px; margin: 30px auto; position: relative; width: 1000px; } | ||
2023年5月15日 (月) 16:59時点における最新版
/* ここに記述したCSSは、Vectorスキンの利用者全てに読み込まれます */
/*ヘッダーエリアのスタイル*/
#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; }/*右上パーソナルエリアのスタイル*/
/*スライドショー*/
.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; }