Kiritow
/
kchat.js-old
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add css

master
JZFamily 2018-09-07 09:02:57 +08:00
parent 785b88bf67
commit 3a6fcdb0ed
2 changed files with 67 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -1,15 +1,16 @@
<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" type="text/css" href="success.css">
</head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>K-Chat (Work In Progress)</title>
<style type="text/css">
div.scrollable{
overflow: scroll;
height:70%;
}
</style>
<div>
<h1>K-Chat (开发中)</h1>
<div >
<div id="container">
<div id="title">
<h1>K-Chat (开发中)</h1>
</div>
<div class="scrollable" id="chat_bar">
</div>
<div>
@ -17,6 +18,7 @@ div.scrollable{
<textarea id="msg" placeholder="在此输入文字消息"></textarea>
<input id="send_msg" type="button" value="发送">
</div>
</div>
<div>
<p>状态: <span id="status_bar">正在连接到服务器...</span> </p>
</div>

57
success.css Normal file
View File

@ -0,0 +1,57 @@
html, body {
height: 100%;
min-height: 755px;
color: rgb(102, 102, 102);
overflow-y: auto;
background: url("bg_0.png") 0px 0px repeat rgb(78, 83, 89);
font-family: 新宋体;
}
#container {
margin:20px auto;
padding: 0px 0 30px 0;
border-radius: 10px;
background: #dddddd;
height:70%;
}
#title{
margin: 1px auto;
padding: 1px 0px ;
border-radius: 10px 10px 0px 0px;
background: #008AFF;
text-align: center;
font-family: 新宋体;
font-size: 25px;
color: #f46009;
}
.shuru{
font-family: 新宋体;
font-size: 20px;
color: #008AFF;
height: 30px;
width: 400px;
}
#in{
height: 40px;
width: 80px;
padding: 0px 0px 1px 0px ;
border-radius: 10px;
background: #008AFF;
font-family: 新宋体;
font-size: 20px;
}
#chat_bar{
height: 330px;
width: 100%;
min-height: 200px;
overflow-y: auto;
background-color: #EFF3F7;
overflow: scroll;
}
#dd{
font-family: 新宋体;
font-size: 25px;
width:588px;
float: right;
color:#f60d08;
}