/********************************************************************************************************************** * WEBSITE CONTENT MODULE * * Copyright ©2006 - ASI Technologies Inc. (1167644 Ontario Inc.) - All rights reserved. * No use or modification without the expressed, written permission of ASI Technologies Inc. (1167644 Ontario Inc.) **********************************************************************************************************************/ /********************************************************************************************************************** * Basic.CSS * * Contains styles for use with BASIC.XSL and BASIC.XML. * * All styles can be distributed for use on client websites. * * STYLES (in alphabetical order) * --------------------------------------------------------------------------------------------------------------------- * #Basic * #Basic .AdditionalInformation * #Basic .DisplayDate * #Basic .DocumentAuthor * #Basic .DocumentAuthorCaption * #Basic .DocumentDescription * #Basic .DocumentFileName * #Basic .DocumentFileName A * #Basic .DocumentRevision * #Basic .DocumentRevisionCaption * #Basic .Documents * #Basic .Documents TABLE * #Basic .Documents TABLE TD * #Basic .DocumentStatus * #Basic .DocumentStatusCaption * #Basic .DocumentTypeIcon * #Basic .DocumentTypeIcon IMG * #Basic .Link * #Basic .Name * #Basic .Text * #Basic DIV.titlebar * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this file. **********************************************************************************************************************/ /********************************************************************************************************************** * #Basic Style * * A Template (such as this) should be displayed within an HTML container such as a DIV or SPAN. This style is applied * to any container having an ID of 'Basic' (notice the # symbol that appears in front of the style name, this signifies * an ID follows). * * By changing this stylesheet, several variations of the same Template can be created. If the desired result cannot be * achieved, a new template should be created. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic { /* Any HTML elements contained within this HTML control, will have this font by default, unless otherwise specified. */ font-family: Verdana, Arial; font-size: 8pt; /* Specifies that the width of the HTML. */ width: 100%; } /********************************************************************************************************************** * #Basic .AdditionalInformation * * A caption that displays above the document section that reads 'Additional Information' is enclosed in a span. This * style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .AdditionalInformation { /* Displays a gray line above the caption. */ border-top: solid 1px gray; /* Sets the padding between the Text of the item and the caption. */ padding-top: 10px; font-weight: bold; /* Center the caption within the page. Width is required, otherwise the caption will always appear left-justified regardless of the value of the text-align attribute. */ text-align: center; width: 100%; display:none; } /********************************************************************************************************************** * #Basic .DisplayDate * * The display date of this item is enclosed in a span. This style is applied to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DisplayDate { /* Similar to using the BR tag in HTML */ display: block; display:none; } /********************************************************************************************************************** * #Basic .DocumentAuthor * * The author of a document is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentAuthor { display:none; } /********************************************************************************************************************** * #Basic .DocumentAuthorCaption * * The caption that is displayed before the author of a document is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentAuthorCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Basic .DocumentDescription * * The description of a document is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentDescription { } /********************************************************************************************************************** * #Basic .DocumentFileName * * The filename of a document appears in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentFileName { } /********************************************************************************************************************** * #Basic .DocumentFileName A * * The filename of a document appears in a span as a link which the user can click to view the document. This style is * applied to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentFileName A { font-weight: bold; text-decoration: none; } /********************************************************************************************************************** * #Basic .DocumentRevision * * The document revision is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentRevision { display:none; } /********************************************************************************************************************** * #Basic .DocumentRevisionCaption * * The caption that is displayed before the document revision is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentRevisionCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Basic .Documents * * The section that displays all of the documents associated with this item is enclosed within a span. This style * applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Documents { } /********************************************************************************************************************** * #Basic .Documents TABLE * * All of the documents associated with this item are displayed within a table. This style applies to that table. * Without this style, the default font will be used for all text in the table. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Documents TABLE { font-family: Verdana, Arial; font-size: 8pt; /* Indent the documents. */ margin-left: 25px; } /********************************************************************************************************************** * #Basic .Documents TABLE TD * * All of the documents associated with this item are displayed within a table. This style applies to all of the cells * within that table. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Documents TABLE TD { /* Eliminates spacing between cells. */ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /********************************************************************************************************************** * #Basic .DocumentStatus * * The document status is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentStatus { display:none; } /********************************************************************************************************************** * #Basic .DocumentStatusCaption * * The caption that is displayed before the document status is enclosed in a span. This style applies to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentStatusCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Basic .DocumentTypeIcon * * The image that indicates the type of a document appears in a span. This style is applied to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentTypeIcon { width: 50px; } /********************************************************************************************************************** * #Basic .DocumentTypeIcon IMG * * The image that indicates the type of a document appears in a span. This style is applied to the image itself. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .DocumentTypeIcon IMG { border: none 0px; } /********************************************************************************************************************** * #Basic .Link * * A Link (enclosed in a span) that is associated with this item. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Link { /* Similar to using the BR tag in HTML */ display: block; padding: 3px 0px 0px 0px; } /********************************************************************************************************************** * #Basic .Name * * The name of each item is enclosed in a span. This style is applied to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Name { /* Similar to using the BR tag in HTML */ display: block; font-weight:bold; font-size:12pt; color: #0F76A1; font-family: Verdana, Arial; font-style: italic; text-align: left; } /********************************************************************************************************************** * #Basic .Text * * The text of the item is displayed in a span. This style is applied to that span. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-02 Created this style. **********************************************************************************************************************/ #Basic .Text { /* Similar to using the BR tag in HTML */ display: block; /* Displays a blank line before and a blank line after the item text. */ padding: 20px 0px 20px 0px; } /********************************************************************************************************************** * #Basic DIV.titlebar * * The Title Bar Div is a line just above the title * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Marnie Wood 2007-01-23 Created this style. **********************************************************************************************************************/ #Basic DIV.titlebar { /* set the background color */ background-color: #D8C16B; /* set the margins */ margin-top: 0px; margin-left: 0px; margin-right: 2px; margin-bottom: 0px; /* set the padding 8? padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; }