game

html/index.html

@@ -3,7 +3,95 @@
     <title>TWSG Lobby</title>
     <div>
 </head>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+        }
+
+        #instructionDiv {
+            margin-bottom: 20px;
+        }
+        #Game_states input[type="radio"] {
+            margin-right: 10px;
+        }
+        #Game_states label {
+            margin-right: 20px;
+        }
+        #Lobby input[type="radio"] {
+            margin-right: 10px;
+        }
+        #Lobby label {
+            margin-right: 20px;
+        }
+        #waiting-area-2,
+        #waiting-area-3,
+        #waiting-area-4 {
+            margin-bottom: 20px;
+        }
+        #Leader_board1,
+        #Leader_board2,
+        #PlayersAndWords_table,
+        #chat_messages,
+        #Grid {
+            border-collapse: collapse;
+            width: 100%;
+        }
+        #Leader_board1 th,
+        #Leader_board2 th,
+        #PlayersAndWords_table th,
+        #chat_messages th,
+        #Grid th,
+        #Leader_board1 td,
+        #Leader_board2 td,
+        #PlayersAndWords_table td,
+        #chat_messages td,
+        #Grid td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+        }
+        #Leader_board1 tr:nth-child(even),
+        #Leader_board2 tr:nth-child(even),
+        #PlayersAndWords_table tr:nth-child(even),
+        #chat_messages tr:nth-child(even),
 
+        #chat {
+            margin-top: 20px;
+        }
+        #chat-input {
+            width: 70%;
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+        #chat-send {
+            padding: 10px 20px;
+            background-color: #4CAF50;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        #chat-send:hover {
+            background-color: #45a049;
+        }
+        #timer {
+			border: 2px solid #4CAF50;
+			border-radius: 5px;
+			background-color: #f2f2f2;
+			color: #4CAF50;
+			font-size: 24px;
+			font-weight: bold;
+			padding: 10px;
+			text-align: center;
+			width: 100px;
+			height: 40px;
+			margin-left: 20px;
+			margin-right: 20px;
+		}
+
+    </style>
+
 <div>Commit hash: 8565399840c7fc75eff85dfc951d55877a249d94 </div>
 <div id="Basic_info">
     <h1>TWSG Lobby</h1>
@@ -711,5 +799,3 @@ <h2>List of valid Words</h2>
 }
 
 </script>
-
-