Stylisation de la TodoList
This commit is contained in:
parent
f6aae7e077
commit
563f40f6d7
21
css/todo.css
21
css/todo.css
@ -1,4 +1,23 @@
|
||||
#todoList {padding:5px;width:350px;-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;border: 1px solid rgba(0,0,0,0.3);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);}
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
|
||||
overflow:hidden;}
|
||||
|
||||
#todoList ul{list-style:none;}
|
||||
#todoList ul li{white-space : nowrap; padding-left:16px;}
|
||||
#todoList ul li div.puce{width: 16px; height: 16px; background: #FFF url(../images/interface/ui-icons_888888_256x240.png) -32px -48px no-repeat; display:inline-block;}
|
||||
|
||||
|
||||
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-position: -80px -224px;background-image: url(../images/interface/ui-icons_888888_256x240.png);}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
|
BIN
images/interface/ui-icons_888888_256x240.png
Normal file
BIN
images/interface/ui-icons_888888_256x240.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.3 KiB |
@ -4,7 +4,7 @@ function cbfunc(o){
|
||||
for(var i in o)
|
||||
{
|
||||
$('#uncompletedList').append('<li id="'+o[i].id+'">'+o[i].content+' - '+o[i].date_string+' <img src="images/interface/delete.png" class="deleteTask" id="delete-'+o[i].id+'"/> <img src="images/interface/complete.png" class="completeTask" id="complete-'+o[i].id+'"/> </li>');
|
||||
}
|
||||
}
$('#uncompletedList li').prepend('<div class="puce"></div>');
|
||||
}
|
||||
|
||||
function cbfunc2(o){
|
||||
|
Loading…
Reference in New Issue
Block a user