fix for CSS chess piece theme not displaying in Firefox

This commit is contained in:
Jesse D. McDonald 2020-04-30 05:00:21 -05:00
parent a157f53cb9
commit a632ab7797
3 changed files with 37 additions and 37 deletions

View File

@ -626,20 +626,20 @@ button:disabled .silhouette {
}
}
img.cb-dk-piece.cb-king { content: url(../svg/Chess_kdt45.svg); }
img.cb-dk-piece.cb-queen { content: url(../svg/Chess_qdt45.svg); }
img.cb-dk-piece.cb-rook { content: url(../svg/Chess_rdt45.svg); }
img.cb-dk-piece.cb-knight { content: url(../svg/Chess_ndt45.svg); }
img.cb-dk-piece.cb-bishop { content: url(../svg/Chess_bdt45.svg); }
img.cb-dk-piece.cb-pawn { content: url(../svg/Chess_pdt45.svg); }
img.cb-lt-piece.cb-king { content: url(../svg/Chess_klt45.svg); }
img.cb-lt-piece.cb-queen { content: url(../svg/Chess_qlt45.svg); }
img.cb-lt-piece.cb-rook { content: url(../svg/Chess_rlt45.svg); }
img.cb-lt-piece.cb-knight { content: url(../svg/Chess_nlt45.svg); }
img.cb-lt-piece.cb-bishop { content: url(../svg/Chess_blt45.svg); }
img.cb-lt-piece.cb-pawn { content: url(../svg/Chess_plt45.svg); }
.cb-dk-piece.cb-king { content: url(../svg/Chess_kdt45.svg); }
.cb-dk-piece.cb-queen { content: url(../svg/Chess_qdt45.svg); }
.cb-dk-piece.cb-rook { content: url(../svg/Chess_rdt45.svg); }
.cb-dk-piece.cb-knight { content: url(../svg/Chess_ndt45.svg); }
.cb-dk-piece.cb-bishop { content: url(../svg/Chess_bdt45.svg); }
.cb-dk-piece.cb-pawn { content: url(../svg/Chess_pdt45.svg); }
.cb-lt-piece.cb-king { content: url(../svg/Chess_klt45.svg); }
.cb-lt-piece.cb-queen { content: url(../svg/Chess_qlt45.svg); }
.cb-lt-piece.cb-rook { content: url(../svg/Chess_rlt45.svg); }
.cb-lt-piece.cb-knight { content: url(../svg/Chess_nlt45.svg); }
.cb-lt-piece.cb-bishop { content: url(../svg/Chess_blt45.svg); }
.cb-lt-piece.cb-pawn { content: url(../svg/Chess_plt45.svg); }
#cb_board.cb-reversed img {
#cb_board.cb-reversed .cb-piece {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

View File

