[pmwiki-users] VerySimpleTodo css mods

Lee Raesly lee at raesly.net
Mon Oct 10 20:04:07 CDT 2005


Newbie question: Where do I put the css mods that the script lists  
and do I need to do anything special to use them on my wiki pages  
once installed?

I'd really like to have a similar look and function that is used for  
todo lists at www.backpackit.com; when you hover over a todo, the  
entry partially turns a pale yellow and a little trash can appears  
beside the todo to delete.  I don't need an image, the small "x" that  
I currently use is fine, but the highlight and delete button keep the  
list clean when you're not editing.  Even a white "x" for delete  
(invisible against my background) and then a red "x" when hovered  
would be pretty cool.  Is this possible with some hacking around of  
the css code?


Thanks.

Lee

Here is the css:

Additionally, you can style the components using the classes "todoform"
for the input form and "tododelete" for the delete link.  For example:

     .todoform {
         color: #999;
         font-size: 80%;
         margin: 0;
         padding: 0;
     }

     .todoform input {
         font-weight: normal;
         border: 0;
         border-bottom: 1px solid #eee;
         width: 400px;
     }

     a.tododelete {
         color: #999 !important;
         text-transform: lowercase;
         font-size: 70%;
         text-decoration: none !important;
     }

     a:hover.tododelete {
         color: #999 !important;
         text-transform: lowercase;
         font-size: 70%;
         text-decoration: underline !important;
     }




More information about the pmwiki-users mailing list