Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-01-10 13:54:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

skinnability fixes

Browse Source
This commit is contained in:
ben%netscape.com 2000-04-30 07:51:02 +00:00
parent 0f964252d4
commit a4482a5173
2 changed files with 73 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
xpfe/global/resources/content/dialogBindings.xml
View File

@ -16,22 +16,22 @@
<binding id="largeheader">
<content>
<xul:box class="decorated header" align="horizontal" flex="1">
<xul:image inherits="src" class="circle"/>
<xul:box autostretch="never" class="headertext-box">
<xul:text class="headertext" inherits="value"/>
<xul:box class="box-header-header toolbar-primary" flex="1" autostretch="never">
<xul:image inherits="src" class="box-header-circle"/>
<xul:box autostretch="never" class="box-header-text-box">
<xul:text class="box-header-text" inherits="value"/>
</xul:box>
<xul:spring flex="100%"/>
<xul:spring flex="1"/>
</xul:box>
</content>
</binding>
<binding id="status">
<content>
<xul:box class="standard title" flex="1">
<xul:text class="statustext" inherits="value"/>
<xul:box class="box-status-bg toolbar-standard" flex="1">
<xul:text class="box-status-text" inherits="value"/>
<xul:spring flex="1"/>
<xul:text class="statustext" inherits="progress:value"/>
<xul:text class="box-status-progress" inherits="progress:value"/>
</xul:box>
</content>
</binding>

114
xpfe/global/resources/skin/dialogOverlay.css
View File

@ -8,13 +8,13 @@
margin : 0px 5px 6px 5px;
}
.box-smallheader > .toolbar-primary
.toolbar-primary
{
padding : 0px 0px 3px 0px;
min-height : 0px;
}
.box-smallheader > .toolbar-primary > .box-smallheader-left
.box-smallheader-left
{
font-size : larger;
font-weight : bold;
@ -22,7 +22,7 @@
padding-left : 6px;
}
.box-smallheader > .toolbar-primary > .box-smallheader-right
.box-smallheader-right
{
color : #FFFFFF;
padding-right : 6px;
@ -38,68 +38,84 @@
/**
* Large Dialog Header (with icon)
**/
box[type="largeheader"] {
behavior: url(chrome://global/content/dialogBindings.xml#largeheader);
}
.box-header
{
behavior : url(chrome://global/content/dialogBindings.xml#largeheader);
}
box[type="largeheader"] > .header {
padding: 0px 0px 4px 5px;
min-height: 34px;
}
.box-header-header
{
padding : 0px 0px 4px 5px;
min-height : 34px;
}
box[type="largeheader"] > .header > .headertext-box {
vertical-align: middle;
}
.box-header-text-box
{
vertical-align : middle;
}
box[type="largeheader"] > .header > .headertext-box > .headertext {
color: white;
font-size: large;
font-weight: bold;
text-decoration: underline;
}
.box-header-text
{
color : white;
font-size : large;
font-weight : bold;
text-decoration : underline;
}
box[type="largeheader"] > .header > .circle {
background-image: url("chrome://global/skin/button28-bg.gif");
background-repeat: no-repeat;
background-position: 50% 4px;
background-color: transparent;
min-width: 28px;
margin: 1px 7px 1px 1px;
height: 28px;
width: 28px;
}
.box-header-icon-box
{
vertical-align : middle;
}
.box-header-circle
{
background-image : url("chrome://global/skin/button28-bg.gif");
background-repeat : no-repeat;
background-position : 50% 4px;
background-color : transparent;
min-width : 28px;
margin : 1px 7px 1px 1px;
height : 28px;
width : 28px;
}
/**
* Dialog status line (blue) including progress area
**/
box[type="status"] {
behavior: url(chrome://global/content/dialogBindings.xml#status);
}
.box-status
{
behavior : url(chrome://global/content/dialogBindings.xml#status);
}
box[type="status"] > .title {
padding: 1px 5px 1px 5px;
min-height: 0px ! important;
}
.box-status-bg
{
padding : 1px 5px 1px 5px;
min-height : 0px ! important;
}
box[type="status"] > .title > .statustext {
color: #99cccc ! important;
}
.box-status-text, .box-status-progress
{
color : #99cccc ! important;
}
/**
* Utility classes for use when combined headers/footers are used
**/
/* display area framed container */
box#contentarea {
border-top: 2px groove #CCCCCC;
border-bottom: 2px groove #CCCCCC;
padding: 7px;
}
#contentarea
{
border-top : 2px groove #CCCCCC;
border-bottom : 2px groove #CCCCCC;
padding : 7px;
}
/* top border on status area */
box#wizardButtons {
border-bottom: 1px solid threedshadow;
padding-top: 1px;
padding-bottom: 1px;
}
#wizardButtons
{
border-bottom : 1px outset #CCCCCC;
padding-top : 1px;
padding-bottom : 1px;
}