@ -1,15 +1,15 @@
.cb-theme-pacosako img.cb-dk-piece.cb-king { content: url(../../svg/pacosako/kd.svg); }
.cb-theme-pacosako img.cb-dk-piece.cb-queen { content: url(../../svg/pacosako/qd.svg); }
.cb-theme-pacosako img.cb-dk-piece.cb-rook { content: url(../../svg/pacosako/rd.svg); }
.cb-theme-pacosako img.cb-dk-piece.cb-knight { content: url(../../svg/pacosako/nd.svg); }
.cb-theme-pacosako img.cb-dk-piece.cb-bishop { content: url(../../svg/pacosako/bd.svg); }
.cb-theme-pacosako img.cb-dk-piece.cb-pawn { content: url(../../svg/pacosako/pd.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-king { content: url(../../svg/pacosako/kl.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-queen { content: url(../../svg/pacosako/ql.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-rook { content: url(../../svg/pacosako/rl.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-knight { content: url(../../svg/pacosako/nl.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-bishop { content: url(../../svg/pacosako/bl.svg); }
.cb-theme-pacosako img.cb-lt-piece.cb-pawn { content: url(../../svg/pacosako/pl.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-king { content: url(../../svg/pacosako/kd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-queen { content: url(../../svg/pacosako/qd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-rook { content: url(../../svg/pacosako/rd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-knight { content: url(../../svg/pacosako/nd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-bishop { content: url(../../svg/pacosako/bd.svg); }
.cb-theme-pacosako .cb-dk-piece.cb-pawn { content: url(../../svg/pacosako/pd.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-king { content: url(../../svg/pacosako/kl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-queen { content: url(../../svg/pacosako/ql.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-rook { content: url(../../svg/pacosako/rl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-knight { content: url(../../svg/pacosako/nl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-bishop { content: url(../../svg/pacosako/bl.svg); }
.cb-theme-pacosako .cb-lt-piece.cb-pawn { content: url(../../svg/pacosako/pl.svg); }
.cb-theme-pacosako .cb-piece {
position: absolute;

View File

@ -258,18 +258,18 @@
<div id="cb_phantom" class="cb-phantom"></div>
<div id="cb_pieces" style="display: none">
<img id="cb_piece_kd" src="<%=require('./svg/Chess_kdt45.svg')%>" alt="kd" class="cb-piece cb-dk-piece cb-king">
<img id="cb_piece_qd" src="<%=require('./svg/Chess_qdt45.svg')%>" alt="qd" class="cb-piece cb-dk-piece cb-queen">
<img id="cb_piece_rd" src="<%=require('./svg/Chess_rdt45.svg')%>" alt="rd" class="cb-piece cb-dk-piece cb-rook">
<img id="cb_piece_nd" src="<%=require('./svg/Chess_ndt45.svg')%>" alt="nd" class="cb-piece cb-dk-piece cb-knight">
<img id="cb_piece_bd" src="<%=require('./svg/Chess_bdt45.svg')%>" alt="bd" class="cb-piece cb-dk-piece cb-bishop">
<img id="cb_piece_pd" src="<%=require('./svg/Chess_pdt45.svg')%>" alt="pd" class="cb-piece cb-dk-piece cb-pawn">
<img id="cb_piece_kl" src="<%=require('./svg/Chess_klt45.svg')%>" alt="kl" class="cb-piece cb-lt-piece cb-king">
<img id="cb_piece_ql" src="<%=require('./svg/Chess_qlt45.svg')%>" alt="ql" class="cb-piece cb-lt-piece cb-queen">
<img id="cb_piece_rl" src="<%=require('./svg/Chess_rlt45.svg')%>" alt="rl" class="cb-piece cb-lt-piece cb-rook">
<img id="cb_piece_nl" src="<%=require('./svg/Chess_nlt45.svg')%>" alt="nl" class="cb-piece cb-lt-piece cb-knight">
<img id="cb_piece_bl" src="<%=require('./svg/Chess_blt45.svg')%>" alt="bl" class="cb-piece cb-lt-piece cb-bishop">
<img id="cb_piece_pl" src="<%=require('./svg/Chess_plt45.svg')%>" alt="pl" class="cb-piece cb-lt-piece cb-pawn">
<div id="cb_piece_kd" class="cb-piece cb-dk-piece cb-king" ><img src="<%=require('./svg/Chess_kdt45.svg')%>" alt="kd"></div>
<div id="cb_piece_qd" class="cb-piece cb-dk-piece cb-queen" ><img src="<%=require('./svg/Chess_qdt45.svg')%>" alt="qd"></div>
<div id="cb_piece_rd" class="cb-piece cb-dk-piece cb-rook" ><img src="<%=require('./svg/Chess_rdt45.svg')%>" alt="rd"></div>
<div id="cb_piece_nd" class="cb-piece cb-dk-piece cb-knight" ><img src="<%=require('./svg/Chess_ndt45.svg')%>" alt="nd"></div>
<div id="cb_piece_bd" class="cb-piece cb-dk-piece cb-bishop" ><img src="<%=require('./svg/Chess_bdt45.svg')%>" alt="bd"></div>
<div id="cb_piece_pd" class="cb-piece cb-dk-piece cb-pawn" ><img src="<%=require('./svg/Chess_pdt45.svg')%>" alt="pd"></div>
<div id="cb_piece_kl" class="cb-piece cb-lt-piece cb-king" ><img src="<%=require('./svg/Chess_klt45.svg')%>" alt="kl"></div>
<div id="cb_piece_ql" class="cb-piece cb-lt-piece cb-queen" ><img src="<%=require('./svg/Chess_qlt45.svg')%>" alt="ql"></div>
<div id="cb_piece_rl" class="cb-piece cb-lt-piece cb-rook" ><img src="<%=require('./svg/Chess_rlt45.svg')%>" alt="rl"></div>
<div id="cb_piece_nl" class="cb-piece cb-lt-piece cb-knight" ><img src="<%=require('./svg/Chess_nlt45.svg')%>" alt="nl"></div>
<div id="cb_piece_bl" class="cb-piece cb-lt-piece cb-bishop" ><img src="<%=require('./svg/Chess_blt45.svg')%>" alt="bl"></div>
<div id="cb_piece_pl" class="cb-piece cb-lt-piece cb-pawn" ><img src="<%=require('./svg/Chess_plt45.svg')%>" alt="pl"></div>
</div>
</div>
</div>