@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://todoist.com/?mini") {

/*
- make menu on right hand have no width when hovered (ie. not make the task column resize)
- show priority better than default way (change font colour) (row colour, bar?)
- add logo to private version (rather than blank screen)
*/



/** General layout **/
#editor
  {margin: 0 !important;
   padding: 0 !important;}

#content
  {padding: 0 !important;}

.separator
  {margin-top: 12px !important;}

#bottom_bar > DIV
  {padding: 2px 5px 2px 5px !important;}

li > img.arrow
  {margin-left: -10px !important;
   margin-right: -8px !important;}

/** Optional: make labels compact until hover **/

/** Lists by Day **/
#editor li .project
  {max-width: 12pt !important;
   overflow: hidden !important;
   letter-spacing: 1em !important;}
#editor li:hover .project
  {direction: rtl !important;
   padding-right: 15px !important;
   overflow: visible !important;
   letter-spacing: 0 !important;}
#editor li .project .clickable
  {padding: 1pt 5pt 1pt 4pt !important;}


/** Lists by Project **/
#editor li .text_cursor.div_due_date
  {padding: 0 5pt 0 4pt !important;
   margin: 1pt -7px 0 0!important;}
#editor li:hover .text_cursor.div_due_date
  {margin-right: 11px !important;}


/** Menu (same for both lists - project or day) **/
.menu
  {display: block !important;
   margin-left: -9px !important;
   opacity: 0 !important;}
#editor li:hover .menu
  {opacity: 1 !important;}
.AmiMenu /*bring back to below arrow*/
  {margin-left: 100% !important;
   left: -170px !important;}



/* Optional: Top bar always on top */
#content
  {margin-top: 20px !important;}
#indicator,
#notifier,
#top_controller,
#left_menu
  {position: fixed !important;
   z-index: 504 !important;
   margin: 0 !important;
   padding: 0 !important;
   border-bottom: none !important;}
#top_controller #current_query
  {position: fixed !important;
   width: 100% !important;
   right: 0 !important;
   top: 0 !important;
   padding: 2px 5px 3px !important;
   text-align: right !important;
   background: #ddd !important;
   border-bottom: 1px #aaa solid !important;}
#a_controller
  {position: fixed !important;
   z-index: 505 !important;
   top: 1px !important;}
#left_menu
  {border: 1px #777 solid !important;
   border-top: none !important;
   border-left: none !important;
   -moz-box-shadow: -moz-rgba(0,0,0,0.2) 1px 1px 0 0 !important;
   left: 0 !important;
   top: 20px !important;}


/* Privacy option: Stops people from reading your todo list
Actually... by collapsing the sidebar until hover (through the name in the chrome xul) you could save space too, but it's too visually distracting for me
body
   {opacity: 0 !important;
    background: #F5F5F5 !important;}
body:hover
   {opacity: 1 !important;
    background: #FFF !important;}
*/

}