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.
428 lines
9.4 KiB
428 lines
9.4 KiB
/*
|
|
** Copyright (c) 2001 Microsoft Corporation
|
|
*/
|
|
|
|
BODY
|
|
{
|
|
cursor : default;
|
|
margin : 0px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- generic font/color classes ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* used throughout the hsc, primary font that all information uses */
|
|
.sys-font-body
|
|
{
|
|
font : messagebox; /* default Whistler system typeface is Tahoma 8pt */
|
|
}
|
|
|
|
/* bold variant of the body text font */
|
|
.sys-font-body-bold
|
|
{
|
|
font : messagebox; /* default Whistler system typeface is Tahoma 8pt */
|
|
font-weight : bold;
|
|
}
|
|
|
|
|
|
/* color of normal text (usually black) */
|
|
.sys-color-body
|
|
{
|
|
color : #000000;
|
|
}
|
|
|
|
/* used when the body text color needs to indicate an alert (usually red) */
|
|
.sys-color-body-alert
|
|
{
|
|
color : #FF0000;
|
|
}
|
|
|
|
/* used when the body text color needs to indicate status ok (usually green) */
|
|
.sys-color-body-ok
|
|
{
|
|
color : #009900;
|
|
}
|
|
|
|
/* used for text that is gray or demoted, such as secondary descriptive text */
|
|
.sys-color-body-sec
|
|
{
|
|
color : #808080;
|
|
}
|
|
|
|
/* color of normal text (usually dark blue) */
|
|
.sys-color-body-helper
|
|
{
|
|
color : #0309C0;
|
|
}
|
|
|
|
/* color of normal text (usually dark grey) */
|
|
.sys-color-body-helpee
|
|
{
|
|
color : #848E94;
|
|
}
|
|
|
|
|
|
/* used for the HSC logo in the header, largest font in HSC */
|
|
.sys-font-heading1
|
|
{
|
|
font-family : Franklin Gothic Medium;
|
|
font-size : 20pt;
|
|
font-weight : normal;
|
|
}
|
|
|
|
/* used on splash pages and the homepage */
|
|
.sys-font-heading2
|
|
{
|
|
font-family : Franklin Gothic Medium;
|
|
font-size : 18pt;
|
|
}
|
|
|
|
/* used on subsite and centers content pages and search label in header */
|
|
.sys-font-heading3
|
|
{
|
|
font-family : Franklin Gothic Medium;
|
|
font-size : 14pt;
|
|
}
|
|
|
|
/* used on splash pages as smaller message text */
|
|
.sys-font-heading4
|
|
{
|
|
font-family : Franklin Gothic Book;
|
|
font-size : 12pt;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- hyperlink classes ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* links in RHP, normal blue hyperlinks used throughout hsc */
|
|
A.sys-link-normal
|
|
{
|
|
color : #3333FF;
|
|
text-decoration : none;
|
|
}
|
|
|
|
A.sys-link-normal:hover
|
|
{
|
|
color : #6666FF;
|
|
text-decoration : underline;
|
|
}
|
|
|
|
/* hyperlinks on the homepage, where the background is not white (Luna=blue) */
|
|
A.sys-link-homepage
|
|
{
|
|
color : #FFFFFF;
|
|
text-decoration : none;
|
|
}
|
|
|
|
A.sys-link-homepage:hover
|
|
{
|
|
color : #FFFFFF;
|
|
text-decoration : underline;
|
|
}
|
|
|
|
/* the "set search options" link in the header */
|
|
A.sys-link-header
|
|
{
|
|
color : #FFFFFF;
|
|
text-decoration : none;
|
|
}
|
|
|
|
A.sys-link-header:hover
|
|
{
|
|
color : #FFFFFF;
|
|
text-decoration : underline;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- header classes ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* used to flat fill the header area with a solid color */
|
|
.sys-header-bgcolor
|
|
{
|
|
background-color : #003399;
|
|
}
|
|
|
|
|
|
/* used to separate tool bar from content area */
|
|
.sys-header-gradient-H
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #2E52AF;
|
|
end-color : #D8EAF3;
|
|
gradient-type : 1;
|
|
return-to-zero : 1;
|
|
}
|
|
|
|
/* used to separate left pane from right pane */
|
|
.sys-header-gradient-V
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #8CAAE6;
|
|
end-color : #C8DEFF;
|
|
gradient-type : 0;
|
|
return-to-zero : 1;
|
|
}
|
|
|
|
|
|
/* used for any text that is not a link and is meant to be demoted */
|
|
.sys-header-color
|
|
{
|
|
color : #D6DFF5;
|
|
}
|
|
|
|
/* used for the "Help and Support Center" logo in the header */
|
|
.sys-header-color-logo
|
|
{
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- homepage classes ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* color fill on the homepage background */
|
|
.sys-homepage-bgcolor
|
|
{
|
|
background-color: #6487DC;
|
|
}
|
|
|
|
/* used for any non-hyperlink text on the homepage */
|
|
.sys-homepage-color
|
|
{
|
|
color: #D6DFF5;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- left hand pane ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* top to bottom gradient colors in the left hand pane background */
|
|
.sys-lhp-bgcolor
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #8CAAE6;
|
|
end-color : #6487DC;
|
|
gradient-type : 0;
|
|
return-to-zero : 0;
|
|
}
|
|
|
|
|
|
/* any text that is in the lhp, not included in the task panes */
|
|
.sys-lhp-color
|
|
{
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
|
|
/* color used in the search scope area, just above the navigation panes (same as top color in leftpanegradient) */
|
|
.sys-lhp-bgcolor-scope
|
|
{
|
|
background-color : #8CAAE6;
|
|
}
|
|
|
|
|
|
/* color used to the right of the search scope area, upper part of the RHP/LHP divider bar */
|
|
.sys-lhp-divcolor-upper
|
|
{
|
|
background-color : #8CAAE6;
|
|
}
|
|
|
|
/****************/
|
|
/* top nav pane */
|
|
/****************/
|
|
|
|
/* left to right gradient colors in the header */
|
|
.sys-toppane-header-bgcolor
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #0148B2;
|
|
end-color : #285BC5;
|
|
gradient-type : 1;
|
|
return-to-zero : 0;
|
|
}
|
|
|
|
|
|
/* text color in top nav pane */
|
|
.sys-toppane-header-color
|
|
{
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
/* primary fill color */
|
|
.sys-toppane-bgcolor
|
|
{
|
|
background-color : #EDF2FC;
|
|
}
|
|
|
|
/* outline color */
|
|
.sys-toppane-color-border
|
|
{
|
|
border-color : #5582D2;
|
|
}
|
|
|
|
/*******************/
|
|
/* bottom nav pane */
|
|
/*******************/
|
|
|
|
/* left to right gradient colors in the header */
|
|
.sys-bottompane-header-bgcolor
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #FFFFFF;
|
|
end-color : #C5D2F0;
|
|
gradient-type : 1;
|
|
return-to-zero : 0;
|
|
}
|
|
|
|
/* text color in bottom nav pane */
|
|
.sys-bottompane-header-color
|
|
{
|
|
color : #215DC6;
|
|
}
|
|
|
|
/* primary fill color */
|
|
.sys-bottompane-bgcolor
|
|
{
|
|
background-color : #EDF2FC;
|
|
}
|
|
|
|
/* outline color */
|
|
.sys-bottompane-color-border
|
|
{
|
|
border-color : #FFFFFF;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- right hand pane ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
/* color used to fill the background of the content pages in the RHP (normally white) */
|
|
.sys-rhp-bgcolor
|
|
{
|
|
background-color : #FFFFFF;
|
|
}
|
|
|
|
/* color used for titles in the content pages in the RHP */
|
|
.sys-rhp-color-title
|
|
{
|
|
color : #5A7EDC;
|
|
}
|
|
|
|
|
|
/* color of background of the splash pages in the RHP */
|
|
.sys-rhp-splash-bgcolor
|
|
{
|
|
background-color : #6487DC;
|
|
}
|
|
|
|
/* color of smaller message text on subsite and center splash pages */
|
|
.sys-rhp-splash-color
|
|
{
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
/* color of text on subsite and center splash pages */
|
|
.sys-rhp-splash-color-title
|
|
{
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
|
|
|
|
/* alert or modal dialogs in the rhp */
|
|
.sys-inlineform-bgcolor1
|
|
{
|
|
background-color : #FFF7E7;
|
|
}
|
|
|
|
/* forms or neutral tone dialogs in the rhp */
|
|
.sys-inlineform-bgcolor2
|
|
{
|
|
background-color : #D6DFF5;
|
|
}
|
|
|
|
/* table header for status in the rhp */
|
|
.sys-inlineform-bgcolor3
|
|
{
|
|
background-color : #1051BD;
|
|
}
|
|
|
|
|
|
|
|
/* primary header color for tables of data */
|
|
.sys-table-header-bgcolor1
|
|
{
|
|
background-color : #6681D9;
|
|
}
|
|
|
|
/* secondary header color for tables of data, column header color */
|
|
.sys-table-header-bgcolor2
|
|
{
|
|
background-color : #6681D9;
|
|
}
|
|
|
|
/* alternating color 1 for table rows */
|
|
.sys-table-cell-bgcolor1
|
|
{
|
|
background-color : #FFFFFF;
|
|
}
|
|
|
|
/* alternating color 2 for table rows */
|
|
.sys-table-cell-bgcolor2
|
|
{
|
|
background-color : #D6DFF5;
|
|
}
|
|
|
|
/* color for vertical cells in tables and Remote Assistance */
|
|
.sys-table-cell-bgcolor3
|
|
{
|
|
background-color : #C6D3F7;
|
|
}
|
|
|
|
/* color for empty helper screen in Remote Assistance */
|
|
.sys-table-cell-bgcolor4
|
|
{
|
|
background-color : #EFF3FF;
|
|
}
|
|
|
|
/* color for content panes in Remote Assistance (will be removed if no gradient) */
|
|
.sys-table-cell-bgcolor5
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #C5D2F0;
|
|
end-color : #FFFFFF;
|
|
gradient-type : 1;
|
|
return-to-zero : 0;
|
|
}
|
|
|
|
|
|
/* color for all table cell outlines */
|
|
.sys-table-color-border
|
|
{
|
|
border-color : #6681D9;
|
|
}
|
|
|
|
/*--------------------------------------------------------------------------------*/
|
|
/*--- remote assistance ---*/
|
|
/*--------------------------------------------------------------------------------*/
|
|
|
|
.sys-RA-gradient-H
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #A4B9EA;
|
|
end-color : #7396DF;
|
|
gradient-type : 1;
|
|
return-to-zero : 0;
|
|
}
|
|
|
|
.sys-RA-gradient-V
|
|
{
|
|
behavior : url(#default#pch_gradient);
|
|
start-color : #7396DF;
|
|
end-color : #A4B9EA;
|
|
gradient-type : 0;
|
|
return-to-zero : 1;
|
|
}
|