/********************************************************************************************************************** * 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.) **********************************************************************************************************************/ /********************************************************************************************************************** * IMAGE1.CSS * * Contains styles for use with Image1.XSL and Image1.XML. * * All styles can be distributed for use on client websites. * * STYLES (in alphabetical order) * --------------------------------------------------------------------------------------------------------------------- * #Image1 * #Image1 .AdditionalInformation * #Image1 .DisplayDate * #Image1 .DocumentAuthor * #Image1 .DocumentAuthorCaption * #Image1 .DocumentDescription * #Image1 .DocumentFileName * #Image1 .DocumentFileName A * #Image1 .DocumentRevision * #Image1 .DocumentRevisionCaption * #Image1 .Documents * #Image1 .Documents TABLE * #Image1 .Documents TABLE TD * #Image1 .DocumentStatus * #Image1 .DocumentStatusCaption * #Image1 .DocumentTypeIcon * #Image1 .DocumentTypeIcon IMG * #Image1 .Images * #Image1 .Images IMG * #Image1 .Link * #Image1 .Name * #Image1 .Text * #Image1 DIV.titlebar * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-26 Created this file. **********************************************************************************************************************/ /********************************************************************************************************************** * #Image1 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 'Image1' (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-26 Created this style. **********************************************************************************************************************/ #Image1 { /* 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%; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .AdditionalInformation { font-weight: bold; /* Center the caption within. Width is required, otherwise the caption will always appear left-justified regardless of the value of the text-align attribute. */ text-align: center; width: 250px; /* Adds space between the Additional Information heading and the document links. */ padding-bottom: 10px; display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DisplayDate { /* Similar to using the BR tag in HTML */ display: block; display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentAuthor { display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentAuthorCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentDescription { } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentFileName { } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentFileName A { font-weight: bold; text-decoration: none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentRevision { display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentRevisionCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .Documents { /* A thick gray border appears between the Documents and the text. */ border-left: solid 3px gray; /* Show the documents to the right of the text, with the text wrapping around the documents section. */ float: right; /* Must have a width. */ width: 250px; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .Documents TABLE { font-family: Verdana, Arial; font-size: 8pt; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .Documents TABLE TD { /* Eliminates spacing between cells. */ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentStatus { display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentStatusCaption { font-weight: bold; width: 100px; display:none; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentTypeIcon { width: 30px; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .DocumentTypeIcon IMG { border: none 0px; } /********************************************************************************************************************** * #Image1 .Images * * All of the images within this template are enclosed within a single SPAN. This style applies to that SPAN. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-26 Created this style. **********************************************************************************************************************/ #Image1 .Images { /* Width and Text-Align are both required to center the images. */ text-align: center; width: 100%; } /********************************************************************************************************************** * #Image1 .Images IMG * * All of the iamges within this template are enclosed within a single SPAN. This style applies to the images * themselves. * * MODIFICATION HISTORY * * MODIFIED BY DATE (YYYY-MM-DD) DESCRIPTION * ----------------------------- ------------------------ -------------------------------------------------------------- * Andrew McKendrick 2006-10-26 Created this style. **********************************************************************************************************************/ #Image1 .Images IMG { /* Display a margin around the images so that if there are multiple images, they do not touch each other. */ margin: 5px 5px 5px 5px; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .Link { /* Similar to using the BR tag in HTML */ display: block; padding: 3px 0px 0px 0px; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .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: right; } /********************************************************************************************************************** * #Image1 .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-26 Created this style. **********************************************************************************************************************/ #Image1 .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; } /********************************************************************************************************************** * #Image1 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. **********************************************************************************************************************/ #Image1 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; }