comparison 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
comparison
equal deleted inserted replaced
85:05b500bd6235 86:92ca411ee635
1 #main_area {
2 overflow: auto;
3 }
4
5 .instructions {
6 text-align: center;
7 font-style: italic;
8 }
9
10 .rooms_list {
11 list-style: none;
12 display: grid;
13 text-align: center;
14 padding: 0;
15 }
16
17 .rooms_list a {
18 text-decoration: none;
19 color: inherit;
20 font-variant: small-caps;
21 font-weight: bold;
22 }
23
24 .rooms_list li {
25 margin-top: 1em;
26 }
27
28 .rooms_list li:first-child {
29 margin-top: 0;
30 }
31
32 .rooms_list li:hover {
33 background-color: #efefef;
34 }
35
36 #jid {
37 margin: 0 1em;
38 width: 15em;
39 border-radius: 0.7em;
40 outline: none;
41 border: 1px solid black;
42 padding: 0.4em;
43 box-shadow: none;
44 }
45
46 .room_jid_form {
47 text-align: center;
48 }
49
50 @media (min-width: 600px) {
51 .instructions {
52 padding-top: 3rem;
53 }
54 .rooms_list {
55 grid-template-columns: 1fr 1fr 1fr;
56 }
57
58 .rooms_list li {
59 margin-top: 0;
60 }
61
62 .room_jid_form .form_submit.button {
63 display: inline;
64 }
65 }