Move CSS out of chat template

This commit is contained in:
Thomas Willingham 2014-02-02 16:28:58 +00:00
parent e83419b53e
commit 5846dc105a
2 changed files with 35 additions and 9 deletions

31
view/css/mod_chat.css Normal file
View File

@ -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;
}

View File

@ -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}};