<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Chrisoft::CodeForces Rating Comparator</title>
<link rel="icon" href="/favicon.png">
<link rel="stylesheet" type="text/css" href="/common.css">
<script type="text/javascript" src="main.js"></script>
<style>
.s{
font-family: 'FreeMono', 'Courier New', Courier, monospace;
padding: 10px;
box-sizing: border-box;
border: 2px solid rgba(0,0,0,0);
}
.s:hover{border:2px solid black;}
.selected{border:2px solid red !important;}
button
{
border:none;
color:white;
padding:0.25em 2em;
text-align:center;
background-color:#44AA44;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
button:hover
{
background-color:#66CC66;
}
</style>
</head>
<body onload="init();">
<script type="text/javascript" language="javascript">
function changeImage(img){
document.getElementById('aqt').src=img;
}
link = document.createElement("link");
var thm=document.cookie.replace(new RegExp("(?:(?:^|.*;\\s*)thm\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1");
switch(thm)
{
case "day":
link.href="colors-day.css";
break;
case "night":
link.href="colors-night.css";
break;
case "auto":
default:
var c=new Date();
if(c.getHours()>=6&&c.getHours()<18)
link.href = "colors-day.css";
else
link.href = "colors-night.css";
break;
}
link.type="text/css";
link.rel="stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);
</script>
<table border="0" style="margin:auto;width:66%;">
<tr>
<td class="CTitle">
<span style="font-size:2em;"><a href="../">Chrisoft</a>::CodeForces Rating Comparator</span>
</td>
</tr>
</table>
<canvas id="cvs" width="800" height="450" style="position:absolute;top:4em;left:50%;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);z-index:-1;"></canvas>
<div style="float:right;width:20%;">
<div id="users" style="width:100%;overflow-y:auto;"></div>
<input type="text" id="name" class="TText" style="border:none;border-bottom:2px solid #4A4;outline:none !important;background-color:rgba(0,0,0,0) !important;"></input>
<button id="add" onclick="add();">+</button>
<button id="remove" onclick="remove();">-</button>
</div>
<div class="floatingl">
<img src="../koishi_norm.png" alt="" width="320em" id="aqt" onmouseover="changeImage('../koishi_hovr.png')" onmouseout="changeImage('../koishi_norm.png')" onclick="this.remove();">
</div>
</body>
</html>