[Australis] Bug 986324: small refactor of urlbar and search field styles. r=dao.

This commit is contained in:
Mike de Boer 2014-04-03 15:01:35 +02:00
Родитель 97f4cb383a
Коммит e260d435ed
1 изменённых файлов: 32 добавлений и 41 удалений

Просмотреть файл

@ -52,37 +52,19 @@
-moz-margin-start: 0; -moz-margin-start: 0;
-moz-margin-end: -3px; -moz-margin-end: -3px;
} }
}
@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
(-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
#navigator-toolbox > toolbar:not(:-moz-lwtheme),
#browser-bottombox:not(:-moz-lwtheme),
.browserContainer > findbar {
background-color: @customToolbarColor@;
}
.tab-background-middle[selected=true]:not(:-moz-lwtheme) {
background-color: @customToolbarColor@;
}
#navigator-toolbox:not(:-moz-lwtheme)::after {
background-color: #aabccf;
}
#urlbar:not(:-moz-lwtheme), #urlbar:not(:-moz-lwtheme),
.searchbar-textbox:not(:-moz-lwtheme) { .searchbar-textbox:not(:-moz-lwtheme) {
border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3); border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3);
} box-shadow: 0 1px 0 hsla(0,0%,0%,.01) inset,
0 1px 0 hsla(0,0%,100%,.1);
#urlbar:not(:-moz-lwtheme):not([focused]):hover, transition-property: border-color;
.searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover { transition-duration: 200ms;
border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4);
} }
#urlbar:not(:-moz-lwtheme)[focused], #urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] { .searchbar-textbox:not(:-moz-lwtheme)[focused] {
border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65); border-color: Highlight;
} }
.menu-accel, .menu-accel,
@ -94,7 +76,33 @@
chatbar > chatbox { chatbar > chatbox {
border-color: #A9B7C9; border-color: #A9B7C9;
} }
@media (-moz-os-version: windows-vista),
(-moz-os-version: windows-win7) {
#navigator-toolbox > toolbar:not(:-moz-lwtheme),
#browser-bottombox:not(:-moz-lwtheme),
.browserContainer > findbar {
background-color: @customToolbarColor@;
}
.tab-background-middle[selected=true]:not(:-moz-lwtheme) {
background-color: @customToolbarColor@;
}
#navigator-toolbox:not(:-moz-lwtheme)::after {
background-color: #aabccf;
}
#urlbar:not(:-moz-lwtheme):not([focused]):hover,
.searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover {
border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4);
}
#urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] {
border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65);
}
}
} }
@media (-moz-windows-compositor) { @media (-moz-windows-compositor) {
@ -355,23 +363,6 @@
/* Win8 and beyond. */ /* Win8 and beyond. */
@media not all and (-moz-os-version: windows-vista) { @media not all and (-moz-os-version: windows-vista) {
@media not all and (-moz-os-version: windows-win7) { @media not all and (-moz-os-version: windows-win7) {
#urlbar:not(:-moz-lwtheme),
.searchbar-textbox:not(:-moz-lwtheme) {
background-color: hsla(0,0%,100%,.9);
border: 1px solid transparent;
border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3);
box-shadow: 0 1px 0 hsla(0,0%,0%,.01) inset,
0 1px 0 hsla(0,0%,100%,.1);
transition-property: border-color, background-color;
transition-duration: 200ms;
}
#urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] {
background-color: hsla(0,0%,100%,1);
border-color: #4595e5;
}
/* Introducing an additional hover state for the Bookmark button */ /* Introducing an additional hover state for the Bookmark button */
#nav-bar .toolbarbutton-1[buttonover] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon { #nav-bar .toolbarbutton-1[buttonover] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
background-color: hsla(210,4%,10%,.08); background-color: hsla(210,4%,10%,.08);