mozilla
/
pjs
зеркало из https://github.com/mozilla/pjs.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 581770 - Simplify and tweak tab styling. r=mano

This commit is contained in:
Dão Gottwald 2010-08-09 09:43:45 +02:00
Родитель 24dcc80179
Коммит 8dc0a9f3b0
2 изменённых файлов: 35 добавлений и 58 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

15
browser/themes/winstripe/browser/browser-aero.css
Просмотреть файл

@ -9,12 +9,9 @@
background-color: @customToolbarColor@;
}
#navigator-toolbox[tabsontop="true"] > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
-moz-linear-gradient(left, transparent, transparent 1px,
@toolbarHighlight@ 1px, @toolbarHighlight@),
-moz-linear-gradient(left, transparent, transparent 1px,
@customToolbarColor@ 1px, @customToolbarColor@);
.tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
background-image: -moz-linear-gradient(rgba(255,255,255,.7), @toolbarHighlight@ 30%),
-moz-linear-gradient(@customToolbarColor@, @customToolbarColor@);
}
}
@ -92,15 +89,13 @@
.tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]),
.tabs-newtab-button:not(:-moz-lwtheme) {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(255,255,255,.4) 1px, rgba(255,255,255,.4));
background-image: -moz-linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 50%);
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]):hover,
.tabs-newtab-button:not(:-moz-lwtheme):hover {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(255,255,255,.6) 1px, rgba(255,255,255,.6));
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,75%,.6) 50%);
}
#allTabs-panel,

78
browser/themes/winstripe/browser/browser.css
Просмотреть файл

@ -1124,9 +1124,8 @@ richlistitem[type="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-i
.tabbrowser-tab,
.tabs-newtab-button {
-moz-appearance: none;
background: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(50%,50%,50%,.1) 1px, rgba(50%,50%,50%,.1));
background-position: -6px -2px;
background: -moz-linear-gradient(hsla(0,0%,50%,.1), hsla(0,0%,37%,.1) 50%);
background-position: -5px -2px;
background-repeat: no-repeat;
background-size: 200%;
margin: 0;
@ -1137,59 +1136,42 @@ richlistitem[type="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-i
.tabbrowser-tab:hover,
.tabs-newtab-button:hover {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(255,255,255,.4) 1px, rgba(255,255,255,.4));
background-image: -moz-linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 50%);
}
.tabbrowser-tab:-moz-lwtheme-brighttext,
.tabs-newtab-button:-moz-lwtheme-brighttext {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(40%,40%,40%,.6) 1px, rgba(40%,40%,40%,.6));
}
.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(60%,60%,60%,.6) 1px, rgba(60%,60%,60%,.6));
}
.tabbrowser-tab:-moz-lwtheme-darktext,
.tabs-newtab-button:-moz-lwtheme-darktext {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(60%,60%,60%,.5) 1px, rgba(60%,60%,60%,.5));
}
.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
.tabs-newtab-button:-moz-lwtheme-darktext:hover {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
rgba(80%,80%,80%,.5) 1px, rgba(80%,80%,80%,.5));
}
.tabbrowser-tab[selected="true"]:-moz-lwtheme {
background-image: -moz-linear-gradient(left, transparent, transparent 1px,
@toolbarHighlight@ 1px, @toolbarHighlight@);
}
#tabbrowser-tabs[tabsontop="false"] > .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
background-image: -moz-linear-gradient(left, transparent, transparent 1px, white 1px, white);
color: black;
}
#tabbrowser-tabs[tabsontop="true"] > .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
-moz-linear-gradient(left, transparent, transparent 1px,
@toolbarHighlight@ 1px, @toolbarHighlight@),
-moz-linear-gradient(left, transparent, transparent 1px,
-moz-dialog 1px, -moz-dialog);
background-position: center -2px, -6px -2px, -6px -2px;
background-size: 100%, 200%, 200%;
color: -moz-dialogText;
.tabbrowser-tab[selected="true"] {
background-image: -moz-linear-gradient(rgba(255,255,255,.7), @toolbarHighlight@ 30%),
-moz-linear-gradient(-moz-dialog, -moz-dialog);
}
.tabbrowser-tab:-moz-lwtheme {
color: inherit;
}
.tabbrowser-tab[selected="true"]:-moz-lwtheme {
background-image: -moz-linear-gradient(rgba(255,255,255,.7), @toolbarHighlight@ 30%);
}
.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
.tabs-newtab-button:-moz-lwtheme-brighttext {
background-image: -moz-linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 50%);
}
.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
background-image: -moz-linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 50%);
}
.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
.tabs-newtab-button:-moz-lwtheme-darktext {
background-image: -moz-linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 50%);
}
.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
.tabs-newtab-button:-moz-lwtheme-darktext:hover {
background-image: -moz-linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 50%);
}
.tabbrowser-tab[busy] > .tab-icon-image {
list-style-image: url("chrome://browser/skin/tabbrowser/progress.png") !important;
-moz-image-region: rect(0, 16px, 16px, 0);