simplify sidebar styles. Inherit more from xul.css

This commit is contained in:
slamm%netscape.com 1999-06-14 22:27:40 +00:00
parent c353199c84
commit a6e827a9c8
3 changed files with 40 additions and 72 deletions

View File

@ -1,6 +1,6 @@
<?xml version="1.0"?>
<?xml-stylesheet href="resource:/res/samples/xul.css" type="text/css"?>
<?xml-stylesheet href="resource:/res/rdf/sidebar-browser.css" type="text/css"?>
<?xml-stylesheet href="resource:/res/rdf/sidebar.css" type="text/css"?>
<!DOCTYPE window
[
@ -18,11 +18,13 @@
<box id="sidebox" align="vertical">
<box class="sidebartitle">
<titledbutton class="sidebartitle" value="&sidebar.title.label;"/>
<html:div class="sidebartitlelabel">&sidebar.title.label;</html:div>
<spring flex="100%"/>
<titledbutton value="&sidebar.reload.label;"
onclick="window.location.reload()"/>
<titledbutton value="&sidebar.customize.label;"/>
<titledbutton class="borderless paneltitle"
value="&sidebar.reload.label;"
onclick="window.location.reload()" />
<titledbutton class="borderless paneltitle"
value="&sidebar.customize.label;" />
</box>
</box>
</window>

View File

@ -8,11 +8,6 @@ iframe {
height: 125px;
border: 0px;
}
box#sidebox {
width: 100%;
height: 100%;
display:block;
}
tree {
display: table;
@ -32,7 +27,6 @@ treehead {
treebody {
display: table-row-group;
}
treecol {
@ -99,68 +93,37 @@ treeitem > treecell > titledbutton {
list-style-image: url("resource:/res/rdf/document.gif");
}
toolbar#sidebarbar titledbutton{
color:#CCCCFF;
}
toolbar#sidebarbar titledbutton[pseudoclass~="active"] {
text-decoration:none;
border: 10px inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
}
toolbar#sidebarbar titledbutton[pseudoclass~="hover"] {
border: 1px outset #666699;
color:white;
//text-decoration:underline;
padding: 1px;
}
toolbar#sidebarbar {
background-color: #666699;
border-bottom: solid #333366 1px;
border-top: solid #9999AA 1px;
border-left: solid #9999AA 1px;
border-right: solid #333366 1px;
font: 10pt sans-serif;
min-height: 16px;
color: white;
}
toolbar[class=tabheader] titledbutton{
color:#7BB1B7;
}
/*
toolbar[class=tabheader] titledbutton[pseudoclass~="active"] {
text-decoration:none;
border: 1px inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
* Sidebar and Panel title buttons
*/
box#sidebox {
width: 100%;
height: 100%;
display:block;
}
*/
toolbar[class=tabheader] titledbutton[pseudoclass~="hover"] {
border: 1px outset #666699;
color:white;
//text-decoration:underline;
box.sidebartitle {
background-color: #505888;
padding: 0px;
border: 0px;
margin: 0px;
font: 10pt sans-serif;
}
box.panelbar {
background-color: #006870;
padding: 1px;
border: 0px;
margin: 0px;
font: 10pt sans-serif;
}
toolbar[class=tabheader] {
background-color: #046B75;
border-bottom: solid #006400 1px;
border-top: solid #00FFFF 1px;
border-left: solid #00FFFF 1px;
border-right: solid #006400 1px;
font: 10pt sans-serif;
min-height: 16px;
color: white;
div.sidebartitlelabel {
color: white;
padding: 5px;
}
titledbutton[class~=paneltitle] {
color: white;
}

View File

@ -108,10 +108,11 @@ function createPanelTitle(titletext,customize_url, id)
var spring = document.createElement('spring');
title.setAttribute('value', titletext);
title.setAttribute('class', 'paneltitle');
title.setAttribute('class', 'borderless paneltitle');
title.setAttribute('onclick', 'resize("'+id+'")');
spring.setAttribute('flex', '100%');
customize.setAttribute('value', 'Customize');
customize.setAttribute('class', 'borderless paneltitle');
if (customize_url) {
customize.setAttribute('onclick',
'window.open("'+customize_url+'");');
@ -160,9 +161,11 @@ function Schedule(url, pollInterval)
setTimeout('Reload("' + url + '", ' + pollInterval + ')', pollInterval * 1000);
}
function OpenURL(node)
function OpenURL(url)
{
dump("open-url(" + node + ")\n");
window.frames[0].frames[1].location.href = url;
dump("window.frames[0].frames[1].location.href = "+window.frames[0].frames[1].location.href+"\n");
dump("OpenURL("+url+")\n");
}