Initial commit.

1 files changed, 203 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..caecb89
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,203 @@
+html {
+        position: relative;
+        min-height: 100%;
+}
+
+body {
+        margin-bottom: 60px;
+}
+
+a {
+        color: #3083D6;
+}
+
+/* navbar */
+
+.navbar-default {
+	background-color: #3083D6 ;
+	border-color: #3083D6 ;
+	background: #3083D6 ;
+	box-shadow:3px 0px 10px;
+}
+
+.navbar-default .navbar-brand {
+	color: white;
+}
+
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+}
+
+.navbar-default .navbar-nav > li > a { 
+	color: white;
+}
+
+textarea { height: auto; }
+
+/* footer */
+/*
+.footer {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+        border-color: #3083D6 ;
+	background-color: #3083D6 ;
+	background: #3083D6 ;
+        color: white ;
+}
+.footer-div {
+	padding-top: 10%;
+}
+.footer-a: {
+        color: white;
+}
+.footer-a:link,
+.footer-a:hover,
+.footer-a:visited,
+.footer-a:active {
+	color: white;
+	text-decoration: underline;
+}
+.footer > .container {
+        padding-left: 0;
+}
+.sticky-footer {
+        margin: 10px 0;
+        margin-left: 0;
+}
+*/
+/*
+ * Base structure
+ */
+
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+  padding-top: 50px;
+}
+
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+/*
+ * Top navigation
+ * Hide default border to remove 1px line.
+ */
+.navbar-fixed-top {
+  border: 0;
+}
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+  display: none;
+  box-shadow:0 0 10px;
+}
+@media (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 51px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    display: block;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+  }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+  margin-right: -21px; /* 20px padding + 1px border */
+  margin-bottom: 20px;
+  margin-left: -20px;
+}
+.nav-sidebar > li > a {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+.nav-sidebar > .active > a,
+.nav-sidebar > .active > a:hover,
+.nav-sidebar > .active > a:focus {
+  color: #fff;
+  background-color: #428bca;
+}
+
+
+/*
+ * Main content
+ */
+
+.main {
+  padding: 20px;
+}
+@media (min-width: 768px) {
+  .main {
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+}
+.main .page-header {
+  margin-top: 0;
+}
+
+.number {
+  background: #3083D6;
+  border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  -webkit-border-radius: 0.8em;
+  color: #fff;
+  display: inline-block;
+  font-weight: bold;
+  line-height: 1.6em;
+  margin-right: 15px;
+  text-align: center;
+  width: 1.6em;
+  box-shadow:0 0 10px white;
+}
+
+.float-left { 
+  float:left;
+  display:inline;   
+  margin-right:5px;
+}
+
+.float-left .floater {
+    line-height:--px;
+}
+
+.material-blue {
+  background: #304ffe;
+}
+
+.grey {
+	background: #eee;
+}
+.grey-shadow {
+  box-shadow:0 0 10px #E0E0E0;
+  /*background: #EEEEEE;*/
+}
+
+.playcard {
+	margin-top:20px;
+	padding: 10px;
+	background-color: #fff;
+	/*box-shadow: 0 0 10px;*/
+	margin-bottom: 20px;
+	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	border-radius: 2px;
+	border: 0;
+}