/* stylesheet for rankle, a DOM1-compliant rank-order widget project 

this file is copyright Daniel Kahn Gillmor 2004.  it is hereby
released under version 2 of the GPL */


body {
       color: black;
       background: white;
}

a { color: blue; }

.notes { font-size:small; font-style: italic; margin:0.2em;}
a.deblocal { font-size: smaller; }



/* for making sure that the name "rankle" shows up like i want it to. */
span.rankle-name { font-family: monospace; }

/* the rankle widget itself: */
.rankle { margin: 1em; border: thin solid black; }

/* the title for the widget: */
.rankle .rankle-title { font-size: larger; font-weight: bold; margin: 0.5em; }

/* the icons that follow each item in fancy mode. */
.rankle * LI a.rankle-icon-button { cursor: pointer; color: blue; padding: 0.3em; }
.rankle * LI a.rankle-icon-button:hover {  color: gold; background: black; }

/* the numeric titles that are displayed for ranked items */
.rankle OL LI span.rankle-rank-label { color: inherit; margin: 0.3em;}

.rankle OL LI { display: block; margin=0em; }
.rankle OL LI.rankle-selected { background: silver; }

.rankle OL { padding: 0.5em; }

/* the list items */
.rankle * LI { cursor: pointer; padding: 1px;}
.rankle * LI:hover { border: 1px solid grey; padding: 0px; -moz-border-radius: 0.5em;}
/* needed for konq, which wasn't hiding the input fields: */
.rankle * LI input.rankle-input { display: none; }

/* the unordered pool: */
.rankle UL { margin:0.5em; padding: 0.5em; background: silver; }

/* the unordered items */
.rankle UL LI { display: inline; }
.rankle UL LI:after { content: "] ";  }
.rankle UL LI:before { content: "[";  }


/* the buttons at the bottom of the widget: */
.rankle .rankle-control-bar a.rankle-control { 
                                                  cursor: pointer; 
                                                  background: black; 
                                                  color: silver; 
                                                  border: thin solid silver; 
                                                  padding: 0.2em; 
                                                  margin: 0.2em; }

.rankle .rankle-control-bar a.rankle-control:hover { color: gold; border: thin solid gold;}

/* put the buttons all the way at the bottom and give them their own bar */
.rankle .rankle-control-bar { padding: 0.4em;}

/* add spacing around the "plain" view input boxes */
.rankle .rankle-item input { margin-left: 1em; margin-right: 0.5em; }