diff options
| author | Bent Bisballe Nyeng <deva@aasimon.org> | 2012-02-24 15:54:51 +0100 |
|---|---|---|
| committer | Bent Bisballe Nyeng <deva@aasimon.org> | 2012-02-24 15:54:51 +0100 |
| commit | e7865e55ee83c9260adc738327f29a996edfe8ef (patch) | |
| tree | c1fb43c805725d504e509e572fc57571b0296026 | |
| parent | 5e3b9c5ec1b9364cd41564ac8f319e1ffd9ee4ea (diff) | |
Some more css.
| -rw-r--r-- | munia.html | 35 |
1 files changed, 17 insertions, 18 deletions
@@ -4,6 +4,10 @@ <title>Munia</title> <style> body { +cursor: default; +} + +.task { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; @@ -11,23 +15,25 @@ body { -ms-user-select: none; -o-user-select: none; user-select: none; -cursor: default; +cursor: move; +background-color: grey; +border-style: solid; +border-width: medium; +border-radius: 15px; +padding: 4px; +} + +.task:hover +{ +background-color:yellow; } </style> </head> <body id="body"> -<select id="color" onchange="update_color();"> - <option value="#000000">Black</option> - <option value="#0000ff">Blue</option> - <option value="#20ff20">Green</option> - <option value="#802020">Dark Red</option> -</select> <div id="wslm_status">Not initialized</div> -<div id="wslm_lastmsg"></div> -<div id="wslm_drawing"></div> -<div id="box" style="position: absolute;">Hello World</div> <input type="text" id="input_data" value="add title description 100 100" onfocus="clear()"/> <input type="button" value="submit" onclick="submit()"/> +<div id="wslm_lastmsg"></div> </div> <script> var BrowserDetect = { @@ -168,7 +174,7 @@ try { else if (i[0] == "add") { var task = document.createElement("div"); task.name = "task"; - task.style.cursor = "move"; + task.setAttribute("class", "task"); task.id = "task_" + i[1]; var taskText = document.createTextNode(i[2] + ": " + i[3] + " :" + task.id); @@ -177,11 +183,6 @@ try { task.style.position = "absolute"; task.style.left = i[4] + "px"; task.style.top = i[5] + "px"; - task.style.backgroundColor = "grey"; - task.style.borderStyle= "solid"; - task.style.borderWidth= "medium"; - task.style.borderRadius= "15px"; - task.style.padding = "4px"; task.setAttribute("onMouseDown", "dragged = '" + i[1] + "';"); var dlButton = document.createElement("input"); @@ -213,8 +214,6 @@ canvas.height = 600; canvas.width = 800; ctx = canvas.getContext("2d"); -document.getElementById('wslm_drawing').appendChild(canvas); - document.addEventListener('mousemove', ev_mousemove, false); document.addEventListener('mouseup', ev_mouseup, false); /* |