X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fstyles.less;h=c1f208a27a7dd8c47530cf06308bbd630f0596d6;hb=53ae6990eb208b7631e46d95a4a65215e1b1b5ac;hp=90d4ee0072ce3fc41812f8af910219f9eea3c3de;hpb=4ad7b00938c3219f42a1017553a36d5f516b45cb;p=demos%2Fkafka%2Fchat

diff --git a/src/styles.less b/src/styles.less
index 90d4ee00..c1f208a2 100644
--- a/src/styles.less
+++ b/src/styles.less
@@ -1 +1,44 @@
-/* You can add global styles to this file, and also import other style files */
+/* Application-wide Styles */
+h1 {
+  color: #369;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 250%;
+}
+h2, h3 {
+  color: #444;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: lighter;
+}
+body {
+  margin: 2em;
+}
+body, input[type="text"], button {
+  color: #333;
+  font-family: Cambria, Georgia, serif;
+}
+button {
+  background-color: #eee;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  color: black;
+  font-size: 1.2rem;
+  padding: 1rem;
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+  margin-top: 1rem;
+}
+button:hover {
+  background-color: black;
+  color: white;
+}
+button:disabled {
+  background-color: #eee;
+  color: #aaa;
+  cursor: auto;
+}
+
+/* everywhere else */
+* {
+  font-family: Arial, Helvetica, sans-serif;
+}