@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*
** option dialog **
- smaller dialog
- no bk image
- black dialog text
- normal font

** tooltip **
- change pin image
- fix layout

** statusbar **
- replace icon for enable/disable
- resize statusbar panel on hover
*/


/***** option dialog *****/

@-moz-document url(chrome://qtl/content/options.xul)
{
  /*smaller window and no bk image*/
  dialog#qtlsupport
  {
    width: 391px !important;
    height: 479px !important;
    background-image: none !important;
  }

  /*black font color*/
  dialog#qtlsupport * {color: black !important;}

  /*normal font size*/
  dialog#qtlsupport checkbox#qtlcheck
  {
    font-size: 11px !important;
    font-weight: normal !important;
  }
}


/***** tooltip *****/

@-moz-document url("chrome://browser/content/browser.xul")
{
  /*move pin image to the right*/
  popupset#mainPopupSet > panel#qtlpanel > toolbar#qtltitle > toolbarbutton#qtlpin > image
  {
    width: 16px !important;
    padding-left: 16px !important;
  }

  /*replace pin images*/
  popupset#mainPopupSet > panel#qtlpanel > toolbar#qtltitle > toolbarbutton#qtlpin > image[src$='/pinon.png']
    {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH2QMRCjsdBMOrWgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAARnQU1BAACxjwv8YQUAAAJbSURBVHjapZJLaBNRFIbPnUdm8miimUZrakwMak2tDaQmwYXEVxdFF5bQ6k5waVfipuBG6MatiEsXblwpIr6woKXSoIGk1oiNTR9CUtDGtJ08mGknkxnvtEmIqQHBA/+9l5n/fHf+wwD8Z6HGc9dVS6gvEBxhGHbfhigsx2Mf76UeliL/AkADY/4bp/vPjpnNVgNBIFAUBdb51dLk+MTom9ux+60ApLZ4rnHnBoYuPtCbjHpZLUNZkUDbKYbW2eztoRU5OZFLSMt/AxDacjzovU6wBCvIJWgWZaSN3X2+keplZFPsbQDJQIdYEUCUd2pTEYDRMxf2HG4fxlZDM2QrgvM8N7i7gztSUSvQLFmR4YDJxQ6Hr1xa+JVks6k1bagylloHkJ2Sut/jCAOpIgU3NarIF0FKIwj0niTcXe7A1NT7mU1eXsBtlTogh4Q5s4m0WuwWP0ERSN2GQylfhNnJb6Bgq89zAnZZLUQ0GlWzi2sv8euy5qG2nHEov40nbqYvZ770hrx37Q47+/lTAlaTeXwDC/6hAFCIxt8tAUFRpurstDmoVMNApcwz8XWPixntPzN4kOKNsCgsgfuoCzyHekBH0zDzPQbrP/l4LX89Qq1kWRYL+UJ3p9fm07exYLNz4HEdAwfnhLmVr/Di6fPM9JPZO9j6oxbhD4BWxawQmZ9PnSqovMPMmcDG2eBDKgKvHo+nI49it2RRiWKbWBsigp2lQZ1tew1hykgGkQ5RhEKkcin+HX4+jVXQ4mIprQCoCqGx9NVdM29UG8u15laAxr8UNXiU6vDURtNv9UAEN3tA5XsAAAAASUVORK5CYII=") !important;}

  popupset#mainPopupSet > panel#qtlpanel > toolbar#qtltitle > toolbarbutton#qtlpin > image[src$='/pinoff.png']
    {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAB3RJTUUH2QMRCwEils4yKQAAAAlwSFlzAAAK8AAACvABQqw0mAAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjarVI9SEJRFP7MlkgbGgJFRBffKOnS9u7QUNAUL1C3Bh1qc3BpeIRT4OgQbc2NiZOkYkuktoSUo4TSYIuPBh1O5/ZemeEvdeHwDu/c7/vOd+6xYfSoHMLKT7HI0fz+YjEUIlJVor092gKK8+DsX+Arr1f4BgOg3wcCAWx2Or4Lw5Dl8jSCJdn2MYNhXgYcDkBR8NzrwTO0M5VACKdzCE4k0KrVcMeEBZdLSCs6W0u5XMQ39LEsR1yUvl+jUaqEw3QC0GMkQhSP05PDQRlZ5/ye80mzUbcZJOOQ45zjXQ40k/kEPjBQCnSZ6IBrP4HL1rdcAGwy8ZgKYqNexw4nK7EYlHAYcLvRyuVmP4tUSLGi7CTP0WVLVK0SJZNUMdX1cR2MnDMhcNtuI8DK66yMUgngV7mWQzaMkQWz/wavcfv7vZ5PYeCq3IlmE2/cOlPgJhgsNRqNy1ku1Ay3+iIHx+3neXC75lz0dDpNmqbNtaGq5VW38u//i5BMJP8Xkmw2K19Etf2FhEN8AJrFqFL9kLmHAAAAAElFTkSuQmCC") !important;}

  /*tooltip layout*/
  popupset#mainPopupSet > panel#qtlpanel > tabbox#qtltabbox > tabpanels#qtltabpanels
  {
    height: 295px !important;
    padding: 0px !important;
  }
}


/***** statusbar *****/

@-moz-document url("chrome://browser/content/browser.xul")
{
  /*move it to the right*/
  statusbar#status-bar > statusbarpanel#qtlstatusbar > image#qtlonoff
  {
    width: 16px !important;
    padding-left: 16px !important;
  }
  
  /* replace for 'off' image*/
  statusbar#status-bar > statusbarpanel#qtlstatusbar > image#qtlonoff[src$='/off.png']
    {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFR1ZSAxNyBNYXIgMjAwOSAxNzo0OTo0MCArMDIwMERCdPQAAAAHdElNRQfZAxEPNwYk2O9RAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAk9JREFUeNplU7luIkEUfAwDmBvMIRExwpITB0QQgIDeAAK+gJjvQPIgWYT8AdKKL3DoyB78EUQg2RKyOW3u+9iu3h3E7rbU6pmeV1WvqnsM9M+o1WqZXq+nHo9H5vP5KBAIkN1uJ5PJpNlsNjWRSDQu6w2XL9Vq9eX5+Zl5PB66vr6mVCol1qurKxDQdrulw+GgZTKZHzpGugCfPj4+2Pf3Ny2XS+IdkCzLdDqdfhdKErlcLhAyLvLyF0GpVHpptVrU7XZpt9vRYrGg/X4vCkAkWjUYzkTcFtM0TZBIT09P9xzMNpsNQZ23SPP5XKiDZDKZ0HA4pNFoROv1WnxHV9wSe319zRhDoZDa7/cVbA4GA9E+1OAb77PZTHgHGb5hIlR0woUU483Nzc/xeCxa5RmIFQTT6VTYAZHRaBQAqKNT7FssFpApMkDY1BWQNordbjdFIhEKh8NkNptFN1DGM2zxI6XVakUywDorpp767e2tUMc3ANEVxP7cCRE0MpFxzp1OR3gFAQaAeAcIhLAFmyBwOBxCHQSwJPv9fo0TMASFYpDAMwh0MAohgmN2Op3k9XqFXaxSLpfTcGQowtBBIECQmFAHAVr++voSAlitVqsqFQqFsqIoGjrQB9hRjJDw3G63RXD6ccI21PP5fFncxIeHBzWZTJ4JAHx7e6P393dqNptiRYcAAxgMBikajbLzVeaJNyqVCovFYhoS1q3gRuIU9BwQYDabpXQ6zeLxeOO/vxGjXq/fPz4+ss/PT8Z/a7EHVcYY3d3dqcVisXxZ/wuRU5eXhSA9nQAAAABJRU5ErkJggg==") !important;}

  /* replace for 'on' image*/
  statusbar#status-bar > statusbarpanel#qtlstatusbar > image#qtlonoff[src$='/on.png']
    {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFR1ZSAxNyBNYXIgMjAwOSAxNzo0ODoyNyArMDIwMKhIKMMAAAAHdElNRQfZAxEPNjmLpfMtAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAzRJREFUeNplk1uIG1Ucxn9zSTK5bJLddjfbvWBauwVbW2stUuriTvuij7b0QYKCb9I+iE8+CNrsg74I6oOCCoL4uKAPixRZ0CQiSKsiSyt12d1iZS+5rMlkJ5mZTDIznmStrHqGA+cM3/nO933//5H4z3jr0xtzlXI173Rk/cQTWxw97BFmDKmbKoalg/mnz1ws7cdL+zfvLl4rvPfRsJ5OpsikU7x8tU52MkJYTqJKUWxTot2IFecee+7CgzPyg8UHX10NDOmmXt6xabUdPPEl0xZB4O8BJZVUOsFEVtW/u7NQ+BfBGx+/VKi537C6mqTbcdltd5DCLSKaTSCIJCkQ8+8DssKh6ZheWv5iQCIvfrt4vdL8QbdaPpvr4k8gCCybUNTAly3+2Ahx5/YIqytDGIYqCLvCuE9ipKMv3VqaU6ZPRPJNZyUr4fPTzVEBCuFLClo0xPKPE/x+N4NparTMKNWtOH8aCplMm5Dm0zSsrHLszMhnplWlJ4hv/3wAx1WFDIVaA2xbJaZFUBUFoRwv8GjtSthdj9FMA9tqZ9Xy9hZBqCvAEUxDsCi2kKgwNu5yKXefmaMafusIv3x/nHg0hhYOYfwKDz9i0vEdVMd28Ts+Tk/G6zigyoNsX3jxHlOHYWg4xsGHLNZWw9z7bYpkXCMUUjDtNq5voaaHMtQMg0YtgK49SDqZ9rENm5oI0OvZolk2aXamWN+Ikk5qDMUjWH6VTldDPZCaLNaMFX3X6HsXNfds4pqFUenie2Lb60+ftbU697cTGGaMqUxIlHmLKLPIF5+6XJSI4IjABn3p+URUh+aOi1F1aZRdqhsed5ejdJ0WO40GifF1QVQTljN5OXclNz859mjRsZV/mrvdDESgYDV7Yt2j8HUas7oLbkuUxuHcuTWCnbNcns3N93Xz5msf5uu1t4tLpVsDglpVo16IkBiW6AUabTsOYXdQ3pNPNpiIjTOTuqKL17PXysePHCu9/87r+uzZU8WwumfFCySadaHGFMqCfhgu09NNcs/McHr0Vf38qfOl/73G/vjk84XrC1/e0DfLFX27InyKW4cPpXj2wuOcPjmZv/b8K/P78X8BvvxrBVUq9sUAAAAASUVORK5CYII=") !important;}

  /*resize when status bar is hovered*/
  statusbar#status-bar:not(:hover) > statusbarpanel#qtlstatusbar > bbox#tlbox,
  statusbar#status-bar:not(:hover) > statusbarpanel#qtlstatusbar > bbox:last-child
    {display: none !important;}

  /*resize when qtl panel is hovered
  statusbar#status-bar > statusbarpanel#qtlstatusbar:not(:hover) > bbox#tlbox,
  statusbar#status-bar > statusbarpanel#qtlstatusbar:not(:hover) > bbox:last-child
    {display: none !important;}*/
}