body {
background-image: url(../../back/water/7.jpg);
background-size: cover;
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;
margin: 0px;
padding: 0px;
}
.bship {
margin: 0 10px;
}
#bomber {
z-index: 1;
}
.bship .logo {
display: table;
margin: auto;
width: 40%;
}
.instruct .text {
max-width: 700px;
}
.bship table {
border-collapse: separate;
border-spacing: 1px;
}
.bship .battleship {
position: absolute;
top: 255px;
left: -333px;
z-index: 0;
width: 46%;
}
.bship .battleship2 {
position: absolute;
top: 465px;
left: -312px;
z-index: 0;
width: 46%;
}
.bship .tableframe {
background-color: #8594A7;
opacity: 0.9;
color: #000;
border-radius: 10px;
margin: auto;
max-width: 641px;
}
.bship .open-inst {
top: 6px;
color: #364550;
font-size: 26px;
}
.bship .game-btn, .bship .open-inst {
float: right;
}
.bship .game-btn {
background-color: #435b6b;
margin-right: 5px;
color: #fff;
border: 5px double #000;
border-radius: 5px;
text-transform: uppercase;
font-size: 12px;
}
.bship .scores {
width: 100%;
max-width: 280px;
background-color: #283b4a;
color: #fff;
margin-top: 135px;
padding: 2px 0px 0 0px;
border-radius: 5px;
text-transform: uppercase;
opacity: 0.8;
border-spacing: 0;
}
.bship .you, .bship .cpu {
color: #000;
}
.bship .you {
background-color: #e0dada;
}
.bship .cpu {
background-color: #a6a6af;
}
.bship .scores td {
font-size: 16px;
text-align: center;
}
.bship .ships {
text-align: left;
font-weight: bold;
}
.bship .Son {
color:#000;
}
.bship .Soff {
color:#e8dede;
}
.bship .cfleet {
border: 2px dashed #fbb381;
}
.bship .yfleet {
border: dashed 2px #73ff73;
}
.bship .cfleet td {
border: 1px solid #000;
}
.bship .yfleet td {
border: 1px solid #000;
}
.bship #banner {
width: 60%;
margin: 0px auto 0px auto;
padding: 5px;
font-size: 18px;
text-align: center;
border-radius: 5px;
opacity: 0.8;
}
.bship .myships:first-of-type {
margin-top: 5px;
}
.bship .myships {
display: block;
position: relative;
margin-bottom: 5px;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bship .myships img {
width: 20px;
height: 20px;
top: -1px;
position: relative;
}
.bship .myships:hover {
background-color: #74b7c1;
}
.bship .myships input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.bship .checkmark {
position: absolute;
top: 1px;
left: 0;
height: 15px;
width: 15px;
background-color: #ccc;
border-radius: 10px;
}
.bship .myships:hover input ~ .checkmark {
background-color: #fff;
}
.bship .myships input:checked ~ .checkmark {
background-color: #4a6071;
}
.bship .score-board {
background-color: #cdd1ef;
max-width: 641px;
margin: 25px auto;
color: #000;
font-size: 16px;
text-transform: none;
border: 15px dashed #8594A7;
border-radius: 15px;
opacity: 0.9;
}
.bship .score-board h2 {
background-color: #8594A7;
text-align: center;
text-transform: uppercase;
font-size: 20px;
margin: 0;
color: #fff;
padding: 7px 0 3px 0;
}
.bship .score-board h2:first-of-type {
margin: 0 0 -1px 0;
padding-top: 7px;
box-shadow: inset 0 0 30px #000000;
}
.bship .score-board table {
width: 100%;
box-shadow: inset 0 0 30px #000000;
}
.bship .table-striped>tbody>tr:nth-child(odd)>td, .bshipb.table-striped>tbody>tr:nth-child(odd)>th {
background-color: #fff;
}
.bship .table-striped {
border-collapse: collapse;
margin-bottom: 0;
}