|
|
|
@ -47,12 +47,21 @@ h1 {
|
|
|
|
|
background: lightgrey;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.game-board {
|
|
|
|
|
margin-top: 18%;
|
|
|
|
|
.game-board44 {
|
|
|
|
|
margin-top: -16%;
|
|
|
|
|
height: auto;
|
|
|
|
|
width: auto;
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.game-board {
|
|
|
|
|
margin-top: 1%;
|
|
|
|
|
margin-left: 13%;
|
|
|
|
|
height: 700px;
|
|
|
|
|
width: 800px;
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.game-board0 {
|
|
|
|
|
margin-top: 30%;
|
|
|
|
@ -98,8 +107,8 @@ h1 {
|
|
|
|
|
.diamond.lightblue.stripped {
|
|
|
|
|
transform: rotate(-67deg) skewX(-45deg) scaleY( 0.40);
|
|
|
|
|
width: 38px;
|
|
|
|
|
background: repeating-linear-gradient(25deg, lightblue, lightblue 8px, white 8px, white 15px);
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
background: repeating-linear-gradient(25deg, #6495ED, #6495ED 8px, white 8px, white 15px);
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
}
|
|
|
|
|
.diamond.yellow.stripped {
|
|
|
|
|
transform: rotate(-67deg) skewX(-45deg) scaleY( 0.40);
|
|
|
|
@ -136,7 +145,7 @@ h1 {
|
|
|
|
|
.diamond.lightblue.stripped.rond{
|
|
|
|
|
transform: rotate(-67deg) skewX(-45deg) scaleY( 0.40);
|
|
|
|
|
width: 38px;
|
|
|
|
|
background: repeating-linear-gradient(25deg, lightblue, lightblue 6px, white 7px, white 14px);
|
|
|
|
|
background: repeating-linear-gradient(25deg, #6495ED, #6495ED 6px, white 7px, white 14px);
|
|
|
|
|
border: 7px dotted black;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@ -184,7 +193,7 @@ h1 {
|
|
|
|
|
.diamond.lightblue.stripped.point{
|
|
|
|
|
transform: rotate(-67deg) skewX(-45deg) scaleY( 0.40);
|
|
|
|
|
width: 38px;
|
|
|
|
|
background: repeating-linear-gradient(25deg, lightblue, lightblue 6px, white 7px, white 14px);
|
|
|
|
|
background: repeating-linear-gradient(25deg, #6495ED, #6495ED 6px, white 7px, white 14px);
|
|
|
|
|
border: 4px dashed black;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@ -231,7 +240,7 @@ h1 {
|
|
|
|
|
}
|
|
|
|
|
.diamond.solid.lightblue.point{
|
|
|
|
|
border-style: dashed;
|
|
|
|
|
border-color: lightblue;
|
|
|
|
|
border-color: #6495ED;
|
|
|
|
|
}
|
|
|
|
|
.diamond.solid.purple.point{
|
|
|
|
|
border-style: dashed;
|
|
|
|
@ -273,13 +282,13 @@ h1 {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.diamond.lightblue.quadrillage{
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
background-color: #6495ED;
|
|
|
|
|
background-image:
|
|
|
|
|
linear-gradient(-35deg, white 25%, transparent 25%, transparent 75%, white 75%),
|
|
|
|
|
linear-gradient(-35deg, white 25%, transparent 25%, transparent 75%, white 75%);
|
|
|
|
|
background-size: 20px 19px;
|
|
|
|
|
background-position: 0 0, 10px 10px;
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
}
|
|
|
|
|
.diamond.purple.quadrillage{
|
|
|
|
|
background-color: purple;
|
|
|
|
@ -394,12 +403,12 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
border: 2px solid saddlebrown;
|
|
|
|
|
}
|
|
|
|
|
.lightblue.pointille{
|
|
|
|
|
background-image: radial-gradient(lightblue 40%, #F5F5F5 40%),
|
|
|
|
|
radial-gradient(lightblue 20%, #F5F5F5 20%),
|
|
|
|
|
background-image: radial-gradient(#6495ED 40%, #F5F5F5 40%),
|
|
|
|
|
radial-gradient(#6495ED 20%, #F5F5F5 20%),
|
|
|
|
|
radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
background-position: 0 0, 1px 1px;
|
|
|
|
|
background-size: 15px 15px;
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@ -449,13 +458,13 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightblue.quadrillage{
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
background-color: #6495ED;
|
|
|
|
|
background-image:
|
|
|
|
|
linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%),
|
|
|
|
|
linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%);
|
|
|
|
|
background-size: 15px 15px;
|
|
|
|
|
background-position: 0 0, 8px 8px;
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
}
|
|
|
|
|
.purple.quadrillage{
|
|
|
|
|
background-color: purple;
|
|
|
|
@ -482,7 +491,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
.lightblue.rond.open {
|
|
|
|
|
border-style: dotted;
|
|
|
|
|
border-color: lightblue;
|
|
|
|
|
border-color: #6495ED;
|
|
|
|
|
border-width: 7px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -523,7 +532,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
.lightblue.point.open{
|
|
|
|
|
border-style: dashed;
|
|
|
|
|
border-color: lightblue;
|
|
|
|
|
border-color: #6495ED;
|
|
|
|
|
}
|
|
|
|
|
.purple.point.open{
|
|
|
|
|
border-style: dashed;
|
|
|
|
@ -550,7 +559,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.lightblue.solid {
|
|
|
|
|
background: lightblue;
|
|
|
|
|
background: #6495ED;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.red.solid {
|
|
|
|
@ -644,7 +653,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightblue.open {
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.yellow.open {
|
|
|
|
@ -666,8 +675,8 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightblue.stripped{
|
|
|
|
|
background: repeating-linear-gradient(-45deg, lightblue, lightblue 5px, white 5px, white 10px);
|
|
|
|
|
border: 2px solid lightblue;
|
|
|
|
|
background: repeating-linear-gradient(-45deg, #6495ED, #6495ED 5px, white 5px, white 10px);
|
|
|
|
|
border: 2px solid #6495ED;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -706,7 +715,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightblue.stripped.rond{
|
|
|
|
|
background: repeating-linear-gradient(-45deg, lightblue, lightblue 5px, white 5px, white 10px);
|
|
|
|
|
background: repeating-linear-gradient(-45deg, #6495ED, #6495ED 5px, white 5px, white 10px);
|
|
|
|
|
border: 7px dotted black;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@ -744,7 +753,7 @@ radial-gradient(#fafafa 10%, transparent 10%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.lightblue.stripped.point{
|
|
|
|
|
background: repeating-linear-gradient(-45deg, lightblue, lightblue 5px, white 5px, white 10px);
|
|
|
|
|
background: repeating-linear-gradient(-45deg, #6495ED, #6495ED 5px, white 5px, white 10px);
|
|
|
|
|
border: 2px dashed black;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|