summaryrefslogtreecommitdiff
path: root/xpi/content/css/invicons_bookmarksbar.css
blob: 3dc8ae1d0176ef773686a40e34f8011c7e6b3a74 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
@import url(chrome://ctraddon_os_special/skin/invicons_bookmarksbarextra.css);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul) {
  @media not all and (min-resolution: 2dppx) {
	#PersonalToolbar :-moz-any(#ctraddon_back-button,#ctraddon_forward-button,#ctraddon_stop-button,#ctraddon_reload-button,#ctraddon_bookmarks-menu-toolbar-button,#ctraddon_bookmarks-button,#ctraddon_history-button,#ctraddon_history-menu-toolbar-button,#ctraddon_go-button) .toolbarbutton-icon,
	#PersonalToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button:not([starred]), #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #web-apps-button),
	#PersonalToolbar #panic-button:not([open]),
	#PersonalToolbar #pocket-button:not([open]),
	#PersonalToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
	  list-style-image: url(chrome://browser/skin/Toolbar-inverted.png) !important;
	}
	#PersonalToolbar #sync-button[status="active"],
	#PersonalToolbar #sync-button[status="active"]:hover:active:not([disabled="true"]) {
	  list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png") !important;
	}
	#PersonalToolbar #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
	  background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
								  0, 198, 18, 180) center no-repeat !important;
	}
	#PersonalToolbar #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-button-progress-area > #downloads-indicator-counter {
	  background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) !important;
	}
	#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
	#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
	  list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
	}
	#PersonalToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
	#PersonalToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
	  list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png) !important;
	}
	#PersonalToolbar > #alltabs-button,
	#PersonalToolbar > toolbarpaletteitem > #alltabs-button {
	  list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
	}
	#PersonalToolbar #switch-to-metro-button[cui-areatype="toolbar"] {
	  list-style-image: url(chrome://browser/skin/Metro_Glyph-inverted.png) !important;
	}
	
	#PersonalToolbar #ctraddon_back-button:not([cui-areatype="menu-panel"]) {
	  -moz-image-region: rect(0, 54px, 18px, 36px) !important;
	}
	#PersonalToolbar #ctraddon_go-button:not([cui-areatype="menu-panel"]),
	#PersonalToolbar #ctraddon_forward-button:not([cui-areatype="menu-panel"]) {
	  -moz-image-region: rect(0, 72px, 18px, 54px) !important;
	}
	#PersonalToolbar #ctraddon_stop-button:not([cui-areatype="menu-panel"]){
	  -moz-image-region: rect(0, 108px, 18px, 90px) !important;
	}
	#PersonalToolbar #ctraddon_reload-button:not([cui-areatype="menu-panel"]){
	  -moz-image-region: rect(0, 90px, 18px, 72px) !important;
	}
	#PersonalToolbar #ctraddon_bookmarks-menu-toolbar-button:not([cui-areatype="menu-panel"]),
	#PersonalToolbar #ctraddon_bookmarks-button:not([cui-areatype="menu-panel"]) {
	  -moz-image-region: rect(0, 162px, 18px, 144px) !important;
	}
	#PersonalToolbar #ctraddon_history-button:not([cui-areatype="menu-panel"]),
	#PersonalToolbar #ctraddon_history-menu-toolbar-button:not([cui-areatype="menu-panel"]){
	  -moz-image-region: rect(0, 180px, 18px, 162px) !important;
	}
	#PersonalToolbar toolbarbutton[id^="loop-"]:not([cui-areatype="menu-panel"]):not([state="error"]):not([state="action"]):not([state="active"]) > .toolbarbutton-badge-container,
	#PersonalToolbar toolbarbutton[id^="loop-"]:not([cui-areatype="menu-panel"]):not([state="error"]):not([state="action"]):not([state="active"]) > .toolbarbutton-badge-stack {
	  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png) !important;
	}
  }
  
  @media  (-moz-os-version: windows-xp),
		  (-moz-os-version: windows-vista),
		  (-moz-os-version: windows-win7),
		  (-moz-os-version: windows-win8),
		  (-moz-os-version: windows-win10){
  
	  @media (min-resolution: 1.1dppx) {
		
		#main-window[fx40plus="true"] #PersonalToolbar :-moz-any(#ctraddon_back-button,#ctraddon_forward-button,#ctraddon_stop-button,#ctraddon_reload-button,#ctraddon_bookmarks-menu-toolbar-button,#ctraddon_bookmarks-button,#ctraddon_history-button,#ctraddon_history-menu-toolbar-button,#ctraddon_go-button) .toolbarbutton-icon,
		#main-window[fx40plus="true"] #PersonalToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button:not([starred]), #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #PersonalToolbar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #web-apps-button),
		#main-window[fx40plus="true"] #PersonalToolbar #panic-button:not([open]),
		#main-window[fx40plus="true"] #PersonalToolbar #pocket-button:not([open]),
		#main-window[fx40plus="true"] #PersonalToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
		  list-style-image: url(chrome://browser/skin/Toolbar-inverted@2x.png) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #sync-button[status="active"],
		#main-window[fx40plus="true"] #PersonalToolbar #sync-button[status="active"]:hover:active:not([disabled="true"]) {
		  list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted@2x.png") !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #downloads-button:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
		  background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #downloads-button[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
		  background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 36, 396, 72, 360) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
		#main-window[fx40plus="true"] #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
		  list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
		#main-window[fx40plus="true"] #PersonalToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
		  list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted@2x.png) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar > #alltabs-button,
		#main-window[fx40plus="true"] #PersonalToolbar > toolbarpaletteitem > #alltabs-button {
		  list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
		}
		
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_back-button:not([cui-areatype="menu-panel"]) {
		  -moz-image-region: rect(0, 108px, 36px, 72px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_go-button:not([cui-areatype="menu-panel"]),
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_forward-button:not([cui-areatype="menu-panel"]) {
		  -moz-image-region: rect(0, 144px, 36px, 108px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_stop-button:not([cui-areatype="menu-panel"]){
		  -moz-image-region: rect(0, 216px, 36px, 180px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_reload-button:not([cui-areatype="menu-panel"]){
		  -moz-image-region: rect(0, 180px, 36px, 144px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_bookmarks-menu-toolbar-button:not([cui-areatype="menu-panel"]),
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_bookmarks-button:not([cui-areatype="menu-panel"]) {
		  -moz-image-region: rect(0, 288px, 36px, 252px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_history-button:not([cui-areatype="menu-panel"]),
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_history-menu-toolbar-button:not([cui-areatype="menu-panel"]){
		  -moz-image-region: rect(0, 360px, 36px, 324px) !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar toolbarbutton[id^="loop-"]:not([cui-areatype="menu-panel"]):not([state="error"]):not([state="action"]):not([state="active"]) > .toolbarbutton-badge-container,
		#main-window[fx40plus="true"] #PersonalToolbar toolbarbutton[id^="loop-"]:not([cui-areatype="menu-panel"]):not([state="error"]):not([state="action"]):not([state="active"]) > .toolbarbutton-badge-stack {
		  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted@2x.png) !important;
		}
		
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_bookmarks-menu-toolbar-button .toolbarbutton-icon {
		  width: 18px !important;
		}
		#main-window[fx40plus="true"] #PersonalToolbar #downloads-button .toolbarbutton-icon,
		#main-window[fx40plus="true"] #PersonalToolbar #ctraddon_bookmarks-button .toolbarbutton-icon {
		  width: 18px !important;
		}
	  }
  }
}