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

提供: 蟻塚鯖Wiki
ナビゲーションに移動 検索に移動
ページの作成:「→‎ここに記述した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; }