krzysiej/jaipur-score
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Prezentacja bonusowych żetonów zdobytych przez graczy - pierwsza wersja.

Browse Source
This commit is contained in:
kplaczek
2017-08-16 21:35:49 +02:00
parent e43d31b3e1
commit d23944584d
5 changed files with 114 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
css/style.css
View File

@@ -10,9 +10,11 @@
.group .coin:first-child {
margin: 5px 0vh 5px 0vh;
}
.group .coin.blank {
opacity: 0.7;
}
.group .coin.blank.selected {
opacity: 1;
}
@@ -139,22 +141,22 @@
display: none;
}
.acceptcontainer .bonus.bonus5 {
background-image: url(../bonus5.svg);
}
.acceptcontainer .bonus.bonus4 {
background-image: url(../bonus4.svg);
}
.acceptcontainer .bonus.bonus3 {
background-image: url(../bonus3.svg);
}
.accept.on {
visibility: visible;
}
.accept.label {
}
@@ -200,7 +202,7 @@
left: 5vw;
box-shadow: 0 0 207px #0000027F;
border: 3px solid #ccc;
display: none;
/*display: none;*/
}
/* PLAYERS END */
@@ -253,4 +255,66 @@
display: flex;
}
/* SCORE TABLE END */
.bonus_section {
display: flex;
justify-content: center;
}
.player1_bonus {
text-align: right;
}
.player2_bonus {
}
.bonus_section span:first-child {
margin: 1vh 0 1vh 1vw;
}
.bonus_section span {
height: 5vh;
width: 5vh;
display: inline-block;
margin: 1vh 0 1vh -3vw;
border-radius: 50%;
border: 1px solid dodgerblue;
background: no-repeat #fff center center / 60% 60%;
/*display: none;*/
}
.bonus_section .bonus3 span {
background-image: url(../bonus3.svg);
}
.bonus_section .bonus4 span {
background-image: url(../bonus4.svg);
}
.bonus_section .bonus5 span {
background-image: url(../bonus5.svg);
}
/* SCORE TABLE END */
/*.acceptcontainer .bonus {*/
/*height: 5vh;*/
/*width: 5vh;*/
/*display: inline-block;*/
/*margin: 0;*/
/*border-radius: 50%;*/
/*border: 1px solid dodgerblue;*/
/*background: no-repeat #fff center center / 60% 60%;*/
/*display: none;*/
/*}*/
/*.acceptcontainer .bonus.bonus5 {*/
/*background-image: url(../bonus5.svg);*/
/*}*/
/*.acceptcontainer .bonus.bonus4 {*/
/*background-image: url(../bonus4.svg);*/
/*}*/
/*.acceptcontainer .bonus.bonus3 {*/
/*background-image: url(../bonus3.svg);*/
/*}*/