wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

[Australis] Bug 859751: Windows 8 toolkit theme adjustments. r=dao.

Browse Source
This commit is contained in:
Mike de Boer 2014-01-10 15:51:17 +01:00
parent 364671235d
commit 32e7f90593
10 changed files with 86 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
toolkit/themes/windows/global/arrow/panelarrow-horizontal-themed.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg"
width="10"
height="20">
<path d="M 10,0 L 0,10 10,20 z"
fill="ThreeDShadow"/>
<path d="M 10,1 L 1,10 10,19 z"
fill="-moz-field"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

BIN
toolkit/themes/windows/global/arrow/panelarrow-horizontal-white.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 293 B

4
toolkit/themes/windows/global/arrow/panelarrow-horizontal.svg
View File

@ -7,7 +7,7 @@
width="10"
height="20">
<path d="M 10,0 L 0,10 10,20 z"
fill="ThreeDShadow"/>
fill="hsla(210,4%,10%,.2)"/>
<path d="M 10,1 L 1,10 10,19 z"
fill="-moz-Dialog"/>
fill="-moz-field"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 460 B

After

Width:  |  Height:  |  Size: 466 B

13
toolkit/themes/windows/global/arrow/panelarrow-vertical-themed.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg"
width="20"
height="10">
<path d="M 0,10 L 10,0 20,10 z"
fill="ThreeDShadow"/>
<path d="M 1,10 L 10,1 19,10 z"
fill="-moz-field"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

BIN
toolkit/themes/windows/global/arrow/panelarrow-vertical-white.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 291 B

4
toolkit/themes/windows/global/arrow/panelarrow-vertical.svg
View File

@ -7,7 +7,7 @@
width="20"
height="10">
<path d="M 0,10 L 10,0 20,10 z"
fill="ThreeDShadow"/>
fill="hsla(210,4%,10%,.2)"/>
<path d="M 1,10 L 10,1 19,10 z"
fill="-moz-Dialog"/>
fill="-moz-field"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 460 B

After

Width:  |  Height:  |  Size: 466 B

10
toolkit/themes/windows/global/jar.mn
View File

@ -82,9 +82,9 @@ toolkit.jar:
skin/classic/global/arrow/arrow-up-hov.gif (arrow/arrow-up-hov.gif)
skin/classic/global/arrow/arrow-up-sharp.gif (arrow/arrow-up-sharp.gif)
skin/classic/global/arrow/panelarrow-horizontal.svg (arrow/panelarrow-horizontal.svg)
skin/classic/global/arrow/panelarrow-horizontal-white.png (arrow/panelarrow-horizontal-white.png)
skin/classic/global/arrow/panelarrow-vertical.svg (arrow/panelarrow-vertical.svg)
skin/classic/global/arrow/panelarrow-vertical-white.png (arrow/panelarrow-vertical-white.png)
skin/classic/global/arrow/panelarrow-horizontal-themed.svg (arrow/panelarrow-horizontal-themed.svg)
skin/classic/global/arrow/panelarrow-vertical-themed.svg (arrow/panelarrow-vertical-themed.svg)
skin/classic/global/checkbox/cbox-check.gif (checkbox/cbox-check.gif)
skin/classic/global/checkbox/cbox-check-dis.gif (checkbox/cbox-check-dis.gif)
skin/classic/global/console/console.css (console/console.css)
@ -225,7 +225,7 @@ toolkit.jar:
skin/classic/aero/global/numberbox.css
* skin/classic/aero/global/notification.css (notification-aero.css)
skin/classic/aero/global/passwordmgr.css
* skin/classic/aero/global/popup.css
* skin/classic/aero/global/popup.css (popup-aero.css)
skin/classic/aero/global/preferences.css
skin/classic/aero/global/printPageSetup.css
skin/classic/aero/global/printPreview.css
@ -267,9 +267,9 @@ toolkit.jar:
skin/classic/aero/global/arrow/arrow-up-hov.gif (arrow/arrow-up-hov.gif)
skin/classic/aero/global/arrow/arrow-up-sharp.gif (arrow/arrow-up-sharp.gif)
skin/classic/aero/global/arrow/panelarrow-horizontal.svg (arrow/panelarrow-horizontal.svg)
skin/classic/aero/global/arrow/panelarrow-horizontal-white.png (arrow/panelarrow-horizontal-white.png)
skin/classic/aero/global/arrow/panelarrow-vertical.svg (arrow/panelarrow-vertical.svg)
skin/classic/aero/global/arrow/panelarrow-vertical-white.png (arrow/panelarrow-vertical-white.png)
skin/classic/aero/global/arrow/panelarrow-horizontal-themed.svg (arrow/panelarrow-horizontal-themed.svg)
skin/classic/aero/global/arrow/panelarrow-vertical-themed.svg (arrow/panelarrow-vertical-themed.svg)
skin/classic/aero/global/checkbox/cbox-check.gif (checkbox/cbox-check.gif)
skin/classic/aero/global/checkbox/cbox-check-dis.gif (checkbox/cbox-check-dis.gif)
* skin/classic/aero/global/console/console.css (console/console-aero.css)

