diff --git a/assets/css/style.css b/assets/css/style.css index a3abf24..dd3ddba 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -3,6 +3,7 @@ body{ padding: 0; font-family: sans-serif; background: #232323; + user-select: none; } .header{ @@ -17,57 +18,32 @@ body{ color: #fff; } +.container{ + max-width: 1140px; + margin: auto; +} + .map{ - width: 1170px; - height: 460px; - border: solid 3px #000; + text-align: center; background: url(../img/bg_sand.png) repeat; - position: absolute; - left: 0; - right: 0; - margin-left: auto; - margin-right: auto; - overflow: hidden; + display: inline-block; + padding-top: 7px; + padding-bottom: 3px; } -.tank1{ - height: 36px; - width: 70px; - background: url(../img/tank_green.png) no-repeat; - position: absolute; - border: solid 1px red; +.line{ + display: inline-block; } -.tank2{ - height: 36px; - width: 70px; - background: url(../img/tank_orange.png) no-repeat; - position: absolute; - left: 50px; - top: 100px; - display: none; -} - -.bullet{ - height: 6px; - width: 6px; - background: #fff; - position: absolute; - left: 70px; - top: 15px; -} - - -.directionLeft{ - transform: rotate(180deg); -} -.directionRight{ - transform: rotate(0deg); -} -.directionUp{ - transform: rotate(-90deg); -} -.directionDown{ - transform: rotate(90deg); +.col{ + height: 50px; + width: 50px; + border: solid 0px #000; + display: inline-block; + } +.line-3 > .col-12{ + background: url(../img/tank_bg.png) no-repeat; + background-position: 0px 0px; +} \ No newline at end of file diff --git a/assets/img/tank_bg.png b/assets/img/tank_bg.png new file mode 100644 index 0000000..8623594 Binary files /dev/null and b/assets/img/tank_bg.png differ diff --git a/index.html b/index.html index 3fd9d64..09953ef 100644 --- a/index.html +++ b/index.html @@ -1,20 +1,241 @@ + de_tank + -
-

de_tank

-
-
-
-
+
+

de_tank

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- \ No newline at end of file + +