comparison sat_templates/templates/default/static/chat.css @ 164:e9f0a4215e46

multi-sites handling (moved templates to "templates" sub-directory) + noscript styles handling.
author Goffi <goffi@goffi.org>
date Mon, 10 Sep 2018 08:53:33 +0200
parents sat_templates/default/static/chat.css@33c7ce833d3f
children 8308de7fc668
comparison
equal deleted inserted replaced
163:33f67228686a 164:e9f0a4215e46
1 :root {
2 --message_input-height: 2rem;
3 }
4
5 #main_area {
6 overflow: hidden;
7 }
8
9 .chat_widget {
10 position: absolute;
11 height: 100%;
12 width: 100%;
13 box-sizing: border-box;
14 display: flex;
15 flex-direction: column;
16 }
17
18 #messages {
19 height: 100%;
20 min-height: 150px;
21 overflow: auto;
22 box-sizing: border-box;
23 resize: vertical;
24 transition: height 0.6s;
25 }
26
27 #subject {
28 padding: 1em;
29 text-align: center;
30 background: #eee;
31 font-style: italic;
32 }
33
34 #messages > p {
35 margin: 0;
36 padding: 0.5em 0 0 0.5em;
37 }
38
39 #messages .msg_body {
40 white-space: pre-wrap;
41 }
42
43 #message_input {
44 width: 100%;
45 height: 100%;
46 padding-top: 0.5rem;
47 margin: 0;
48 box-sizing: border-box;
49 resize: none;
50 }
51
52 .message_box {
53 flex: 1 1 calc(var(--message_input-height));
54 position: relative;
55 min-height: 1rem;
56 box-sizing: border-box;
57 }
58
59
60 #messages > p.msg_info {
61 white-space: pre-wrap;
62 font-family: monospace;
63 color: #049282;
64 }
65
66 .msg_header {
67 display: block;
68 font-size: 0.9em;
69 }
70
71 .author {
72 font-weight: bold;
73 }
74
75 .date {
76 color: #777;
77 }
78
79 @media (min-width: 800px) {
80 #messages > p {
81 padding-left: 1.5em;
82 }
83 }