making sure cursors and css are good in the main site

2 files changed, 130 insertions, 0 deletions

diff --git a/static/site.css b/static/site.css
new file mode 100644
index 0000000..7f4a733
--- /dev/null
+++ b/static/site.css
@@ -0,0 +1,129 @@
+
+* { box-sizing: border-box; }
+html, body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+body {
+  background: #000;
+  color: #ddd;
+  overflow: hidden;
+  font-family: 'Roboto', sans-serif;
+  font-size: 0.875rem;
+  height: 100%;
+  width: 100%;
+}
+.gray {
+  color: #888;
+}
+
+/* layout */
+
+.container {
+  height: 100%;
+  width: 100%;
+}
+.app {
+  /*display: flex;*/
+  height: 100%;
+  width: 100%;
+}
+.app > div {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+.app .body {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.row > div {
+  margin-right: 1.5rem;
+}
+.row > div:last-child {
+  margin-right: 0;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Bold.ttf') format('truetype');
+  font-weight: bold;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-BoldItalic.ttf') format('truetype');
+  font-weight: bold;
+  font-style: italic;
+}
+/*
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Light.ttf') format('truetype');
+  font-weight: 100;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-LightItalic.ttf') format('truetype');
+  font-weight: 100;
+}
+*/
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Medium.ttf') format('truetype');
+  font-weight: 300;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-MediumItalic.ttf') format('truetype');
+  font-style: italic;
+  font-weight: 300;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Regular.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Italic.ttf') format('truetype');
+  font-style: italic;
+}
+/*
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-Thin.ttf') format('truetype');
+  font-weight: 100;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('SITE_PATH/static/fonts/Roboto-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+}
+*/
+
+
+.tile.hand_up {
+  cursor: url(SITE_PATH/static/img/hand_up.png) 40 10, pointer;
+}
+.tile.hand_right {
+  cursor: url(SITE_PATH/static/img/hand_right.png) 90 40, pointer;
+}
+.tile.hand_down {
+  cursor: url(SITE_PATH/static/img/hand_down.png) 60 90, pointer;
+}
+.tile.hand_left {
+  cursor: url(SITE_PATH/static/img/hand_left.png) 10 60, pointer;
+}
diff --git a/static/site.html b/static/site.html
index 18bd0d0..e19847b 100644
--- a/static/site.html
+++ b/static/site.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <title>PAGE_TITLE</title>
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="stylesheet" type="text/css" href="SITE_PATH/site.css" />
   <style>
     html { background: #000; }
   </style>