mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-28 12:45:27 +00:00
Bug 551916 - give the identity box and the search engine button a three-dimensional appearance. r=ventnor
This commit is contained in:
parent
f62b88bc41
commit
2c1322968e
@ -842,7 +842,7 @@ toolbar[iconsize="small"] #fullscreen-button {
|
|||||||
|
|
||||||
/* Identity indicator */
|
/* Identity indicator */
|
||||||
#identity-box {
|
#identity-box {
|
||||||
background-color: -moz-dialog;
|
background: -moz-dialog -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
|
||||||
color: -moz-dialogtext;
|
color: -moz-dialogtext;
|
||||||
-moz-border-end: 1px solid ThreeDShadow;
|
-moz-border-end: 1px solid ThreeDShadow;
|
||||||
}
|
}
|
||||||
@ -855,13 +855,13 @@ toolbar[iconsize="small"] #fullscreen-button {
|
|||||||
outline: 1px dotted -moz-DialogText;
|
outline: 1px dotted -moz-DialogText;
|
||||||
}
|
}
|
||||||
|
|
||||||
#identity-box:hover > #identity-box-inner {
|
#identity-box:hover {
|
||||||
background-color: rgba(255, 255, 255, .2);
|
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(50%,50%,50%,.2), rgba(0,0,0,.15));
|
||||||
}
|
}
|
||||||
|
|
||||||
#identity-box:hover:active > #identity-box-inner,
|
#identity-box:hover:active,
|
||||||
#identity-box[open="true"] > #identity-box-inner {
|
#identity-box[open="true"] {
|
||||||
background-color: rgba(0, 0, 0, .1);
|
background-image: -moz-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.1));
|
||||||
}
|
}
|
||||||
|
|
||||||
#identity-icon-labels {
|
#identity-icon-labels {
|
||||||
|
@ -33,10 +33,8 @@
|
|||||||
-moz-margin-end: 2px;
|
-moz-margin-end: 2px;
|
||||||
border: 0;
|
border: 0;
|
||||||
-moz-box-align: center;
|
-moz-box-align: center;
|
||||||
background-color: -moz-dialog;
|
background: -moz-dialog -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.15));
|
||||||
-moz-border-end: 1px solid;
|
-moz-border-end: 1px solid ThreeDShadow;
|
||||||
-moz-border-right-colors: ThreeDShadow;
|
|
||||||
-moz-border-left-colors: ThreeDShadow;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-engine-button > .button-box {
|
.searchbar-engine-button > .button-box {
|
||||||
@ -46,17 +44,17 @@
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-engine-button:hover > .button-box {
|
.searchbar-engine-button:hover {
|
||||||
background-color: rgba(255, 255, 255, .2);
|
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(50%,50%,50%,.2), rgba(0,0,0,.15));
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-engine-button:hover:active > .button-box,
|
.searchbar-engine-button:hover:active,
|
||||||
.searchbar-engine-button[open="true"] > .button-box {
|
.searchbar-engine-button[open="true"] {
|
||||||
background-color: rgba(0, 0, 0, .1);
|
background-image: -moz-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-engine-button[addengines="true"] {
|
.searchbar-engine-button[addengines="true"] {
|
||||||
-moz-box-shadow: 0 0 5px Highlight inset, 0 0 20px Highlight inset;
|
-moz-box-shadow: 0 -5px 20px Highlight inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-dropmarker-image {
|
.searchbar-dropmarker-image {
|
||||||
|
Loading…
Reference in New Issue
Block a user