/* Written 2020-06-23 by Roy Miller (RMiller@canpub.com) Major revisions during month starting 2023-08-07. Based on original style sheets for DocMedShare.com (c) Copyright 2009-2023. DocMedShare is a division of CanPub Information Technologies Inc. Hamilton, Ontario Canada CanPub web site: CanPub.com */ /* NOTE: This application uses 3 style sheets: 1) DMSstyle.css (this one) The main style sheet In most cases we will define all styles in this main style sheet. The subsequent other style sheets can override any style it wants to work differently on the different display devices. Depending on what kind of display device we are working on, at most one of the following styles will be used. It is possible that neither of these will be used if the devices is neither a screen or a printer. 2) DMSstyle-screen.css Overrides some of the styles to make the display look better on a screen Ex: cell phone, computer 3) DMSCurstyle-print.css Overrides some of the styles to make the display look better on a printer */ /* PHP padding numbers represent sides in this order: 1: top padding 2: right padding 3: bottom padding 4: left padding Note this order is clockwise from the top. */ */ /*Horizontal rules: -Use names of the form "hr.xxxx" but do not choose xxx as "gold" that will confuse the web browser. -The xxxx part cannot exceed 8 characters. -To draw a horizontal rule use the HTML code such as "
-The color of the rule is made up of the top, middle, and bottom. The middle color defaults to the same as the top or bottom if they are given. /* Purple rule -- "purple" is abbreviated to "purp as per above rule." */ hr.purprule {border-top: 2px solid #73315A; border-bottom: 4px solid #73315A; } /* Gold rule */ hr.goldrule {border-top: 2px solid #FFC64A; border-bottom: 2px solid #FFC64A;} /* Black rule */ hr.blackrule {border-top: 1px solid #000000; border-bottom: 1px solid #000000;} /*----------------- */ body {color: #2a3845;background: #E5E6E8 repeat-x;font-size: font weight normal; font-family: 'Georgia, Arial, Helvetica, sans-serif'} /* Link styles ----------------------------------------------- */ /* Link color default is purple for the text of the link (#73315A;) */ a:link {color:#73315A;} /* When hoving over the link it will appear black with a background color of logo gold (#FFC64A) and the link will be underlined */ a:hover {color:#000000; background-color: #FFC64A; text-decoration:underline;} /* The visited link color will be logo purple (#73315A) */ a:active {color:#000000; background-color: #73315A;} /* A typical web page in this application will be formed of the following areas in this order: 1) Header 2) Menu Bar 3) Main part of page with headings and text 4) Footing consisting of copyright and other legal text */ /* Header (Area 1) of typical web page. ------------------------ */ /* Typically a hr.purprule rule should preceed the header style */ /* Header defines style of page header. It has formatting for the top of a web page */ /* Header background color is silver */ #header {background: #C0C0C0 repeat-x;border-top: 2px; border-bottom:2px; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} /* Styles used within the header area */ /* Style used for text first used in header area */ #header-title {font-weight:bolder; font-family:Georgia, serif;} #header-table {margin-left:30px} /* Logo will be shown in color as it is in the file */ #header-td-logo {height: 90px; width: 128px; text-decoration:none;} /* Slogan is on same line as logo. Slogan will be in green (#90ee90) */ #header-td-slogan {font-style:italic; font-family:Georgia, serif;} /*Styles for Menu (Area 2) of a typical web page */ /* Menu bar is located after header area has been given */ /* menu bar table background is solid light grey */ #menu-bar table {width:100%; font-style:normal;background-color: #d0d0d0; } /* Styles for Main (Area 3) of a typical web page ----------------------------------*/ /* Main section follows Menu bar in a typical web page */ /* Define how some tags will act differently in this Main area. */ /* Set "ul list" bullets to be the left arrow image */ /* "li" tag will have increased spacing between items. Needed because of our use of larger bullet size. */ #main {background: #D0D0D0 repeat-x;border-top: 2px; border-bottom:2px; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} #main-p {font-size:normal; font-weight:normal; font-family:Georgia, serif;} #main-li {font-size:medium; font-weight:normal; font-family:Georgia, serif; padding-bottom:10px} /* All headings are purple in color (#73315A) */ #main-h1 {color:#73315A; margin: 20px 0 8px;font-style:normal; font-weight:bold; font-family:Georgia,serif;} #main-h2 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #main-h3 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #main-h4 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #main-ul {list-style-image: url(images/bul-arrow.gif);} /* Instr area ----------------------------*/ /* Used for instructions and error messages*/ #instr {background:white; margin-left: 1px; margin-right: 1px;} /* instr2 has colored background*/ #instr2 {background:#FF5C5C; margin-left: 1px; margin-right: 1px;} /* Footer section styles ----------------------------*/ /* Used for copyright and other legal text text information /* on all pages. /* (The Footer area follows the main area of all typical web and help pages )*/ /* Footer defines style of page footer. The entire footer has a background of white and has its text aligned */ #footer {background:white; text-align:left; margin-left: 1px; margin-right: 1px;} /* End of Main section styles ----------------------------------*/ /* Styles for Help pages ---------------------------------------*/ /* Help pages are similar to the typical web page layout and have the /* following areas: /* Header (Area 1) of typical web page. ------------------------ */ /* Typically a hr.purple rule should preceed the header style */ /* Header defines style of page header. It has formatting for the /* top of a web page */ /* Header background color is silver */ #help {background: #E0E0E0 repeat-x;border-top: 2px; border-bottom:2px; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} /* Styles used within the help header area */ /* Style used for text first used in header area */ #help-title {font-weight:bolder; font-family:Georgia, serif;} #help-table {margin-left:30px} /* Logo will be shown in color as it is in the file */ #help-td-logo {height: 90px; width: 128px; text-decoration:none;} /* Slogan is on same line as logo. Slogan will be in green (#90ee90) */ #help-td-slogan {font-style:italic; font-family:Georgia, serif;} /*Styles for Menu (Area 2) of a typical help web page */ /* Menu bar is located after header area has been given */ /* menu bar table background is solid light grey */ #helpmenu-bar table {width:100%; font-style:normal;background-color: #d0d0d0; } /* Styles for Help (Area 3) of a typical help web page ----------------------------------*/ /* helpmain section follows helpmenu bar in a typical help web page */ /* Define how some tags will act differently in this help Main area. */ /* Set "ul list" bullets to be the left arrow image */ /* "li" tag will have increased spacing between items. Needed because of our use of larger bullet size. */ #helpmain-p {font-size:normal; font-weight:normal; font-family:Georgia, serif;} #helpmain-li {font-size:medium; font-weight:normal; font-family:Georgia, serif; padding-bottom:10px} /* All headings are purple in color (#73315A) */ #helpmain-h1 {color:#73315A; margin: 20px 0 8px;font-style:normal; font-weight:bold; font-family:Georgia,serif;} #helpmain-h2 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #helpmain-h3 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #helpmain-h4 {color:#73315A; margin: 20px 0 8px;font-style:italic; font-weight:bold; font-family:Georgia,serif;} #helpmain-ul {list-style-image: url(images/bul-arrow.gif);} /* End of styles used for help pages */ /* Footer section styles ----------------------------*/ /* Used for copyright and other legal text text information /* (The Footer area follows the main area of all typical web pages )*/ /* Footer defines style of page footer. The entire footer has a background of white and has its text aligned */ #footer {background:white; text-align:left; margin-left: 1px; margin-right: 1px;} /* Change to monospace font style */ #monofont {font-style: normal;font-family:'Courier New, Courier, monospace'} /* End of styles */