Mercurial > libervia-templates
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; + } +}