Skip to content

S
skylivex
Commit 25eb4181 authored by Ivan Bellia's avatar Ivan Bellia
Browse files
Options

added html graphic for main window

parent 4cb37259
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 117 deletions
gui/login.html
View file @ 25eb4181
......@@ -37,7 +37,7 @@
<div id="page">
<b><font size="3">SkyliveX 0.1.0 Login</font></b>
<div id="res"></div>
<div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Error!</div>
<div id="alert" style="font-family: 'Arial', serif; font-size: 18px; color: #FF0000; background-color: #000000;">Enter your user and pass.</div>
<font size="2">
<form id="login" name="loginform">
<center>
......
gui/maingui.html
View file @ 25eb4181
......@@ -3,133 +3,140 @@
<title>SkyliveX 0.1.0</title>
<script type="text/javascript" src="SkyliveX.js"></script>
<style>
#page {
body {
background-color: #FFFFFF;
background-image:url('img/mainbg2.jpg');
color: #000000;
text-align: center;
margin: 0 auto;
overflow:hidden;
}
#top {
height:40px;
border: 1px solid #000000;
width:auto;
position: absolute;
top: 8px;
right: 8px;
left: 8px;
}
#left {
width: 330px;
position: absolute;
top:48px;
left: 8px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0000;
}
#livearea {
border: 1px solid #00FF00;
position: relative;
}
#toolsarea {
border: 1px solid #0000FF;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
top: 242px;
}
#right {
position: absolute;
top: 48px;
left: 338px;
right: 8px;
bottom: 8px;
border: 1px solid #FF0FF0;
}
#chatarea {
overflow-y: auto;
border: 1px solid #00FF00;
position: absolute;
bottom: 70px;
top: 0px;
right: 130px;
left: 0px;
#datitele{
position: absolute;
top: 82px;
left: 438px;
height:100px;
width:50px;
color: #BBBBBB;
font-size:16px;
background-color: #000000;
}
#chatlist {
overflow-y: auto;
width: 130px;
position: absolute;
border: 1px solid #00FF00;
bottom: 70px;
top: 0px;
right: 0px;
}
#chatinput {
position: absolute;
height: 70px;
bottom: 0px;
right: 0px;
left: 0px;
border: 1px solid #0000FF;
#status {
height:35px;
width:350px;
border: 1px solid #FF0000;
color: #FFFFFF;
text-align: left;
font-size:12px;
position: absolute;
top: 358px;
left: 37px;
}
#livearea {
height:240x;
width:320px;
top:73px;
left: 61px;
border: 1px solid #FF0000;
position: absolute;
}
#chatarea {
position: absolute;
top: 465px;
left: 23px;
height:154px;
width:407px;
overflow-y: auto;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
#userlist {
position: absolute;
top: 466px;
left: 466px;
height:220px;
width:140px;
color: #FFFF00;
border: 1px solid #FF0000;
background-color: #AAAAFF;
}
#chatinput {
position: absolute;
top: 642px;
left: 23px;
height:50px;
width:298px;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
#telescope {
position: absolute;
top: 23px;
left: 312px;
width: auto;
color: #CCCCCC;
font-size:18px;
background-color: #000000;
}
#numteleselect {
position: absolute;
top: 25px;
left: 410px;
}
</style>
</head>
<body>
<div id="page">
<div id="top">
</div>
<div id="left">
<div id="livearea">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img>
</div>
<div id="toolsarea">
TOOL
</div>
</div>
<div id="right">
<div id="chatarea">
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>CHAT</p>
<p>PIPPO</p>
</div>
<div id="chatlist">
<p>user1</p>
<p>user2</p>
</div>
<div id="chatinput">
<p>INPUT</p>
</div>
</div>
</div>
<body>
<div id="status">
Telescopio chiuso per maltempo
</div>
<div id="datitele">
RA<br>
DEC<br>
CCD Temp.<br>
FWHM<br>
</div>
<div id="livearea">
<img src="http://live1.skylive.name/tele1/live640.jpg"></img>
</div>
<div id="chatarea">
Welcome to Skylive Chat, you are connected as Administrator!
</div>
<div id="userlist">
ivan_staff<br>
nextime<br>
</div>
<div id="chatinput">
Write the chat text here
</div>
<div id="telescope">
Telescope
</div>
<div id="numteleselect">
<select name="numtele">
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment