Sky (Brackets) - Tic Tac Toe

build/css/app.css

@@ -0,0 +1,122 @@
+
+body {
+  background-color: #1B2321;
+  color: black;
+  font-family: 'Shadows Into Light', cursive;
+}
+
+h1 {
+  font-size: 9vw;
+  text-align: center;
+  color: white;
+  font-family: 'Shadows Into Light', cursive;
+  margin-top: 2%;
+  margin-left: 1%;
+}
+
+h3, h2 {
+  font-family: 'Shadows Into Light', cursive;
+  color: white;
+}
+
+#gameboard-view {
+  width: 35%;
+  text-align: center;
+}
+
+#player-view {
+  border: 1px solid white;
+  width: 24vw;
+  padding: 1%;
+  border-radius: 15px;
+  margin: 1%;
+}
+
+#message-box {
+  color: black;
+  background-color: transparent;
+  border-radius: 15px;
+  padding: 4%;
+  margin-top: 4%;
+}
+
+#gameboard-view-box {
+  border: 0 3% 10% 4%;
+}
+
+#all-game-view {
+  padding: 0 3% 3% 9%;
+}
+
+table#gameboard-view {
+  table-layout: fixed;
+  border-collapse: collapse;
+  border-style: hidden;
+}
+
+table#gameboard-view tr:nth-of-type(even) {
+  background-color: transparent !important;
+}
+
+table#gameboard-view td.value-cell {
+  border: 1px solid black;
+  font-size: 6vw;
+  width: 12vw;
+  height: 12vw;
+  padding: 0;
+  border-radius: 15px;
+}
+
+table#all-games th {
+  background-color: #1B2321;
+  font-size: 110%;
+}
+
+table#all-games td {
+  background-color: #1B2321;
+  width: 17vw;
+  padding: 0;
+}
+
+table#all-games {
+  color: white;
+  width: 17vw;
+  /*font-size: 140%;*/
+  text-align: center;
+
+}
+
+.button {
+  border-radius: 15px;
+  font-size: 150%;
+  /*font-size: 25px;*/
+}
+
+.delete-button {
+  border-radius: 15px;
+  font-size: 70%;
+  margin-right: 1%;
+}
+
+.inline {
+  display: inline;
+}
+
+.x-show {
+  display: inline;
+}
+
+.o-show {
+  display: none;
+}
+
+.start-game-button {
+  margin-left: 31%;
+  font-size: 3vw;
+}
+
+#main-area {
+  /*margin-left: 16%;*/
+  margin-left: 2%;
+  padding-top: 3%;
+}