diff options
| -rw-r--r-- | view/css/mod_chat.css | 31 | ||||
| -rw-r--r-- | view/tpl/chat.tpl | 13 |
2 files changed, 35 insertions, 9 deletions
diff --git a/view/css/mod_chat.css b/view/css/mod_chat.css new file mode 100644 index 000000000..7f33f2c48 --- /dev/null +++ b/view/css/mod_chat.css @@ -0,0 +1,31 @@ + .chatContainer { + height: 100%; + width: 100%; + } + + .chatTopBar { + float: left; + height: 400px; + width: 650px; + overflow-y: auto; + } + + .chatUsers { + float: right; + width: 120px; + height: 100%; + border: 1px solid #000; + } + + .chatBottomBar { + position: relative; + bottom: 0; + height: 150px; + margin-top: 20px; + } + + section { + padding-bottom: 0; + } + +
\ No newline at end of file diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl index dba6a777f..eb98063fa 100644 --- a/view/tpl/chat.tpl +++ b/view/tpl/chat.tpl @@ -1,14 +1,14 @@ <h1>{{$room_name}}</h1> -<div id="chatContainer" style="height: 100%; width: 100%;"> +<div id="chatContainer""> - <div id="chatTopBar" style="float: left; height: 400px; width: 650px; overflow-y: auto;"> + <div id="chatTopBar"> <div id="chatLineHolder"></div> </div> - <div id="chatUsers" style="float: right; width: 120px; height: 100%; border: 1px solid #000;" ></div> + <div id="chatUsers"></div> <div class="clear"></div> - <div id="chatBottomBar" style="position: relative; bottom: 0; height: 150px; margin-top: 20px;"> + <div id="chatBottomBar"> <div class="tip"></div> <form id="chat-form" method="post" action="#"> @@ -22,11 +22,6 @@ </div> </div> -<style> -section { - padding-bottom: 0; -} -</style> <script> var room_id = {{$room_id}}; |