diff default/static/chat_select.css @ 86:92ca411ee635

chat: new chat_select page to select a jid to talk to + improved button style
author Goffi <goffi@goffi.org>
date Fri, 05 Jan 2018 13:14:22 +0100
parents
children 4f27ce980ced
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/default/static/chat_select.css	Fri Jan 05 13:14:22 2018 +0100
@@ -0,0 +1,65 @@
+#main_area {
+    overflow: auto;
+}
+
+.instructions {
+	text-align: center;
+	font-style: italic;
+}
+
+.rooms_list {
+	list-style: none;
+    display: grid;
+    text-align: center;
+    padding: 0;
+}
+
+.rooms_list a {
+	text-decoration: none;
+	color: inherit;
+	font-variant: small-caps;
+	font-weight: bold;
+}
+
+.rooms_list li {
+    margin-top: 1em;
+}
+
+.rooms_list li:first-child {
+    margin-top: 0;
+}
+
+.rooms_list li:hover {
+    background-color: #efefef;
+}
+
+#jid {
+	margin: 0 1em;
+	width: 15em;
+	border-radius: 0.7em;
+	outline: none;
+	border: 1px solid black;
+	padding: 0.4em;
+    box-shadow: none;
+}
+
+.room_jid_form {
+    text-align: center;
+}
+
+@media (min-width: 600px) {
+    .instructions {
+        padding-top: 3rem;
+    }
+    .rooms_list {
+        grid-template-columns: 1fr 1fr 1fr;
+    }
+
+    .rooms_list li {
+        margin-top: 0;
+    }
+
+    .room_jid_form .form_submit.button {
+        display: inline;
+    }
+}