diff --git a/index.html b/index.html index 4b58b65..b42a98d 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,25 @@ + +
+
+
+
+
+
+
+
+ + +
diff --git a/src/css/main.css b/src/css/main.css new file mode 100644 index 0000000..14070a3 --- /dev/null +++ b/src/css/main.css @@ -0,0 +1,2 @@ +@import '/node_modules/normalize.css/normalize.css'; +@import './run.css'; \ No newline at end of file diff --git a/src/css/run.css b/src/css/run.css new file mode 100644 index 0000000..afc76a8 --- /dev/null +++ b/src/css/run.css @@ -0,0 +1,103 @@ +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + overflow: hidden; +} + +html, body, div, span, p, li, ul { + margin: 0; + padding: 0; +} + +body { + font-family: "Open Sans", sans-serif; + font-size: 18px; + line-height: 1.5; +} + +#background, #background1, #background2 { + width: 100%; + height: 100%; + background: black; + overflow: hidden; + position: relative; + background-attachment: fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} + +#window { + position: absolute; + bottom: 0px; + width: 100%; + min-height: 20%; + background-color: rgba(0, 0, 0, 0.5); +} + +#textAuthor { + margin: 5px 0 10px 20px; + color: white; +} + +#textContent { + color: #DEC88C; + margin: 0 10px; +} + +.sprite { + position: absolute; + bottom: 0px; +} + +#menu { + position: absolute; + width: 100%; + height: 100%; + top: 0; + text-align: center; + background-color: rgba(0, 0, 0, 0.5); + padding: 10px; + color: white; +} +#menuTitle { + font-size: 120%; + margin: 16px 0; +} +#menuChoose { + list-style: none; + width: 70%; + margin: 0 auto; + color: #eee; +} +#menuChoose li { + display: block; + background-color: rgba(0, 0, 0, 0.5); + padding: 5px; + margin: 5px 10px; +} +#menuChoose li:hover { + background-color: rgba(200, 200, 200, 0.5); + cursor: pointer; + color: #fff; +} + +#mainMenuButton { + position: absolute; + top: 20px; + left: 20px; + width: 48px; + height: 48px; + background: url(../images/menu.png) no-repeat center center; + opacity: 0.25; + -moz-opacity: 0.25; + -khtml-opacity: 0.25; +} +#mainMenuButton:hover { + opacity: 1; + -moz-opacity: 1; + -khtml-opacity: 1; +} \ No newline at end of file diff --git a/src/images/menu.png b/src/images/menu.png new file mode 100644 index 0000000..71d9994 Binary files /dev/null and b/src/images/menu.png differ