7
toolkit/themes/windows/global/popup-aero.css Normal file
View File

@ -0,0 +1,7 @@
% This Source Code Form is subject to the terms of the Mozilla Public
% License, v. 2.0. If a copy of the MPL was not distributed with this
% file, You can obtain one at http://mozilla.org/MPL/2.0/.
%define WINDOWS_AERO
%include popup.css
%undef WINDOWS_AERO

48
toolkit/themes/windows/global/popup.css
View File

@ -75,18 +75,29 @@ panel[type="arrow"][side="right"] {
}
.panel-arrowcontent {
border-radius: 4px;
padding: 10px;
color: -moz-DialogText;
background: -moz-Dialog;
padding: 4px;
color: -moz-FieldText;
background: -moz-field;
background-clip: padding-box;
border: 1px solid ThreeDShadow;
margin: 4px;
}
%ifdef WINDOWS_AERO
@media (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7) {
%endif
/* < Win8 */
.panel-arrowcontent {
border-radius: 4px;
}
%ifdef WINDOWS_AERO
}
%endif
.panel-arrow[side="top"],
.panel-arrow[side="bottom"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg");
position: relative;
margin-left: 10px;
margin-right: 10px;
@ -103,7 +114,7 @@ panel[type="arrow"][side="right"] {
.panel-arrow[side="left"],
.panel-arrow[side="right"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");
position: relative;
margin-top: 10px;
margin-bottom: 10px;
@ -121,34 +132,19 @@ panel[type="arrow"][side="right"] {
%ifdef XP_WIN
@media (-moz-windows-default-theme) {
.panel-arrowcontent {
border-color: rgba(0,0,0,.3);
box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.panel-arrowcontent[side="top"] {
background-image: linear-gradient(white 1px, rgba(255,255,255,0) 15px);
}
.panel-arrowcontent[side="bottom"] {
background-image: linear-gradient(to top, white 1px, rgba(255,255,255,0) 15px);
}
.panel-arrowcontent[side="left"] {
background-image: linear-gradient(to right, white 1px, rgba(255,255,255,0) 15px);
}
.panel-arrowcontent[side="right"] {
background-image: linear-gradient(to left, white 1px, rgba(255,255,255,0) 15px);
border-color: hsla(210,4%,10%,.2);
box-shadow: 0 3px 5px hsla(210,4%,10%,.1),
0 0 7px hsla(210,4%,10%,.1);
}
.panel-arrow[side="top"],
.panel-arrow[side="bottom"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-white.png");
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
}
.panel-arrow[side="left"],
.panel-arrow[side="right"] {
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-white.png");
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
}
}
%endif

24
toolkit/themes/windows/mozapps/extensions/extensions.css
View File

@ -299,11 +299,21 @@
#header-search {
-moz-appearance: none;
border: 1px solid rgba(0, 0, 0, 0.32);
border-radius: 2.5px;
padding-bottom: 2px;
background-color: rgba(255, 255, 255, 0.4);
}
%ifdef WINDOWS_AERO
@media (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7) {
%endif
#header-search {
border-radius: 2.5px;
}
%ifdef WINDOWS_AERO
}
%endif
#header-search:hover {
background-color: rgba(255, 255, 255, .75);
}
@ -1138,13 +1148,23 @@ button.button-link:not([disabled="true"]):active:hover {
background: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%,
rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3));
background-clip: padding-box;
border-radius: 2.5px;
border: 1px solid rgba(31, 64, 100, 0.4);
border-top-color: rgba(31, 64, 100, 0.3);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset,
0 0 2px 1px rgba(255, 255, 255, 0.25) inset;
}
%ifdef WINDOWS_AERO
@media (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7) {
%endif
.header-button {
border-radius: 2.5px;
}
%ifdef WINDOWS_AERO
}
%endif
.header-button[disabled="true"] {
opacity: 0.8;
}