Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-07 21:43:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added a test navigator.css that changes the look of the UI.

Browse Source
This commit is contained in:
evaughan%netscape.com 1999-03-31 08:30:54 +00:00
parent 9a2f892f93
commit cde596ea03
3 changed files with 185 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
xpfe/browser/src/navigator-shiny.css Normal file
View File

@ -0,0 +1,163 @@
/** Contains style definitions for the navigator application
**/
titledbutton#print-button {
list-style-image:url(resource:/res/toolbar/TB_Print.gif);
}
titledbutton#back-button {
list-style-image:url(resource:/res/toolbar/TB_Back.gif);
}
titledbutton#forward-button {
list-style-image:url(resource:/res/toolbar/TB_Forward.gif);
}
titledbutton#stop-button {
list-style-image:url(resource:/res/toolbar/TB_Stop.gif);
}
titledbutton#reload-button {
list-style-image:url(resource:/res/toolbar/TB_Reload.gif);
}
titledbutton#home-button {
list-style-image:url(resource:/res/toolbar/TB_Home.gif);
}
titledbutton#netscape-button {
list-style-image:url(resource:/res/toolbar/TB_Netscape.gif);
}
titledbutton#security-button {
list-style-image:url(resource:/res/toolbar/StatusBar-secure.gif);
}
titledbutton#Throbber
{
list-style-image:url(resource:/res/throbber/anims00.gif);
}
titledbutton#Throbber[busy="true"] {
list-style-image:url(resource:/res/throbber/throbbingN.gif);
}
toolbar#taskbar titledbutton{
color:#CCCCFF;
}
toolbar#taskbar titledbutton[pseudoclass~="active"] {
text-decoration:none;
border: 1px inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
}
toolbar#taskbar titledbutton[pseudoclass~="hover"] {
border: 1px outset #666699;
color:white;
//text-decoration:underline;
padding: 1px;
}
toolbar#taskbar {
display:block;
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;
}
box[class=insecure] {
margin-top: 2px;
border-top: 0px;
}
box[class=secure] {
border-top: 2px solid yellow;
margin-top: 0px;
}
box#status-bar titledbutton {
font: 2.5mm sans-serif;
}
titledbutton[class=secure] {
background-color: yellow;
}
titledbutton[class=insecure] {
}
toolbar#taskbar titledbutton[pseudoclass~="active"] {
text-decoration:none;
border: 1px inset;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 0px;
}
titledbutton[class="popup"]
{
list-style-image:url(resource:/res/toolbar/TB_popup.gif);
}
titledbutton#mini-nav
{
list-style-image:url(resource:/res/toolbar/TB_MiniNav.gif);
}
titledbutton#mini-mail
{
list-style-image:url(resource:/res/toolbar/TB_MiniMail.gif);
}
titledbutton#mini-addr
{
list-style-image:url(resource:/res/toolbar/TB_MiniAddr.gif);
}
titledbutton#mini-comp
{
list-style-image:url(resource:/res/toolbar/TB_MiniComp.gif);
}
box[type="secure"] {
border-top: 2px solid yellow;
}
box[type="unsecure"] {
margin-top: 1px;
}
toolbar[class="main-bar"] {
}
window#main-window {
width: 100%;
height: 100%;
}
box#outer-box {
width: 100%;
height:100%;
background-image: url(bg.jpg);
}
iframe#content-frame {
width: 100px;
height: 100px;
margin: 10px;
}

21
xpfe/browser/src/navigator.css
View File

@ -142,7 +142,20 @@ box[type="unsecure"] {
margin-top: 1px;
}
toolbox {
background-color: green;
background-image: url(bg.jpg);
}
toolbar[class="main-bar"] {
}
window#main-window {
width: 100%;
height: 100%;
}
box#outer-box {
width: 100%;
height:100%;
}
iframe#content-frame {
width: 100px;
height: 100px;
}

10
xpfe/browser/src/navigator.xul
View File

@ -4,7 +4,7 @@
<!DOCTYPE window>
<window style="width: 100%; height: 100%" xmlns:html="http://www.w3.org/TR/REC-html40"
<window id="main-window" xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="Startup()" title="Mozilla">
@ -514,9 +514,9 @@
</menubar>
<box align="vertical" style="width: 100%; height:100%">
<box id="outer-box" align="vertical">
<toolbox>
<toolbar type="toolbar">
<toolbar class="main-bar">
<titledbutton id="back-button" align="bottom" value="Back" onclick="BrowserBack()">
<observes element="canGoBack" attribute="disabled"/>
</titledbutton>
@ -552,7 +552,7 @@
</titledbutton>
</toolbar>
<toolbar type="toolbar">
<toolbar class="main-bar">
<titledbutton id="home-button" align="right" value="Home"
onclick="BrowserHome()"/>
<titledbutton id="netscape-button" align="right" value="Netscape"
@ -562,7 +562,7 @@
</toolbox>
<html:iframe html:name="content" html:src="BrowserInitPage.html" flex="100%" style="width: 100px; height: 100px" />
<html:iframe id="content-frame" html:name="content" html:src="BrowserInitPage.html" flex="100%" />
<html:script>