InitHEADmain

1 files changed, 73 insertions, 0 deletions

diff --git a/Homework/cs5410/bbiy/styles/style.css b/Homework/cs5410/bbiy/styles/style.css
new file mode 100644
index 0000000..9f0dc5c
--- /dev/null
+++ b/Homework/cs5410/bbiy/styles/style.css
@@ -0,0 +1,73 @@
+body {
+  margin: 0;
+  font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;
+  background-image: url("/assets/image/background.gif");
+  background-size: cover;
+  image-rendering: pixelated;
+}
+
+.canvas-holder {
+  padding-top: 4vh;
+  padding-bottom: 4vh;
+}
+.canvas-holder canvas {
+  padding: 0;
+  margin: auto;
+  display: block;
+  height: 90vh;
+  width: auto;
+  border: 3px solid grey;
+  border-radius: 5px;
+  max-width: 100%;
+  background-color: rgba(0, 0, 25, 0.9);
+}
+
+.game-hud {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -5px);
+  z-index: 1;
+
+  background-color: rgba(255,255,255,0.5);
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 3px;
+  border: 1px solid white;
+  border-radius: 5px;
+}
+
+.game-hud p {
+  margin: 0;
+  padding: 0;
+  font-size: 3vh;
+  text-align: center;
+}
+
+.menu {
+  text-align:center;
+  max-width: 400px;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  position:absolute;
+
+  background-color: rgba(200,200,255,0.90);
+  border: 1px solid #fff;
+  border-radius: 5px;
+  padding: 12px;
+  min-width: 400px;
+}
+
+.menu-button {
+  background-color: #fff;
+  border-radius: 5px;
+  padding: 12px;
+  margin-bottom: 8px;
+  cursor: pointer;
+}
+
+.menu-button:hover {
+  background-color: #d0d0d0;
+}
\ No newline at end of file