mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-14 05:45:37 +00:00
not quite yet
This commit is contained in:
kerz%netscape.com
parent
b4ea41c359
commit
346bf8ea62
@ -42,325 +42,133 @@
|
||||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
|
||||
/* ::::: bookmark toolbar buttons ::::: */
|
||||
|
||||
/* ..... bookmark items ..... */
|
||||
|
||||
toolbarbutton.bookmark-item {
|
||||
cursor: pointer;
|
||||
min-width: 0;
|
||||
max-width: 10em;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[container="true"],
|
||||
toolbarbutton.bookmark-item[container="true"]:hover {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* removes border from non-container bookmark items */
|
||||
toolbarbutton.bookmark-item:not([container="true"]):hover,
|
||||
toolbarbutton.bookmark-item:not([container="true"]):hover:active {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.bookmark-item > .toolbarbutton-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.bookmark-item > .toolbarbutton-menu-dropmarker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ..... drag and drop styles ..... */
|
||||
|
||||
toolbarbutton.bookmark-item[dragover-left="true"] {
|
||||
border-left-color: #000000;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[dragover-right="true"] {
|
||||
border-right-color: #000000;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[dragover-top="true"] {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
/* ::::: bookmark menus ::::: */
|
||||
|
||||
menu.bookmark-item,
|
||||
menuitem.bookmark-item {
|
||||
border-top: 1px solid transparent !important;
|
||||
border-bottom: 1px solid transparent !important;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
/* ..... drag and drop styles ..... */
|
||||
|
||||
menu.bookmark-item[dragover-top="true"],
|
||||
menuitem.bookmark-item[dragover-top="true"] {
|
||||
border-top: 1px solid #000000 !important;
|
||||
}
|
||||
|
||||
menu.bookmark-item[dragover-bottom="true"],
|
||||
menuitem.bookmark-item[dragover-bottom="true"] {
|
||||
border-bottom: 1px solid #000000 !important;
|
||||
}
|
||||
|
||||
menu.bookmark-item[dragover="true"] {
|
||||
background: #424F63 !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* ::::: bookmark items ::::: */
|
||||
|
||||
treechildren:-moz-tree-image(Name) {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item {
|
||||
-moz-appearance: none !important;
|
||||
margin: 0px 2px;
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-icon-n.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item:hover {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-icon-h.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item:active {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-icon-a.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[disabled="true"] {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-icon-d.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[container="true"] {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-folder-n.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[container="true"]:hover {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-folder-h.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[container="true"][open="true"] {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-folder-a.png") !important;
|
||||
}
|
||||
|
||||
toolbarbutton.bookmark-item[disabled="true"][container="true"] {
|
||||
list-style-image: url("chrome://browser/skin/o3-bookmark-folder-d.png") !important;
|
||||
}
|
||||
|
||||
|
||||
treechildren:-moz-tree-twisty(group, hidetwisty) {
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
treechildren:-moz-tree-image(Name, container, group) {
|
||||
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-group.gif");
|
||||
}
|
||||
|
||||
|
||||
/* ::::: primary toolbar buttons ::::: */
|
||||
|
||||
.toolbarbutton-menubutton-dropmarker {
|
||||
list-style-image: url("chrome://browser/skin/o3-imap-dropmarker.png");
|
||||
-moz-box-align: center;
|
||||
-moz-box-pack: center;
|
||||
-moz-image-region: rect(0 14px 15px 0px) !important;
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
toolbarbutton:hover > stack > .toolbarbutton-menubutton-dropmarker {
|
||||
-moz-image-region: rect(0 29px 15px 15px) !important;
|
||||
}
|
||||
|
||||
toolbarbutton[disabled="true"] > stack > .toolbarbutton-menubutton-dropmarker,
|
||||
toolbarbutton[disabled="true"]:hover > stack > .toolbarbutton-menubutton-dropmarker {
|
||||
-moz-image-region: rect(0 44px 15px 30px) !important;
|
||||
}
|
||||
|
||||
toolbarbutton[open="true"] > stack > .toolbarbutton-menubutton-dropmarker {
|
||||
-moz-image-region: rect(0 59px 15px 45px) !important;
|
||||
}
|
||||
|
||||
#back-button > .toolbarbutton-menubutton-stack
|
||||
> .toolbarbutton-menubutton-dropmarker,
|
||||
#forward-button > .toolbarbutton-menubutton-stack
|
||||
> .toolbarbutton-menubutton-dropmarker
|
||||
{
|
||||
margin-left: 34px;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
#print-button > .toolbarbutton-menubutton-stack
|
||||
> .toolbarbutton-menubutton-dropmarker
|
||||
{
|
||||
margin-left: 34px;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.toolbarbutton-1 {
|
||||
min-width: 0px;
|
||||
padding: 0px !important;
|
||||
margin: 0px 2px !important;
|
||||
border: 0px !important;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
toolbarbutton, menubutton {
|
||||
-moz-appearance: none !important;
|
||||
border-color: transparent !important;
|
||||
list-style-image: url("chrome://browser/skin/buttons.gif");
|
||||
}
|
||||
|
||||
#back-button {
|
||||
list-style-image: url("chrome://browser/skin/back-large.png");
|
||||
-moz-image-region: rect(0px 46px 42px 0px);
|
||||
width: 47 !important;
|
||||
min-width: 47;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
#back-button[buttonover="true"] {
|
||||
-moz-image-region: rect(0px 100px 42px 54px);
|
||||
border: 0px !important;
|
||||
-moz-image-region: rect(0px 23px 21px 0px) !important;
|
||||
}
|
||||
|
||||
#back-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 154px 42px 108px) !important;
|
||||
border: 0px !important;
|
||||
-moz-image-region: rect(21px 23px 42px 0px) !important;
|
||||
}
|
||||
|
||||
#back-button[buttonover="true"]:not([disabled]) {
|
||||
-moz-image-region: rect(42px 23px 63px 0px) !important;
|
||||
}
|
||||
|
||||
#back-button[buttondown="true"] {
|
||||
-moz-image-region: rect(0px 208px 42px 162px);
|
||||
border: 0px !important;
|
||||
-moz-image-region: rect(63px 23px 84px 0px) !important;
|
||||
}
|
||||
|
||||
|
||||
#forward-button {
|
||||
list-style-image: url("chrome://browser/skin/forward-large.png");
|
||||
-moz-image-region: rect(0px 46px 42px 0px);
|
||||
min-width: 47;
|
||||
width: 47;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
#forward-button[buttonover="true"] {
|
||||
-moz-image-region: rect(0px 100px 42px 54px);
|
||||
-moz-image-region: rect(0px 46px 21px 23px) !important;
|
||||
}
|
||||
|
||||
#forward-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 154px 42px 108px) !important;
|
||||
-moz-image-region: rect(21px 46px 42px 23px) !important;
|
||||
}
|
||||
|
||||
#forward-button[buttonover="true"]:not([disabled]) {
|
||||
-moz-image-region: rect(42px 46px 63px 23px) !important;
|
||||
}
|
||||
|
||||
#forward-button[buttondown="true"] {
|
||||
-moz-image-region: rect(0px 208px 42px 162px);
|
||||
-moz-image-region: rect(63px 46px 84px 23px) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#reload-button {
|
||||
list-style-image: url("chrome://browser/skin/reload-large.png");
|
||||
-moz-image-region: rect(0px 40px 42px 0px);
|
||||
width: 47 !important;
|
||||
min-width: 47;
|
||||
}
|
||||
|
||||
#reload-button:hover {
|
||||
-moz-image-region: rect(0px 81px 42px 41px);
|
||||
-moz-image-region: rect(0px 92px 21px 69px) !important;
|
||||
}
|
||||
|
||||
#reload-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 122px 42px 82px) !important;
|
||||
#reload-button:hover {
|
||||
-moz-image-region: rect(42px 92px 63px 69px) !important;
|
||||
}
|
||||
|
||||
#reload-button:hover:active {
|
||||
-moz-image-region: rect(0px 163px 42px 123px);
|
||||
-moz-image-region: rect(63px 92px 84px 69px) !important;
|
||||
}
|
||||
|
||||
|
||||
#stop-button {
|
||||
list-style-image: url("chrome://browser/skin/stop-large.png");
|
||||
-moz-image-region: rect(0px 40px 42px 0px);
|
||||
width: 47 !important;
|
||||
min-width: 47;
|
||||
}
|
||||
|
||||
#stop-button:hover {
|
||||
-moz-image-region: rect(0px 81px 42px 41px);
|
||||
}
|
||||
|
||||
-moz-image-region: rect(0px 69px 21px 46px) !important;
|
||||
}
|
||||
|
||||
#stop-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 122px 42px 82px) !important;
|
||||
}
|
||||
#stop-button:hover:active {
|
||||
-moz-image-region: rect(0px 163px 42px 123px);
|
||||
}
|
||||
|
||||
#home-button {
|
||||
list-style-image: url("chrome://browser/skin/home-large.png") !important;
|
||||
-moz-image-region: rect(0px 40px 42px 0px);
|
||||
-moz-box-align: center;
|
||||
-moz-box-pack: center;
|
||||
-moz-image-region: rect(21px 69px 42px 46px) !important;
|
||||
}
|
||||
|
||||
#home-button:hover {
|
||||
-moz-image-region: rect(0px 94px 42px 54px);
|
||||
#stop-button:hover:not([disabled]) {
|
||||
-moz-image-region: rect(42px 69px 63px 46px) !important;
|
||||
}
|
||||
|
||||
#home-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 148px 42px 108px) !important;
|
||||
#stop-button:hover:active:not([disabled]) {
|
||||
-moz-image-region: rect(63px 69px 84px 46px) !important;
|
||||
}
|
||||
|
||||
#home-button:hover:active {
|
||||
-moz-image-region: rect(0px 202px 42px 162px);
|
||||
}
|
||||
|
||||
#print-button {
|
||||
list-style-image: url("chrome://browser/skin/print-large.png");
|
||||
-moz-image-region: rect(0px 46px 42px 0px);
|
||||
width: 47 !important;
|
||||
min-width: 47;
|
||||
-moz-image-region: rect(0px 115px 21px 92px) !important;
|
||||
}
|
||||
|
||||
#print-button:hover {
|
||||
-moz-image-region: rect(0px 100px 42px 54px);
|
||||
-moz-image-region: rect(42px 115px 63px 92px) !important;
|
||||
}
|
||||
|
||||
#print-button:hover:active {
|
||||
-moz-image-region: rect(0px 208px 42px 162px);
|
||||
-moz-image-region: rect(63px 115px 84px 92px) !important;
|
||||
}
|
||||
|
||||
#print-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 154px 42px 108px) !important;
|
||||
#home-button {
|
||||
-moz-image-region: rect(0px 138px 21px 115px) !important;
|
||||
}
|
||||
|
||||
#home-button:hover,
|
||||
#home-button[dragover] {
|
||||
-moz-image-region: rect(42px 138px 63px 115px) !important;
|
||||
}
|
||||
|
||||
#home-button:hover:active {
|
||||
-moz-image-region: rect(63px 138px 84px 115px) !important;
|
||||
}
|
||||
|
||||
#search-button {
|
||||
list-style-image: url("chrome://browser/skin/search-large.png");
|
||||
-moz-image-region: rect(0px 32px 32px 0px) !important;
|
||||
width: 47 !important;
|
||||
min-width: 47;
|
||||
-moz-image-region: rect(0px 161px 21px 138px) !important;
|
||||
}
|
||||
|
||||
#search-button:hover {
|
||||
-moz-image-region: rect(0px 65px 32px 33px) !important;
|
||||
}
|
||||
#search-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 98px 32px 66px) !important;
|
||||
-moz-image-region: rect(42px 161px 63px 138px) !important;
|
||||
}
|
||||
|
||||
#search-button:hover:active {
|
||||
-moz-image-region: rect(0px 131px 32px 99px) !important;
|
||||
-moz-image-region: rect(63px 161px 84px 138px) !important;
|
||||
}
|
||||
|
||||
#bookmarks-button {
|
||||
-moz-image-region: rect(0px 184px 21px 161px) !important;
|
||||
}
|
||||
|
||||
#bookmarks-button:hover {
|
||||
-moz-image-region: rect(42px 184px 63px 161px) !important;
|
||||
}
|
||||
|
||||
#bookmarks-button:hover:active {
|
||||
-moz-image-region: rect(63px 184px 84px 161px) !important;
|
||||
}
|
||||
|
||||
#history-button {
|
||||
-moz-image-region: rect(0px 207px 21px 184px) !important;
|
||||
}
|
||||
|
||||
#history-button:hover {
|
||||
-moz-image-region: rect(42px 207px 63px 184px) !important;
|
||||
}
|
||||
|
||||
#history-button:hover:active {
|
||||
-moz-image-region: rect(63px 207px 84px 184px) !important;
|
||||
}
|
||||
|
||||
/* ::::: small primary toolbar buttons ::::: */
|
||||
@ -404,7 +212,7 @@ toolbarbutton, menubutton {
|
||||
#close-button {
|
||||
list-style-image: url("chrome://navigator/skin/icons/close.gif");
|
||||
}
|
||||
|
||||
|
||||
/* ::::: nav-bar-inner ::::: */
|
||||
|
||||
#nav-bar-inner {
|
||||
@ -413,16 +221,11 @@ toolbarbutton, menubutton {
|
||||
}
|
||||
|
||||
#urlbar {
|
||||
margin: 2px 6px 2px 3px;
|
||||
border: 6px solid;
|
||||
background-color: #FEFEFE;
|
||||
|
||||
-moz-border-radius: 4px;
|
||||
|
||||
-moz-border-top-colors: #DBE2E8 #D5DEE4 #CAD3D7 #C3C8CE #B8BFC4 #010101;
|
||||
-moz-border-right-colors: #E5EAEF #EAF1F4 #F1F4F7 #F6F9FA #FEFEFE #010101;
|
||||
-moz-border-bottom-colors: #E5EAEF #EAF1F4 #F1F4F7 #F6F9FA #FEFEFE #010101;
|
||||
-moz-border-left-colors: #DDE4E9 #D5DEE4 #CAD3D7 #C3C8CE #B8BFC4 #010101;
|
||||
border: 3px solid;
|
||||
-moz-border-top-colors: transparent ThreeDShadow ThreeDDarkShadow;
|
||||
-moz-border-right-colors: transparent ThreeDHighlight ThreeDDarkShadow;
|
||||
-moz-border-bottom-colors: transparent ThreeDHighlight ThreeDDarkShadow;
|
||||
-moz-border-left-colors: transparent ThreeDShadow ThreeDDarkShadow;
|
||||
}
|
||||
|
||||
/* ::::: page proxy icon ::::: */
|
||||
@ -461,21 +264,30 @@ toolbarbutton, menubutton {
|
||||
}
|
||||
|
||||
/* ::::: autocomplete ::::: */
|
||||
.autocomplete-outlinerbody:-moz-outliner-cell-text(value) {
|
||||
|
||||
.autocomplete-history-dropmarker {
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
-moz-border-right-colors: ThreeDShadow;
|
||||
-moz-border-bottom-colors: ThreeDShadow;
|
||||
}
|
||||
|
||||
.autocomplete-treebody:-moz-tree-cell-text(value) {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.autocomplete-outlinerbody:-moz-outliner-cell-text(comment) {
|
||||
color: #555566;
|
||||
.autocomplete-treebody:-moz-tree-cell-text(comment) {
|
||||
color: ThreeDShadow;
|
||||
}
|
||||
|
||||
.autocomplete-search-box {
|
||||
border-top: 2px groove #DDE3EB;
|
||||
background-color: #DDE3EB;
|
||||
border-top: 2px groove -moz-Dialog;
|
||||
background-color: -moz-Dialog;
|
||||
color: ButtonText;
|
||||
}
|
||||
|
||||
.autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box {
|
||||
border-top: 1px solid #E4EAEF;
|
||||
.autocomplete-result-popup[nomatch] > .autocomplete-search-box {
|
||||
border-top: 1px solid ThreeDHighlight;
|
||||
}
|
||||
|
||||
.autocomplete-search-engine {
|
||||
@ -483,62 +295,39 @@ toolbarbutton, menubutton {
|
||||
}
|
||||
|
||||
.autocomplete-search-engine[menuactive="true"] {
|
||||
background-color: #9499AC;
|
||||
color: #FFFFFF;
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
.autocomplete-search-engine-img {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.autocomplete-history-dropmarker {
|
||||
margin: -1px 3px 0px 1px !important;
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
padding-top: 2px;
|
||||
/* ::::: go and searchbuttons ::::: */
|
||||
|
||||
#go-button {
|
||||
margin: 0px 4px 0px 0px;
|
||||
min-height: 25px;
|
||||
-moz-border-top-colors: transparent transparent !important;
|
||||
-moz-border-right-colors: transparent transparent !important;
|
||||
-moz-border-bottom-colors: transparent transparent !important;
|
||||
-moz-border-left-colors: transparent transparent !important;
|
||||
|
||||
list-style-image: url("chrome://browser/skin/o3-imap-dropmarker.png");
|
||||
-moz-image-region: rect(0 14px 15px 0px) !important;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
.autocomplete-history-dropmarker:hover {
|
||||
-moz-image-region: rect(0 29px 15px 15px) !important;
|
||||
}
|
||||
|
||||
.autocomplete-history-dropmarker[open="true"] {
|
||||
-moz-image-region: rect(0 60px 15px 46px) !important;
|
||||
}
|
||||
|
||||
/* ::::: go button ::::: */
|
||||
|
||||
#go-button > .button-box > .button-text {
|
||||
display: none !important;
|
||||
max-width: 0px !important;
|
||||
min-width: 0px;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
#go-button,
|
||||
#go-container {
|
||||
-moz-appearance: none !importan;
|
||||
min-width: 0px;
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0px !important;
|
||||
list-style-image: url("chrome://browser/skin/go-large.png");
|
||||
-moz-image-region: rect(0px 26px 27px 0px) !important;
|
||||
}
|
||||
#go-button:hover {
|
||||
-moz-image-region: rect(0px 53px 27px 27px) !important;
|
||||
}
|
||||
#go-button[disabled="true"] {
|
||||
-moz-image-region: rect(0px 80px 27px 54px) !important;
|
||||
-moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight !important;
|
||||
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
|
||||
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
|
||||
-moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight !important;
|
||||
font-color: blue;
|
||||
}
|
||||
|
||||
#go-button:hover:active {
|
||||
-moz-image-region: rect(0px 107px 27px 81px) !important;
|
||||
-moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important;
|
||||
-moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight !important;
|
||||
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight !important;
|
||||
-moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important;
|
||||
}
|
||||
|
||||
/* ::::: content area ::::: */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user