201 lines
3.5 KiB
CSS
201 lines
3.5 KiB
CSS
/** Contains style definitions for the navigator application
|
|
**/
|
|
|
|
@import url(chrome://global/skin/);
|
|
|
|
box#sidebar-parent {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
/*
|
|
* Rules for 'hiding' portions of the chrome for special
|
|
* kinds of browser windows.
|
|
*/
|
|
window[chromehidden~="menubar"] [chromeclass="menubar"] {
|
|
display: none;
|
|
}
|
|
|
|
window[chromehidden~="toolbar"] [chromeclass="toolbar"] {
|
|
display: none;
|
|
}
|
|
|
|
window[chromehidden~="location"] [chromeclass="location"] {
|
|
display: none;
|
|
}
|
|
|
|
window[chromehidden~="directories"] [chromeclass="directories"] {
|
|
display: none;
|
|
}
|
|
|
|
window[chromehidden~="status"] [chromeclass="status"] {
|
|
display: none;
|
|
}
|
|
|
|
window[chromehidden~="extrachrome"] [chromeclass="extrachrome"] {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
* Images for the main buttons
|
|
*/
|
|
titledbutton#back-button {
|
|
list-style-image:url("chrome://navigator/skin/back.gif");
|
|
}
|
|
|
|
titledbutton#forward-button {
|
|
list-style-image:url("chrome://navigator/skin/forward.gif");
|
|
}
|
|
|
|
titledbutton#stop-button {
|
|
list-style-image:url("chrome://navigator/skin/stop.gif");
|
|
}
|
|
|
|
titledbutton#reload-button {
|
|
list-style-image:url("chrome://navigator/skin/reload.gif");
|
|
}
|
|
|
|
/*all the urlbar stuff*/
|
|
#page-proxy-button {
|
|
background-color: white;
|
|
margin: 0px;
|
|
min-width: 10px;
|
|
border: none;
|
|
list-style-image:url("chrome://bookmarks/skin/bookmark-item.gif");
|
|
}
|
|
|
|
#urlbar {
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
font: inherit;
|
|
border: none;
|
|
}
|
|
|
|
box#url-bar-box {
|
|
border: 2px solid white;
|
|
margin: 0px;
|
|
margin-left: 10px;
|
|
padding: 0px;
|
|
background-color: white;
|
|
-moz-border-radius: 5px;
|
|
margin-bottom: 8px;
|
|
font: inherit;
|
|
}
|
|
|
|
box#searchbutton {
|
|
margin: 0px;
|
|
margin-left: 5px;
|
|
padding: 0px;
|
|
margin-bottom: 10px;
|
|
font: inherit;
|
|
}
|
|
|
|
#sessionhist-popup {
|
|
background-color: white;
|
|
margin: 0px;
|
|
width: 10px;
|
|
border: none;
|
|
list-style-image:url("chrome://global/skin/scroll-down.gif");
|
|
}
|
|
|
|
#search-button {
|
|
background-color: #99CCCC;
|
|
padding: 2px;
|
|
border: 1px outset #99CCCC;
|
|
-moz-border-radius: 4px;
|
|
}
|
|
|
|
#search-button:active {
|
|
padding: 3px 1px 1px 3px;
|
|
border: 1px inset #CCFFFF;
|
|
}
|
|
|
|
#search-button:hover {
|
|
background-color: #CCFFFF;
|
|
border: 1px outset #CCFFFF;
|
|
}
|
|
|
|
#search-button:hover:active {
|
|
background-color: #CCFFFF;
|
|
border: 1px inset #CCFFFF;
|
|
}
|
|
|
|
|
|
#action-popup {
|
|
list-style-image:url("chrome://global/skin/scroll-down.gif");
|
|
background-color: #99CCCC;
|
|
margin: 0px;
|
|
-moz-border-radius: 4px;
|
|
}
|
|
/*end urlbar stuff*/
|
|
|
|
|
|
iframe#content-frame {
|
|
min-width: 0px;
|
|
min-height: 0px;
|
|
}
|
|
|
|
input[type="text"]#urlbar {
|
|
min-width: 10em;
|
|
}
|
|
|
|
|
|
/**
|
|
* Toolbox
|
|
*/
|
|
toolbox#main-toolbox {
|
|
min-width: 10px;
|
|
background-color: #CCCCCC;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
toolbox#main-toolbox:toolbox-normal {
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
toolbox#main-toolbox:toolbox-rollover {
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
|
|
/**
|
|
* PersonalToolbar
|
|
*/
|
|
toolbar#PersonalToolbar {
|
|
overflow: hidden;
|
|
min-width: 1px;
|
|
color: white;
|
|
background-color: #003366;
|
|
padding: 0px;
|
|
padding-right: 0px;
|
|
min-height: 1em;
|
|
border: none;
|
|
}
|
|
|
|
toolbar#PersonalToolbar:-moz-drop-marker {
|
|
color: white;
|
|
}
|
|
|
|
toolbar#PersonalToolbar #personaltoolbar-endcap {
|
|
background-color: #CCCCCC;
|
|
min-width: 68px;
|
|
max-width: 68px;
|
|
background-image: url("chrome://navigator/skin/n-box-persbar.gif");
|
|
background-repeat: no-repeat;
|
|
background-position: 100% 0%;
|
|
}
|
|
|
|
spring.personaltoolbarspacer {
|
|
max-width: 1em;
|
|
min-width: 0.3em;
|
|
width: 1em;
|
|
}
|
|
|
|
/**
|
|
* toolbox
|
|
*/
|
|
:toolbox-normal {
|
|
background-color: #003366;
|
|
}
|