1:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close, 2:root[tabsintitlebar] #titlebar #titlebar-close { 3 background: url("../titlebuttons/titlebutton-close.svg") no-repeat; 4 background-size: contain; 5} 6:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max, 7:root[tabsintitlebar] #titlebar #titlebar-max { 8 background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 9 background-size: contain; 10} 11:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min, 12:root[tabsintitlebar] #titlebar #titlebar-min { 13 background: url("../titlebuttons/titlebutton-minimize.svg") no-repeat; 14 background-size: contain; 15} 16 17:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore, 18:root[tabsintitlebar] #titlebar #titlebar-restore, 19:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max, 20:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max { 21 background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 22 background-size: contain; 23} 24:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close, 25:root[tabsintitlebar] #titlebar #titlebar-close:hover { 26 background: url("../titlebuttons/titlebutton-close-hover-inactive.svg") no-repeat; 27 background-size: contain; 28} 29:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max, 30:root[tabsintitlebar] #titlebar #titlebar-max:hover { 31 background: url("../titlebuttons/titlebutton-maximize-hover-inactive.svg") no-repeat; 32 background-size: contain; 33} 34:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min, 35:root[tabsintitlebar] #titlebar #titlebar-min:hover { 36 background: url("../titlebuttons/titlebutton-minimize-hover-inactive.svg") no-repeat; 37 background-size: contain; 38} 39:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover, 40:root[tabsintitlebar] #titlebar #titlebar-close:hover { 41 background: url("../titlebuttons/titlebutton-close-hover.svg") no-repeat; 42 background-size: contain; 43 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 44} 45:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover, 46:root[tabsintitlebar] #titlebar #titlebar-max:hover { 47 background: url("../titlebuttons/titlebutton-maximize-hover.svg") no-repeat; 48 background-size: contain; 49 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 50} 51:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover, 52:root[tabsintitlebar] #titlebar #titlebar-min:hover { 53 background: url("../titlebuttons/titlebutton-minimize-hover.svg") no-repeat; 54 background-size: contain; 55 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 56} 57:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore, 58:root[tabsintitlebar] #titlebar #titlebar-restore:hover, 59:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max, 60:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover { 61 background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; 62 background-size: contain; 63} 64:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active, 65:root[tabsintitlebar] #titlebar #titlebar-close:active { 66 background: url("../titlebuttons/titlebutton-close-active.svg") no-repeat; 67 background-size: contain; 68} 69:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active, 70:root[tabsintitlebar] #titlebar #titlebar-max:active { 71 background: url("../titlebuttons/titlebutton-maximize-active.svg") no-repeat; 72 background-size: contain; 73} 74:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active, 75:root[tabsintitlebar] #titlebar #titlebar-min:active { 76 background: url("../titlebuttons/titlebutton-minimize-active.svg") no-repeat; 77 background-size: contain; 78} 79:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore, 80:root[tabsintitlebar] #titlebar #titlebar-restore:active, 81:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active, 82:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active { 83 background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; 84 background-size: contain; 85} 86:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, 87:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close { 88 background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 89 background-size: contain; 90} 91:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 92:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max { 93 background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 94 background-size: contain; 95} 96:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, 97:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min { 98 background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 99 background-size: contain; 100} 101:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore, 102:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore, 103:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 104:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max { 105 background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 106 background-size: contain; 107} 108:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, 109:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover { 110 background: url("../titlebuttons/titlebutton-close-backdrop.svg") no-repeat; 111 background-size: contain; 112} 113:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 114:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover { 115 background: url("../titlebuttons/titlebutton-maximize-backdrop.svg") no-repeat; 116 background-size: contain; 117} 118:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, 119:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover { 120 background: url("../titlebuttons/titlebutton-minimize-backdrop.svg") no-repeat; 121 background-size: contain; 122} 123:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 124:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover { 125 background: url("../titlebuttons/titlebutton-unmaximize-backdrop.svg") no-repeat; 126 background-size: contain; 127} 128:root[tabsintitlebar][inFullscreen] #window-controls #restore-button { 129 background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 130 background-size: contain; 131} 132:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover { 133 background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; 134 background-size: contain; 135} 136:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active { 137 background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; 138 background-size: contain; 139} 140:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button { 141 background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 142 background-size: contain; 143} 144