diff options
| author | Kevin Chabowski <kevin@kch42.de> | 2014-03-27 13:52:06 +0100 |
|---|---|---|
| committer | Kevin Chabowski <kevin@kch42.de> | 2014-03-27 23:51:07 +0100 |
| commit | a21ee0a20ba0e49a4a565400412a0e0194c8e3b1 (patch) | |
| tree | d745594649fa16230ad50924ede9f1b166b14fec | |
| parent | 7206812e266df8d57cd6628e22b9049b6517ebb8 (diff) | |
| download | simplechat-a21ee0a20ba0e49a4a565400412a0e0194c8e3b1.tar.gz simplechat-a21ee0a20ba0e49a4a565400412a0e0194c8e3b1.tar.bz2 simplechat-a21ee0a20ba0e49a4a565400412a0e0194c8e3b1.zip | |
Some nice styling!
| -rw-r--r-- | static/style.css | 73 | ||||
| -rw-r--r-- | tpls/chat.html | 6 |
2 files changed, 77 insertions, 2 deletions
diff --git a/static/style.css b/static/style.css index 00fe4a4..b08bef5 100644 --- a/static/style.css +++ b/static/style.css @@ -19,8 +19,79 @@ display: table-cell; padding-right: 1ex; font-weight: bold; + text-align: right; } #chatlog li .msg { display: table-cell; -}
\ No newline at end of file +} + +#chatlog li.leave, #chatlog li.join { + color: gray !important; + font-style: italic !important; +} + +h1 { + text-align: center; + font-weight: bold; + font-size: 18pt; + margin: 0; + position: fixed; + top: 0; + left: 0; + right: 0; + border-bottom: 1px solid #28f; + height: 8mm; + background: white; +} + +#buddiescontainer { + position: fixed; + top: 0; + right: 0; + width: 35mm; + margin: 10mm 0 12mm 0; +} + +#buddiescontainer h2 { + font-weight: bold; + font-size: 12pt; +} + +#buddies { + margin: 0; + padding: 0; +} +#buddies li { + margin: 0; + padding: 0; +} + +#chatlog { + margin: 10mm 40mm 12mm 0; +} + +#chatinput { + position: fixed; + bottom: 0; + left: 0; + right: 0; + height: 10mm; + border-top: 1px solid #28f; +} + +#chatinput input { + position: absolute; + top: 0; + left: 0; + right: 20mm; + bottom: 0; +} + +#chatinput button { + position: absolute; + top: 0px; + left: 0px; + height: 8mm; + width: calc(100% - 25mm); +} diff --git a/tpls/chat.html b/tpls/chat.html index 27ad69f..35582c7 100644 --- a/tpls/chat.html +++ b/tpls/chat.html @@ -8,8 +8,12 @@ <link rel="stylesheet" type="text/css" href="/static/style.css" /> </head> <body> + <h1>{{.Roomname}}</h1> - <ul id="buddies"></ul> + <div id="buddiescontainer"> + <h2>Users online</h2> + <ul id="buddies"></ul> + </div> <ul id="chatlog"></ul> <div id="chatinput"> <input type="text" name="chattext" id="chattext"/> |