/* * sccsid = '@(#) 1.86 wt/wtp/htdocs/stylesheets/jx_corestyle_4.css, wtcode, jtimedev 10/26/07 16:47:47' * SVNID = '$Id$' * * jx_corestyle.css * * (C) COPYRIGHT Journyx, Inc 1997 - 2007 * All Rights Reserved * Licensed Materials - Property of Journyx, Inc. * * This is the primary stylesheet file for Journyx Timesheet. * * DEVELOPERS PLEASE NOTE: Be sure to rename this file in CMVC if it * is ever updated in a maintenance release. * * Developers should also read the rest of the comments here before * making new changes. * * ************************************************************ * FONT INFORMATION * ************************************************************ * * The font-family line should only be set in one place. Don't repeat * font faces all over this file. ALWAYS use 'em' units for font size. * * * current standard font line (Set in Oct 2004 by planders) * * font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; * * or this for any monospaced areas: * * font-family: MS Courier New, Courier New, Lucida Console, Monaco, Courier, monospace; * * ALWAYS ALWAYS ALWAYS USE em UNITS FOR FONT SIZE!!! * 1.0 em is the 'standard' font size. * 0.8 em is about 80% standard size. * * REMEMBER THAT FONT SIZES INHERIT FROM CONTAINERS and 80% of 80% can * be too small. In general you do NOT want to use either a fixed * pixel (px) or percentage based font size. * * Verdana is the new Tahoma * Luxi Sans and Lucida Console are for certain Unix systems * Helvetica and Geneva and Monaco are for older Macs * Most modern computers have Arial and usually Verdana & Tahoma and Courier New * * optional for smaller areas -- seems to be ignored by many browsers unfortunately * { font-stretch: semi-condensed; } * ************************************************************ * General Style Info & Comments * ************************************************************ * * Stay away from pixel (px) units. You should be using relative * sizes (generally the 'em' unit) for everything: all padding and * spacing. The toolbar width is specified in em units. * ************************************************************ * Layout of this file * ************************************************************ * * This file is generally organized in a top-down fashion. First you * have the most general stuff that applies to everything and then * later on more specific elements. * * - Main/General body stuff * - old main.css stuff * - old style.css stuff * - old icons.css stuff * - old preferences.css stuff * - old timesheet.css stuff * * If something only applies to a specific optional feature, such as * the toolbar, consider putting it in a separate file. If it is * something that will be on most or all Timesheet pages then it * belongs here. * */ HTML { height: 100%; } BODY { margin: 0px; border: 0px; height: 100%; /* IMPORTANT: Use em units for font sizes in the rest of the document!!! */ font-size: 65%; /* Allows better resizing of fonts in MSIE. */ } /* * by default most browsers give a considerable bottom margin to all * forms - reduce it a bit */ FORM { margin-top: 0px; margin-bottom: 4px; padding: 0px; } IMG { border-width: 0px; } /* * MSIE doesn't seem to understand this, but normally we want links to * inherit their colors from their nearest containers. */ A, A:Hover, A:Active, A:Visited { color: inherit; } TABLE, TD, TR { font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; font-style: normal; font-size: 1em; /* the baseline font size (inherited from BODY) */ border-width: 0px; border-collapse:collapse; /* -moz-border-radius: 8px; */ /* XXX TODO */ color: inherit; background-color: inherit; } /* this is a class instead of ID so it won't take precedence over * other class padding rules. */ .clsPrimaryContent TD { padding: 2px; /* XXX TODO: applies to ALL TABLES in the main content area !! */ } /* We don't need the previous style's padding in time entry container tables. */ .entryTableContainer TD { padding: 0px; margin: 0px; } SELECT, INPUT, TEXTAREA { /* The font for these things is not inherited from the general font given above. If you didn't specify this it would default to monospaced in most browsers. */ font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; font-size: 1em; } /* This raises SELECTs slightly up, making them line up better with other buttons */ /* SELECT { vertical-align: 3%; } */ /* XXX TODO -- is this needed? */ TEXTAREA { overflow: auto; } /* * "Simple" pages with minimal UI elements */ TABLE.JXDocType_SIMPLE { } H1, H2, H3, H4, H5, H6 { font-weight : bold; } H1 { font-size : 1.4em; } H2 { font-size : 1.25em; } H3 { font-size : 1.1em; } H4 { font-size : 1.05em; } H5 { font-size : 1em; } H6 { font-size : 0.9em; } /* ======================================================== Properties of HEADER elements ======================================================== */ #idHeader { padding: 2px 6px 1px 3px; } .StatusErrorHelpTable { border: 1px solid black; border-bottom-width: 0px; padding-right: 4px; padding-top: 6px; padding-left: 5px; padding-bottom: 0px; margin-left: 0px; margin-bottom: 0px; } .StatusErrorHelpTable TABLE { margin: 0px; padding: 0px; width: 98%; /* 100% width here seems to cause problems in MSIE -- it makes it 1-2 pixels too wide. */ } .StatusErrorHelpTable TR { font-weight: bold; font-size: 1.1em; } .StatusErrorHelpTable TD { vertical-align: top; } .StatusErrorHelpTable TR.ShortDescription { font-size: 0.95em; font-weight: normal; } .StatusErrorHelpTable TD.SubTitle { text-align: left; } /* min width for the 'help' word plus icon, prevents icon wrapping to next line */ .StatusErrorHelpTable TD.Help { width: 7em; } .StatusErrorHelpTable TD.Help A { text-align: right; font-weight: bold; text-decoration: none; /* No underline on Help link */ } .StatusErrorHelpTable TD.Help A:hover { text-decoration: underline; /* indicate it really is a link when they hover over */ } /* ======================================================== Properties of large BEVELED GRAY CONTAINER holding sidebar and primary content ======================================================== */ #idMainPageContainerTD { /* position: relative; */ height: 100%; padding: 0px; /* XXX TODO */ vertical-align: top; } .clsContainerBackground { background-color: #D5D5D5; } .clsContainerBevel { height: 4px; font-size: 1px; width: 100%; } .clsCornerBevel { width: 4px; } .clsContainerBevel TD { font-size: 1px; height: 4px; } .clsContainerTopBevel, .clsContainerBottomBevel { background-color: #D5D5D5; background-repeat: repeat-x; font-size: 1px; height: 2px; } .clsContainerTopBevel { background-image: url(../image/60/border_gray.gif); } .clsContainerBottomBevel { background-image: url(../image/60/border_gray.gif); background-position: 0px 3px; } .clsContainerLeftBevel, .clsContainerRightBevel { background-color: #D5D5D5; background-repeat: repeat-y; } .clsContainerLeftBevel { background-image: url(../image/60/border_gray.gif); background-position: 0px 0px; } .clsContainerRightBevel { background-image: url(../image/60/border_gray.gif); background-position: 4px 0px; } /* ======================================================== Properties of PRIMARY CONTENT area ======================================================== */ /* Don't start with inital left padding if this is a simple document */ TABLE.JXDocType_SIMPLE #idPrimaryContainer, TABLE.JXDocType_POPUP #idPrimaryContainer { /* margin-top: 0.4em; */ /* Also fix this -- nav tabs height */ padding-left: 2px; } TABLE.JXDocType_POPUP #idPrimaryContainer { /* margin-top: 0.4em; */ /* Also fix this -- nav tabs height */ padding-left: 2px; } #theBodyTable { height: 100%; } TABLE.JXDocType_SIMPLE #theBodyTable { margin-top: 1.5em; /* Also fix this -- nav tabs height */ } .clsStatusLineArea { font-weight: bold; } .clsStatusLineArea A { text-decoration: none; /* No underline on status line links */ } #idPrimaryContent { /* These colors will be overridden */ background-color: #FFFFFF; color: #000000; padding: 6px; margin: 0px; margin-top: -1px; /* fixes extra pixel area on Gecko */ border: 1px solid black; /* border color is overriden in wtdoc */ border-top-width: 0px; /* * We need a better solution to get the PrimaryContent area to fill * up as much space as possible. height: 100% doesn't work because * it's 100% of the containing block, not 100% of available space. * 100% makes it poke beyond the footer area. * * Currently this area is resized on page load in generalUI.js. The * problem with that is that it looks 'jumpy' as the page renders with * a shorter height, and then the rest of the height is added at the * last minute. * */ /* display: block; */ /* XXX TODO MSIE fix */ /* height: 93%; */ /* min-height: 83%; */ } CAPTION { text-align: left; font-weight: bold; font-size: 1.0em; border-width: 1px; border-style: solid; /* padding: 0.2em; */ padding: 2px; padding-left: 0.4em; /* margin-left: -1px; */ } /* Apply this to tables when they shouldn't be 'visible' with colors * or borders */ .invisibleTable { padding: 0px; /* margin: 0px; */ /* Needed?? */ border-width: 0px; border-collapse: collapse; } /* Used in the password change screen to allow a vertical divider * between name and password change areas */ .invisibleTableVertLineLeft { padding: 0px; border-width: 0px; border-collapse: collapse; border-left: 2px solid black; } /* override the default padding for table cells. */ .invisibleTable TD { border-width: 0px; padding: 0; } /* like invisibleTable, but doesn't affect padding. */ .invisible { padding: inherit; margin: inherit; border-width: 0px; border-collapse: collapse; } BODY.innerFrame { background-color: #FFFFFF; } .contentTable { border-width: 1px; border-style: solid ; border-collapse: collapse; text-align: left; } .simpleContentTable { border-style: none ; border-collapse: collapse; text-align: left; } .clsTableHeading { border-bottom: 1px solid ; padding: 5px !important; font-weight: bold; } .contentTable TR, .contentTable TD, .contentTable TH { border-style: solid; border-width: 0px; } .contentTable TH, .contentTable TD, .simpleContentTable TH, .simpleContentTable TD, .headingCell { /* stuff should be vertically centered within these cells. */ vertical-align: middle; padding: 2px 3px 3px 3px; /* Top Right Bottom Left */ } .simpleContentTable TH.titleRow, .simpleContentTable TD.titleRow { font-weight: bold; } .contentTable TR.primary TD {border-width: 1px;} .contentTable TR.secondary TD {border-width: 1px;} .contentTable TR.primary TH {border-width: 1px;} /* * Should be redundant with above: .contentTable TH, .contentTable TD {text-align: left;} .contentTable TR.totals TD, .contentTable TR.heading TH { text-align: left; } */ .contentTable TR.totals TD.invisible, .contentTable TR.totals TH.invisible { border-width: 0px; } /* XXX TODO .contentTable TR.heading TH INPUT { border-width: 0px;} */ .contentTable TR.totals TD, .contentTable TFOOT TR.totals TH, .contentTable TR.heading TH {border-right-width: 1px; border-bottom-width: 1px;} TR.totals TD { white-space: nowrap; } /* * Setting this rule on both INPUT and A elements fixes misaligned * elements when they are siblings, in both MSIE and Firefox. */ .contentTable TD INPUT, .contentTable TD A, .simpleContentTable TD INPUT, .simpleContentTable TD A { vertical-align: middle; } .contentTable TD A, .simpleContentTable TD A { text-decoration: underline; /* This makes links inside contentTable have the underline. */ } .contentTable TD .clsHeading, .contentTable TD.clsHeading, .simpleContentTable TD .clsHeading, .simpleContentTable TD.clsHeading { font-weight: bold; padding-bottom: 4px; } .contentTable TD .clsLabel, .contentTable TD.clsLabel, .simpleContentTable TD .clsLabel, .simpleContentTable TD.clsLabel { font-weight: bold; float: left; white-space: nowrap; padding-right: 3px; } .simpleContentTable TD.section, .simpleContentTable TH.section { border-right: 1px; border-right-style: solid; } .simpleContentTable .bottom-border { border-bottom-width: 1px; border-bottom-style:solid; } /* * stdscreen.pyc stuff - standard object editor screen */ /* A class shared by ALL stdscreen buttons */ .clsStdScrnButton { padding: 0px; margin: 0px; margin-right: 0.5em; text-align: left; } /* A DIV container for the standard 'Create' button */ .clsStdScrnButton_i_show_create { padding-bottom: 0.4em; margin: 0px; text-align: right; } /* *clsSearchableField is a 'search input' table cell (TD) on the search form. * */ .clsSearchableField { padding-left: 2px !important; padding-right: 2em !important; } /* * All clsSearchForm objects should also have the contentTable class. */ .clsSearchForm { border-width: 1px; border-style: solid; /* padding: 1em; */ } /* .clsSearchForm TABLE TBODY TR TD { vertical-align: top; border-width: 0px; padding: 2px; } */ .clsSearchForm SELECT, .clsSearchForm INPUT, .clsSearchForm TEXTAREA { font-weight: bold; } /* The "number selected" input */ .SSearchNumSelected { border-width: 0px; } /* Pad the bottom of all search results tables - padding between the table and any buttons such as Delete */ .clsSearchResultsTable { margin-bottom: 5px; } /* Override some stuff from regular CAPTION when in search results */ .clsSearchResultsTable CAPTION { /* font-size: 1em; */ font-weight: normal; /* padding: 2px; */ padding: 0px; margin: 0px; } /* * Make the headers and footers of search results tables expand to * fill available area. */ .clsSearchResultsTable CAPTION TABLE, .clsSearchResultsTable TFOOT TABLE { width: 100%; margin: 0px; padding: 0px; } .clsSearchResultsTable CAPTION TR TD, .clsSearchResultsTable CAPTION TR TH, .clsSearchResultsTable TFOOT TR TH, .clsSearchResultsTable TFOOT TR TD { margin: 0px; padding: 0px; } /* Produces better alignment of page navigation inputs in search results table. */ .clsSearchResultsTable CAPTION INPUT, .clsSearchResultsTable TFOOT INPUT { /* vertical-align: 1%; */ /* close to 'top' but not quite */ margin: 1px; padding: 1px; text-align: center; } .clsSearchResultsTable CAPTION TBODY TD, .clsSearchResultsTable TFOOT TBODY TD, .clsSearchResultsTable TFOOT TBODY TH { vertical-align: middle; /* stuff should be vertically centered within these cells. */ padding: 1px; margin: 0px; } .clsSearchResultsTable CAPTION .clsButton, .clsSearchResultsTable TFOOT .clsButton { padding: 0px; margin: 0px; margin-bottom: 2px; margin-top: 1px; vertical-align: middle; } .clsSearchResultsHeaderLeft, .clsSearchResultsHeaderRight { margin: 0px; padding: 0px; font-size: 1.05em; width: 98%; vertical-align: middle; } .clsSearchResultsHeaderLeft { text-align: left; padding-left: 0.5em; } .clsSearchResultsHeaderRight { text-align: right; padding-right: 1em; } /* Make inputs slightly smaller when inside these search result headers */ .clsSearchResultsHeaderLeft SELECT, .clsSearchResultsHeaderRight SELECT, .clsSearchResultsHeaderLeft INPUT, .clsSearchResultsHeaderRight INPUT { font-size: 0.85em; /* Note that this is relative to the LARGER size of search result captions! */ vertical-align: middle; } /* * The main 'content' cells for Search Results tables */ .clsSearchResultsTable TBODY TR TD { padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.25em; padding-bottom: 0.25em; } /* * Used for DIV tags that submit a form when clicked * Supposed to look like regular links */ .clsFormSubmit_Link { display: inline; text-decoration: underline; cursor: pointer; } .clsPopupTreeLink { } .clsPopupSearchLink { } .clsPopupRunBoxTitle { padding: 0.5em; font-size: 1.2em; font-weight: bold; } .clsPopupRunBoxBody { padding: 0.8em; font-size: 1.1em; } /* * This class should be applied to tables that enclose a general * purpose form for editing the attributes of any object. */ .clsAttributesForm { border-width: 2px; /* margin: 1em 0.2em 1em 0.2em; */ margin: 0px; margin-bottom: 1em; border-style: solid; border-collapse: collapse; } .clsAttributesForm TD { padding-top: 4px; padding-bottom: 4px; padding-left: 1.1em; padding-right: 1.1em; vertical-align: top; /* vertical-align: middle; */ } .clsAttributesForm INPUT { vertical-align: middle; } .clsAttributesForm INPUT[type='checkbox'] { vertical-align: -50%; } .clsAttributesForm INPUT[type='radio'] { vertical-align: -25%; } /* ======================================================== Properties of FOOTER elements ======================================================== */ #idFooter TD { padding: 5px; padding-bottom: 0px; color: #666666; } #idFooter TD A, #idFooter TD A:visited { color: #666666; text-decoration: underline } #idFooter TD A:hover { color: #000000; text-decoration: underline } /* entryTableContainer is only used in jtgui.py as far as I can tell. */ /* and only for the "inner scrollbars" version -- the "simple" version uses clsSimpleEntryScreen instead. */ .entryTableContainer { padding: 0px 0px 0px 0px; margin: 0px; } .entryTableContainer TD { vertical-align: bottom; } .entryTableContainer TD DIV { padding-bottom: 1px; } .clsSimpleEntryScreen TD, .clsSimpleEntryScreen tr.heading TH { border-width: 0px !important; } /* * Used in jtgui (entry screens) * * All 'Field Value' cells (dropdowns & comment fields) have this * class name, as well as a class name specific to the type of cell, * such as clsEntry_h1 for Projects and clsEntry_tb1 for comments * */ .clsFieldValueCell { white-space: nowrap; } /* Check - is this correct? */ .clsFieldValueCell SELECT { vertical-align: bottom; } /* Comments column - should word-wrap but with a minimum width */ .clsEntry_tb1 { white-space: normal; } /* ======================================================== GENERIC/REUSABLE Properties ======================================================== */ .clsNoWrap { white-space: nowrap; } .clsLabel { font-weight: bold; } .clsSmallFont90 { font-size: 0.9em; } .clsWidth1 { width: 1px !important; } .clsWidth10 { width: 10px !important; } .clsWidth20 { width: 20px !important; } .clsWidth50 { width: 50px !important; } .clsWidth100 { width: 100px !important; } .clsWidth150 { width: 150px !important; } .clsWidth175 { width: 175px !important; } .clsWidth200 { width: 200px !important; } .clsWidth500 { width: 500px !important; } .clsWidth95Percent { width: 95% !important; } .clsWidth100Percent { width: 100% !important; } /* * Usually appears on Login screens only but can appear in place of toolbar * on any JXDocType_SIMPLE page. */ .clsLoginPageLinks { float: left; padding: 0.5em; width: 11em; /* Approx same size as toolbar ... doesn't need to be exact but make it a bit less. */ /* vertical-align: top; */ font-size: 1.2em; height: 100%; } .clsLoginPageLinksHeading { font-weight: bold; padding-top: 1em; padding-bottom: 1em; } /* An individual link */ .clsLoginPageLink { padding-top: 0.5em; padding-bottom: 0.5em; } .clsLoginPageLink A, .clsLoginPageLink A:active, .clsLoginPageLink A:hover, .clsLoginPageLink A:visited { text-decoration: underline; } .clsLoginForm { font-size: 1.15em; padding-left: 1.6em; } .clsLoginForm TD { padding-left: 0px; padding-right: 1.2em; padding-top: 1.1em; padding-bottom: 0px; } /* The word 'Login' on the login page */ .clsLoginFormTitle { font-size: 1.2em; /* relative to container which already increases font size */ font-weight: bold; padding-bottom: 0.5em; } .clsLoginFormForgotPassword { display: inline; /* avoids sending to next line */ padding-left: 1.5em; vertical-align: middle; } .clsLoginFormForgotPassword A, .clsLoginFormForgotPassword A:active, .clsLoginFormForgotPassword A:hover, .clsLoginFormForgotPassword A:visited { text-decoration: underline; } /* * XXX TODO- imported from main.css */ /* XXX TODO -- these are suspect for Anchors */ A {text-decoration : underline;} A:Active {text-decoration: underline;} A:Active.noLicenseLinks {text-decoration : underline;} A:Hover {text-decoration : underline;} A:Hover.noLicenseLinks {text-decoration : underline;} /* Allow external links to have underlines */ /* .clsExternalLink A, .clsExternalLink A:visited, .clsExternalLink A:active, .clsExternalLink A:hover { */ .clsExternalLink { text-decoration: underline; } /* Status Popup on time entry -- obsolete -- probably can be removed */ .divStatus { position:absolute; visibility:hidden; z-index:200; font-size:80%; padding:3px; } .title { font-size: 125%; font-weight: bold; } /* .copy { font-size : 90%; } */ .navSubLink { text-decoration : none; } .sysadmHeading { text-decoration : underline; font-weight:bold; } .status { font-size : 90%; text-decoration : none; font-weight:bold; } .error { font-size : 100%; text-decoration : none; font-weight:bold; } /*** start Calendar Table section ***/ /* any color spec in this section will get overwritten */ DIV.Bcalendarheader { width: 99%; border: 1px solid black; padding: 1px 0 2px 12px; font-weight: bold; margin-bottom: 10px; } /* Links in the header are only underlined when you hover over them. */ DIV.BCalendarheader A { text-decoration: none; } DIV.BCalendarheader A:hover { text-decoration: underline; } /* Make the images look better positioned in the header */ DIV.BCalendarheader IMG { position: relative; top: 2px; } DIV.BCalendarheader SPAN.todayactive { cursor: pointer; } DIV.BCalendarheader SPAN.todayactive:hover { text-decoration: underline; } /* These styles apply to the calendar table in all views (week, day, and month) */ TABLE.Bcalendar UL { padding: 2px; list-style-position: inside; margin: 0px; } TABLE.Bcalendar TH { height: 2em; } TABLE.Bcalendar TD { vertical-align:top; padding: 0; border-width: 1px; border-style: solid; } TABLE.Bcalendar TD DIV.cellcontent { margin: 2px; position: relative; left: 0; } /* This is because IE is retarded and I had to center a table in the day view. - AJR */ TABLE.Bcalendarday TD DIV.cellcontent { margin-top: 5px; } /* More IE retardation - this time, it's because IE renders the same div differently on first viewing than on subsequent views. Content was bleeding too far left - so the solution was to push it far enough right to fix any overlapping, without making the "correct" view of it look too awkward. */ TABLE.Bcalendarday TD DIV.cellcontent TD { _padding-left: 6px; /* the underscore is an IE-only hack */ } TABLE.Bcalendar TD DIV.cellcontent A.dateaction { float:right; font-size: .9em; } TABLE.Bcalendarday TD DIV.cellcontent A.dateaction { display: block; float:none; width: 100%; margin: 2px; text-align: right; position: relative; left: -2px; } TABLE.Bcalendar TD.weeklink { text-align:center; vertical-align:top; border: 0; padding: 0px; padding-right: 2px; } TABLE.Bcalendarmonth TD.weeklink, TABLE.Bcalendarweek TH.daylink { text-decoration: underline; } TABLE.Bcalendaryeargrid { border: 0; height: 100%; } TABLE.Bcalendaryeargrid TD { border: 0; text-align: center; } TABLE.Bcalendaryeargrid DIV.calendar { margin: 20px auto 20px auto; width: 121px; cursor:pointer; } /* These styles control the size of cells in the various views. The intention is that the calendar table remain the same size regardless of view. Day cells are 7 times as wide as month/week cells because there aren't 7 of them. Week/Day cells are 6 times as tall as month cells because there are usually 6 weeks in a month. This is perhaps unnecessary because of the colwidth usage in jxcalendar.py We also do our best to avoid messing with any nested tables... */ TABLE.Bcalendar TH.weeklink, TABLE.Bcalendar TD.weeklink { width: 30px; } .Bcalendarmonth TH, .Bcalendarweek TH, .Bcalendarmonth TD, .Bcalendarweek TD { width: 90px; min-width: 90px; max-width: 90px; } .Bcalendarmonth TD { height:60px; } .Bcalendaryeargrid, .Bcalendaryear TD, .Bcalendarweek TD, .Bcalendarday TD { height:360px; } .Bcalendaryear TD TABLE TH, .Bcalendarmonth TD TABLE TH, .Bcalendarweek TD TABLE TH, .Bcalendarday TD TABLE TH, .Bcalendaryear TD TABLE TD, .Bcalendarmonth TD TABLE TD, .Bcalendarweek TD TABLE TD, .Bcalendarday TD TABLE TD { height:auto; width:auto; min-width: auto; max-width: auto; } /* The next two statements set up the little stripe with the day # in the month view */ .Bcalendarmonth TD.dayofmonth { padding-top: 0px; } .Bcalendarmonth TD.dayofmonth A.dayheader { display: block; width: 100%; text-decoration: none; margin-top: 0px; /* padding-right: 7px; */ padding-top: 1px; padding-bottom: 1px; text-align: right; } /*** end Calendar Table section ***/ .navLinkHeading { font-size : 110%; font-weight: bold; /* text-decoration : none; */ /* XXX TODO questionable planders */ } /*** start sitemap section ***/ /* Four columns are displayed in the sitemap. Each line (label or hyperlink) consists of one CSS block element. Labels are in
s, links in s. Level 0 is the web page title, level 1 is the toplevel label/link in a column, level 2 is the first indented level under that, etc. sm-box - the
containing the sitemap markup sm-indentX - controls indentation sm-labelX - controls label font stuff, space above label (margin-top) sm-linkX - controls link font stuff, space above link, make block elt sm-colX - controls column positioning and decoration sm-col-end - clears past all floated columns sm-no-top-margin - codegen creates this to suppress space above 1st label1 in column sm-not-impl - codegen creates this only if link has no mapping to file (so go fix it already!) */ .sm-indent0 {margin-left: 0;} .sm-indent1 {margin-left: 1em; margin-right: 1em;} .sm-indent2 {margin-left: 3em; margin-right: 1em;} .sm-indent3 {margin-left: 5em; margin-right: 1em;} .sm-col1 {border-left: 0px solid gray; float: left; width: 24%; padding: 0;} .sm-col2 {border-left: 1px solid gray; float: left; width: 24%; padding: 0;} .sm-col3 {border-left: 1px solid gray; float: left; width: 24%; padding: 0;} .sm-col4 {border-left: 1px solid gray; float: left; width: 24%; padding: 0;} .sm-colfaq a {margin-top: 1em;} /*.sm-col4 a {margin-top: 1em;}*/ /*.sm-label0 {font-size: 1.35em; font-weight: bold; margin: 2em;}*/ /* web page title */ .sm-label0 {display: none;} .sm-label1 {font-size: 1.05em; font-weight: bold; margin-top: 1.5em;} .sm-label2 {font-size: 1em;} .sm-label3 {font-size: 1em;} .sm-link1 {padding: 1.5px; display: block; font-size: 1.05em; font-weight: bold; margin-top: 1.5em;} .sm-link2 {padding: 1.5px; display: block;} .sm-link3 {padding: 1.5px; display: block;} .sm-box {} .sm-col-end {clear: left;} .sm-no-top-margin {margin-top: 0em;} .sm-not-impl {background-color: red;} /* this class should never appear in production code */ .sitemapLink { text-decoration: none; } /*** end sitemap section ***/ /*********** END OF MAIN.CSS ***** CLEAN ME UP ***************/ /* ======================================================== Properties of HEADER elements ======================================================== */ #idHeaderButtonsDiv { position: absolute; top: 0px; right: 10px; } #idHeaderButtons TD { background-repeat: no-repeat; background-position: 0px 3px; padding: 3px; } #idHeaderButtons TD A, #idHeaderButtons TD A:visited { padding-left: 15px; font-weight: bold; color: #FFFFFF; /* color 102a */ text-decoration: none; vertical-align: bottom; } #idHeaderButtons TD A:hover { color: #FFFF00; /* color 102b */ text-decoration: underline; } #idHeaderButtons TD A.clsHeaderButtonSelected, #idHeaderButtons TD A.clsHeaderButtonSelected:visited, #idHeaderButtons TD A.clsHeaderButtonSelected:hover { color: #92D054; /* color 102c */ } .clsHeaderButton { color: #92D054; /* color 102c */ } .clsHeaderButtonPreferences, .clsHeaderButtonUsers, .clsHeaderButtonGroups, .clsHeaderButtonProjects, .clsHeaderButtonTimekeep, .clsHeaderButtonDisconManage, .clsHeaderButtonDisconUser, .clsHeaderButtonSitemap { background-image: url(../image/60/icon-header_preferences.gif); } .clsHeaderButtonLogout { background-image: url(../image/60/icon-header_logoff.gif); } /* New header button classes in wtdoc clsHeaderButtonUsers clsHeaderButtonGroups clsHeaderButtonProjects clsHeaderButtonTimekeep clsHeaderButtonDisconManage clsHeaderButtonDisconUser clsHeaderButtonSitemap clsHeaderButtonLogout */ /* ======================================================== Properties of PRIMARY CONTENT elements ======================================================== */ .clsPrimaryContentTitle { font-weight: bold; white-space: nowrap; } .clsPrimaryContentSubTitle { white-space: nowrap; } #idPrimaryContentButtons DIV { background-repeat: no-repeat; background-position: left top; height: 14px; white-space: nowrap; float:right; margin-left: 15px; } #idPrimaryContentButtons DIV A, #idPrimaryContentButtons DIV A:visited { padding-left: 15px; font-weight: bold; color: #156187; /* color 104a */ text-decoration: none; } #idPrimaryContentButtons DIV A:hover { color: #000000; /* color 104b */ text-decoration: underline; } #idPrimaryContentReqTimeoffButton { background-image: url(../image/60/icon-req_timeoff.gif); width: 115px; } #idPrimaryContentHelpButton { background-image: url(../image/60/icon-help.gif); width: 40px; } #idPrimaryContentPrintButton { background-image: url(../image/60/icon-print.gif); width: 150px; } /* ======================================================== Properties of BUTTON elements ======================================================== */ .clsButton { /* override normal INPUT monospace font */ font-family: Verdana, Tahoma, Luxi Sans, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: 0.89em; padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; margin: 2px; margin-bottom: 0px; background-color: #F1E85E; /* color 105a */ border: 1px solid #000000; /* color 105b */ cursor: pointer; text-decoration: none; /* For links that are 'buttons', don't underline the link. */ border-style: solid; border-width: 1px; -moz-border-radius: 4px; /* rounded buttons on NS/Mozilla only -- eventually this will be in CSS3 and theoretically MSIE 12.0 */ } .disabled .clsButton { color: #999; } /* * XXX TODO: clsButtonList* is questionable -- doesn't seem to be in use */ .clsButtonListRight, .clsButtonListLeft { color: #000000; /* color 105c */ background-color: #F1E85E; /* color 105a */ background-repeat: no-repeat; font-weight: bold; width: 95px; height: 17px; margin: 2px; cursor: pointer; text-align: center; } .clsButtonListRight DIV, .clsButtonListLeft DIV { padding-top: 2px; } .clsButtonListRight { background-image:url(../image/60/button-list_right.gif); } .clsButtonListLeft { background-image:url(../image/60/button-list_left.gif); } .clsButtonListUp, .clsButtonListDown { background-color: #F1E85E; /* color 105a */ background-repeat: no-repeat; width: 11px; height: 11px; margin: 2px; cursor: pointer; } .clsButtonListUp { background-image:url(../image/60/button-list_up.gif); } .clsButtonListDown { background-image:url(../image/60/button-list_down.gif); } /* * Use these classes to add a Right/Left triangle-arrow to your button. * * These are meant to be used in ADDITION to clsButton. So make your * INPUT's class something like: * *