You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
273 lines
6.4 KiB
273 lines
6.4 KiB
/* ---------------------------------------------------- */
|
|
/* 2k3Widgets (2k3ButtonBar/2k3Button) Stylesheet */
|
|
/* */
|
|
/* Copyright ?002-2004 Stedy Software and Systems */
|
|
/* Please see http://www.stedy.com for terms of use. */
|
|
/* ---------------------------------------------------- */
|
|
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3 styles */
|
|
/* ---------------------------------------------------- */
|
|
@define pageMDIBackgroundColor = #C3DAF9;
|
|
|
|
.2k3Styles {
|
|
pageMDIAppAreaBackgroundColor: #FFFFFF;
|
|
pageMDIBorder: 1px solid #002D96;
|
|
menuAreaGradient: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#9EBEF5', EndColorStr='#C3DAF9')
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* MDI application styles */
|
|
/* ---------------------------------------------------- */
|
|
body
|
|
{
|
|
background-color: pageMDIBackgroundColor;
|
|
scroll: no;
|
|
margin: 0px;
|
|
border: none;
|
|
overflow: auto;
|
|
}
|
|
#bodyDiv
|
|
{
|
|
background-color: expression(document.styleSheets[0].rules.item(0).style.pageMDIAppAreaBackgroundColor);
|
|
border: expression(document.styleSheets[0].rules.item(0).style.pageMDIBorder);
|
|
position: absolute;
|
|
top: expression(myButtonBar.offsetHeight + 3 + "px");
|
|
left: 3px;
|
|
height: expression(document.body.offsetHeight - myButtonBar.offsetHeight - 6 + "px");
|
|
width: expression(myButtonBar.offsetWidth - 6 + "px");
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3ButtonBar */
|
|
/* ---------------------------------------------------- */
|
|
.2k3ButtonBar
|
|
{
|
|
behavior: url(/js/2k3ButtonBar.htc);
|
|
background-color: transparent;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
filter: expression(document.styleSheets[0].rules.item(0).style.menuAreaGradient);
|
|
}
|
|
.2k3ButtonBar .2k3ButtonBarHandle
|
|
{
|
|
background-image: url(/images/2k3ButtonBarHandle.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
padding: 0px 2px 0px 8px;
|
|
height: 25px;
|
|
width: 7px;
|
|
cursor: move;
|
|
}
|
|
.2k3ButtonBar .2k3ButtonDividerH
|
|
{
|
|
background-image: url(/images/2k3ButtonBarDividerH.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
padding: 0px 2px 0px 2px;
|
|
height: 25px;
|
|
width: 6px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonBar .2k3ButtonBarEndCap
|
|
{
|
|
background-image: url(/images/2k3ButtonBarEndCap.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center left;
|
|
padding: 0px 0px 0px 13px;
|
|
height: 25px;
|
|
width: 13px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonBar .2k3ButtonBarEndCapOver
|
|
{
|
|
background-image: url(/images/2k3ButtonBarEndCapOver.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center left;
|
|
padding: 0px 0px 0px 13px;
|
|
height: 25px;
|
|
width: 13px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonBar .2k3ButtonBarEndCapActive
|
|
{
|
|
background-image: url(/images/2k3ButtonBarEndCapActive.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center left;
|
|
padding: 0px 0px 0px 13px;
|
|
height: 25px;
|
|
width: 13px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonBar .2k3ButtonContainer
|
|
{
|
|
background-image: url(/images/2k3ButtonBar.gif);
|
|
cursor: default;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3Button */
|
|
/* ---------------------------------------------------- */
|
|
.2k3Button
|
|
{
|
|
behavior: url(/js/2k3Button.htc);
|
|
white-space: nowrap;
|
|
align: left;
|
|
vertical-align: middle;
|
|
padding: 1px 2px 0px 2px;
|
|
margin: 0px 1px 0px 1px;
|
|
cursor: default;
|
|
}
|
|
.2k3Button img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
.2k3Button .2k3ButtonCaption
|
|
{
|
|
font: menu;
|
|
color: menutext;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
padding: 0px 1px 0px 3px;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3ButtonOver */
|
|
/* ---------------------------------------------------- */
|
|
.2k3ButtonOver
|
|
{
|
|
behavior: url(/js/2k3Button.htc);
|
|
background-image: url(/images/2k3ButtonOver.gif);
|
|
background-position: center center;
|
|
border: 1px solid #000080;
|
|
white-space: nowrap;
|
|
align: left;
|
|
vertical-align: middle;
|
|
padding: 1px 2px 0px 2px;
|
|
margin: 0px 0px 0px 0px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonOver img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
.2k3ButtonOver .2k3ButtonCaption
|
|
{
|
|
font: menu;
|
|
color: menutext;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
padding: 0px 1px 0px 3px;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3ButtonActive */
|
|
/* ---------------------------------------------------- */
|
|
.2k3ButtonActive
|
|
{
|
|
behavior: url(/js/2k3Button.htc);
|
|
background-image: url(/images/2k3ButtonActive.gif);
|
|
background-position: center center;
|
|
border: 1px solid #000080;
|
|
white-space: nowrap;
|
|
align: left;
|
|
vertical-align: middle;
|
|
padding: 1px 2px 0px 2px;
|
|
margin: 0px 0px 0px 0px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonActive img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
.2k3ButtonActive .2k3ButtonCaption
|
|
{
|
|
font: menu;
|
|
color: menutext;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
padding: 0px 1px 0px 3px;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3ButtonToggled */
|
|
/* ---------------------------------------------------- */
|
|
.2k3ButtonToggled
|
|
{
|
|
behavior: url(/js/2k3Button.htc);
|
|
background-image: url(/images/2k3ButtonToggled.gif);
|
|
background-position: center center;
|
|
border: 1px solid #000080;
|
|
white-space: nowrap;
|
|
align: left;
|
|
vertical-align: middle;
|
|
padding: 1px 2px 0px 2px;
|
|
margin: 0px 0px 0px 0px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonToggled img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
.2k3ButtonToggled .2k3ButtonCaption
|
|
{
|
|
font: menu;
|
|
color: menutext;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
padding: 0px 1px 0px 3px;
|
|
}
|
|
|
|
|
|
/* ---------------------------------------------------- */
|
|
/* 2k3ButtonDisabled */
|
|
/* ---------------------------------------------------- */
|
|
.2k3ButtonDisabled
|
|
{
|
|
behavior: url(/js/2k3Button.htc);
|
|
white-space: nowrap;
|
|
align: left;
|
|
vertical-align: middle;
|
|
padding: 1px 2px 0px 2px;
|
|
margin: 0px 1px 0px 1px;
|
|
cursor: default;
|
|
}
|
|
.2k3ButtonDisabled img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
filter: Gray() Alpha(Opacity=40);
|
|
}
|
|
.2k3ButtonDisabled .2k3ButtonCaption
|
|
{
|
|
font: menu;
|
|
color: graytext;
|
|
position: relative;
|
|
top: -1px;
|
|
vertical-align: middle;
|
|
padding: 0px 1px 0px 3px;
|
|
}
|