「テンプレート:ワザ名帯」の版間の差分

一部ブラウザでグラデーションが逆転するのを修正
(化石ブラウザのための箇所削除&テスト)
(一部ブラウザでグラデーションが逆転するのを修正)
 
1行目: 1行目:
<div style="padding:5px 0px 5px 10px; margin-top: 5px;
<div style="padding:5px 0px 5px 10px; margin-top: 5px;
color:#{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}3 }} | {{{文字色}}} }};
color:#{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}3 }} | {{{文字色}}} }};
background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }}}), color-stop(1, #FFFFFF)
background: -webkit-gradient(linear,left top,right top,color-stop(0, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }}}), color-stop(1, #FFFFFF)
);
);
background-image: -webkit-linear-gradient(right, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }} 0%, #FFFFFF 100%);
background: -webkit-linear-gradient(left, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }} 0%, #FFFFFF 100%);
background-image: linear-gradient(to right, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }} 0%, #FFFFFF 100%);">'''{{{ワザ名}}}'''</div><noinclude>
background: linear-gradient(to right, #{{#if: {{{キャラ|}}} | {{キャラカラー|キャラ={{{キャラ}}}1 }} | {{{背景色}}} }} 0%, #FFFFFF 100%);">'''{{{ワザ名}}}'''</div><noinclude>
ちょっとオシャレなワザ名記載
ちょっとオシャレなワザ名記載
== 例 ==
== 例 ==