/* * Copyright 2004-2019 by Eaton Corporation. All Rights Reserved. * * Cascading Style Sheet for WebViews * Version 7.1.158 * */ /* * IMPORTANT! * * * 1.) DO NOT EDIT THIS FILE * * To override styles, move the modified styles into a new file * named user_style_ie.css which will cascade after this file. * The user_style_ie.css file will apply to all WebViews pages. * If you only need to modify styles for an individual page, place * the modified styles in page_style_ie.css and place this file in * the page's WebViews filesysystem folder. The load order of the * css files is: * * 1. style_ie.css * 2. user_style_ie.css * 3. page_style_ie.css * * It's OK if the user_style_ie.css and/or page_style_ie.css files * are not present. * * * 2.) DO NOT MODIFY STYLES #20 AND ABOVE FOR ANY OBJECT * * These are reserved for WebViews internal use only and modifying * them will break things either now or in the future. */ /* * the background color of a new page */ DIV.bgDiv { background-color:#CCCCCC; position: absolute; left:0px; top:0px; z-index:1; } /* * Different OS's (XP, 2000, 2003) and different desktop settings will * give you different viewable areas in your browser window. IE will * always have a vertical scroll bar even if it doesn't use it (it will * be disabled but still visible and taking up horizontal space). Here * are some examples for XP: * * Windows XP: * display 1024x768, IE6 with small icons, taskbar always visible has * a viewable area of 1003x603 * display 1280x1024, IE6 with small icons, taskbar always visible has * a viewable are of 1259x863 * * DefaultViewSize defines your target what display resolution you think * will be the most widely used (or required) in your environment. This * is the size that you used to design your pages. */ #DefaultViewSize { width:1259px; height:863px; } /* * This is the size of the Alarm Management window as a percentage of * the default view size. If your default view is 1280x1024, then a * value of 60% x 50% would give a 768 x 512 Alarm Management window * size and 80% x 80% would be 1024 x 820. */ #AlarmManagementSize { width:80%; height:80%; } /* * The following styles define the alarm states as object colors. * BACKGROUND-COLOR is the background and COLOR is the color of * the text. In both cases, color is a hex number indicating the * intensity of the red, green, and blue values as RRGGBB (e.g. * #FF0000 is the brightest red, #00FF00 is the brightest green). * #000000 is black, #FFFFFF is white, and #777777 is middle gray. * * NOTE: All colors MUST use the full 6 digit format. The 3 digit * short format CANNOT be used. */ #Normal { background-color:#007F00; color:#000000; } #Disabled { background-color:#7F007F; color:#000000; } #Disarmed { background-color:#00FFFF; color:#000000; } #Acknowledged { background-color:#0000FF; color:#FFFFFF; } #Cautionary { background-color:#FFFF00; color:#000000; } #Critical { background-color:#FF0000; color:#000000; } #NoData { background-color:#C3C3C3; color:#000000; } /* * Enable/disable the alarm notification dialog. * Set the value to true (1) to display a popup window when a new alarm * occurs. Set the value to false (0) to disable alarm notification. */ #AlarmNotification {z-index:0;} /* * An alarm priority filter for alarm notification popup dialog. * When #AlarmNotification is enabled (1) we use the AlarmNotificationPriority * to set the alarm priority level of alarms that we want to use the alarm notification * popup dialog. By default the value is 9999, which displays all alarms but it can be lowered * so that only certain alarms with priorities lower than the value will trigger the popup. */ #AlarmNotificationPriority {z-index:9999;} /* * When Alarm Notification is enabled, the "Suppress Notification" * option will stop displaying the Notification popup on new alarms for * this time period. This means I'm aware alarms are accuring and I'm * responding - don't bother me with the popup for this period of time. * The default value is 30 seconds. This means that any new alarms that * occur within 30 seconds of the user choosing "Suppress Notification" * will not display the Notification popup window. */ #AlarmSuppressTime { z-index:30; } /* * When Alarm Notification is enabled, play a sound file on new alarms. * The sound file will stop playing when the user closes the Alarm * Notification window. To enable sound, set the font-family value * to the name of the sound file (.wav or .mp3). The sound files must * be in the WWW/Support/sounds folder on the server. To disable sound, * use {font-family:none;} */ #AlarmNotificationSound { font-family:"alarm.mp3"; } /* * Content Resize when enabled will resize all objects on the page * so the entire page will fit regardless of the size of the browser * window or pane. The aspect ratio that the value for #DefaultViewSize * will also be preserved. Turning off Content Resize will leave all * objects at the size they were originally specified and will cause * part of the page to scroll out of the visible window if the size of * the browser window or pane is less than #DefaultViewSize. If this * happens, scroll bars will appear as needed to allow portions of the * page that are not visible to be scrolled into view. Use the value * 1 for enabled and 0 for disabled. */ #ContentResize { z-index:0; } #ResizeToWindow { z-index:0; } /* * Styles for the Alarm Mmanagement Page * The colors should probably match the ones above - its up to you. * * There are more styles for just Alarm Management in: util_style_ie.css */ .normal { background-color:#32CD32; } .critical { background-color:#FF1111; } .caution { background-color:#FFFF00; } .acked { background-color:#0000FF; } .disarmed { background-color:#00FFFF; } .disabled { background-color:#7F007F; } .nodata { background-color:#C3C3C3; } /* * Styles for the Alarm Management window. */ body.almMgmt { background-color:Window; color:WindowText; font-family:message-box,Arial,sans-serif; font-size:10px; } /* * selected cells in Alarm Management */ td.almMgmtSel { background-color:Highlight; color:HighlightText; width:13.7% } td.almMgmtStateSel { background-color:Highlight; color:HighlightText; width:4% } /* * the sort-by column in Alarm Management */ td.almMgmtSort { background-color:#E5E5E5; width:13.7% } td.almMgmtStateSort { background-color:#E5E5E5; width:4% } /* * options for the Alarm Management page: * alarm management as dialog or window (default is false for a window) * show disarmed alarms (default false) * show disabled alarms (default false) */ #AlarmManagementAsDialog { z-index:1; } #AlarmShowDisarmed { z-index:0; } #AlarmShowDisabled { z-index:0; } /* * The following define the color of the oneline * segments. Depending on the channel value (0-49) * the lines will have the following colors: */ #OneLine0 { background-color:#007F00; } #OneLine1 { background-color:#FF0000; } #OneLine2 { background-color:#FF8800; } #OneLine3 { background-color:#C3C3C3; } #OneLine4 { background-color:#800080; } #OneLine5 { background-color:#0000FF; } #OneLine6 { background-color:#FFFF00; } #OneLine7 { background-color:transparent; } #OneLine8 { background-color:#FFFFFF; } #OneLine9 { background-color:#FFFFFF; } /* * The container for an embedded graph */ DIV.gContainer { border-style:outset; position:absolute; } /* * changing any of the following styles may break things - be careful */ BODY { margin:0px; padding:0px; cursor:default; color:#000000; } IMG.bgImage { position:absolute; left:0px; top:0px; z-index:2; } IMG.staticImg { border:1px none; } IMG.animeImg { border:1px none; } DIV { border-width:1px 1px 1px 1px; border-style:none; cursor:default; } A { text-decoration:none; cursor:hand; } A:hover { text-decoration:underline; cursor:hand; } /* * The Folder Objects * Fae is (F)older (a)nchor (e)lement - the anchor object */ A.Fae0 { border:3px outset #FFFFFF; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Fae1 { border:0px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Fae2 { border:0px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; font-size:12px; font-family:Arial,sans-serif; } A.Fae3 { border:0px none; overflow:hidden; text-align:center; background-color:transparent; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:14px; font-weight:bold; letter-spacing:1px; font-family:Arial,sans-serif; } /* * these are place-holders for user over-rides */ A.Fae4 {} A.Fae5 {} A.Fae6 {} A.Fae7 {} A.Fae8 {} A.Fae9 {} A.Fae10 {} A.Fae11 {} A.Fae12 {} A.Fae13 {} A.Fae14 {} A.Fae15 {} A.Fae16 {} A.Fae17 {} A.Fae18 {} A.Fae19 {} /* * Folder style starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ A.Fae20 { border:0px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:transparent; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } A.Fae21 { border:0px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } A.Fae22 { border:0px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:9px; font-family:Arial,sans-serif; z-index:40; } /* * The Folder Link Objects * Lae is (L)ink (a)nchor (e)lement - the anchor object */ A.Lae0 { border:3px outset #FFFFFF; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Lae1 { border:0px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Lae2 { border:0px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; font-size:12px; font-family:Arial,sans-serif; } A.Lae3 { border:0px none; overflow:hidden; text-align:center; background-color:transparent; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:14px; font-weight:bold; letter-spacing:1px; font-family:Arial,sans-serif; } /* * these are place-holders for user over-rides */ A.Lae4 {} A.Lae5 {} A.Lae6 {} A.Lae7 {} A.Lae8 {} A.Lae9 {} A.Lae10 {} A.Lae11 {} A.Lae12 {} A.Lae13 {} A.Lae14 {} A.Lae15 {} A.Lae16 {} A.Lae17 {} A.Lae18 {} A.Lae19 {} /* * Folder Links style starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ A.Lae20 { border:0px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:#080C64; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } A.Lae21 { border:0px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:#080C64; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } /* * Hyperlink objects */ A.Hlink0 { border:3px outset #FFFFFF; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Hlink1 { border:3px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; font-size:12px; font-family:Arial,sans-serif; } A.Hlink2 { border:3px none; overflow:hidden; text-align:center; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; font-size:12px; font-family:Arial,sans-serif; } A.Hlink3 { border:3px none; overflow:hidden; text-align:center; background-color:transparent; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:14px; font-weight:bold; letter-spacing:1px; font-family:Arial,sans-serif; } /* * these are place-holders for user over-rides */ A.Hlink4 {} A.Hlink5 {} A.Hlink6 {} A.Hlink7 {} A.Hlink8 {} A.Hlink9 {} A.Hlink10 {} A.Hlink11 {} A.Hlink12 {} A.Hlink13 {} A.Hlink14 {} A.Hlink15 {} A.Hlink16 {} A.Hlink17 {} A.Hlink18 {} A.Hlink19 {} /* * Hyperlink style starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ A.Hlink20 { border:3px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:transparent; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } A.Hlink21 { border:0px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#080C64; background-color:#F7F7F8; font-size:12px; font-family:Arial,sans-serif; z-index:40; } A.Hlink22 { border:3px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; font-size:9px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; } A.Hlink23 { border:3px none; overflow:hidden; text-align:left; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:transparent; font-size:12px; font-family:Verdana,sans-serif; z-index:40; } /* * Line (rectangle) objects * the background color only applies to unlinked lines * overflow:hidden is required for small heights */ DIV.Line0 { background-color:#000000; padding:0px; overflow:hidden; } DIV.Line1 { background-color:#FF0000; padding:0px; overflow:hidden; } DIV.Line2 { background-color:#FFFF00; padding:0px; overflow:hidden; } DIV.Line3 { background-color:#00FF00; padding:0px; overflow:hidden; } DIV.Line4 { background-color:#00FFFF; padding:0px; overflow:hidden; } DIV.Line5 { background-color:#0000FF; padding:0px; overflow:hidden; } DIV.Line6 { background-color:#FFFFFF; padding:0px; overflow:hidden; } /* * these are place-holders for user over-rides */ DIV.Line7 {} DIV.Line8 {} DIV.Line9 {} DIV.Line10 {} DIV.Line11 {} DIV.Line12 {} DIV.Line13 {} DIV.Line14 {} DIV.Line15 {} DIV.Line16 {} DIV.Line17 {} DIV.Line18 {} DIV.Line19 {} /* * Line styles starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ DIV.Line20 { background-color:#000066; padding:0px; overflow:hidden; } DIV.Line21 { background-color:#FFFFFF; padding:0px; overflow:hidden; } DIV.Line22 { background-color:#0066FF; padding:0px; overflow:hidden; } DIV.Line23 { background-color:#003399; padding:0px; overflow:hidden; } DIV.Line24 { background-color:#6d7ca7; padding:0px; overflow:hidden; } /* * The Channel Objects * Cod is (C)hannel (o)uter (d)iv - the container * Cld is (C)hannel (l)eft (d)iv - the channel name * Crd is (C)hannel (r)ight (d)iv - the channel value * * NOTE: padding must be the same for both left and right DIVs even if display:none is set for a DIV. * Also if padding, border, margins, etc. is used, all 4 values must be set and the units must be pixels. * Actually the units for everything (including fonts) must be pixels if content resizing is enabled. * All outer DIVs need to have a background-color (use the NODATA value). If you want the channel to * have a transparent background, set the outer DIV background-color:transparent (refer to DIV.Cod6) * the inner DIVs always start out transparent and they render after the outer DIV. This means that * they show the color of the outer DIV as they are on top of the outer DIV and they are transparent. * * The left and right inner DIVs need to have the position:absolute style set. */ DIV.Cod0 { border:3px ridge #FFFFFF; overflow:hidden; background-color:#BBBBBB; } DIV.Cld0 { text-align:left; position:absolute; left:0px; height:100%; padding:0px 10px 0px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd0 { text-align:right; position:absolute; right:0px; height:100%; padding:0px 2px 0px 0px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Cod1 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld1 { display:none; padding:3px 2px 3px 2px; } DIV.Crd1 { text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Cod2 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld2 { text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd2 { display:none; padding:3px 2px 3px 2px; } DIV.Cod3 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld3 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd3 { text-align:right; position:absolute; right:0px; height:100%; padding:3px 2px 3px 0px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Cod4 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld4 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd4 { text-align:right; position:absolute; right:0px; height:100%; padding:3px 2px 3px 0px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Cod5 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld5 { background-color:#DDDDDD; text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd5 { display:none; padding:3px 2px 3px 2px; } DIV.Cod6 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld6 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd6 { display:none; padding:3px 2px 3px 2px; } DIV.Cod7 { border:3px ridge #FFFFFF; overflow:hidden; background-color:#BBBBBB; } DIV.Cld7 { display:none; padding:3px 2px 3px 2px; } DIV.Crd7 { text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Cod8 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld8 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:16px; font-family:Arial,sans-serif; } DIV.Crd8 { display:none; padding:3px 2px 3px 2px; } DIV.Cod9 { border:3px ridge #FFFFFF; overflow:hidden; background-color:#BBBBBB; } DIV.Cld9 { text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd9 { display:none; padding:3px 2px 3px 2px; } /* * these are place-holders for user over-rides */ DIV.Cod10 {} DIV.Cld10 {} DIV.Crd10 {} DIV.Cod11 {} DIV.Cld11 {} DIV.Crd11 {} DIV.Cod12 {} DIV.Cld12 {} DIV.Crd12 {} DIV.Cod13 {} DIV.Cld13 {} DIV.Crd13 {} DIV.Cod14 {} DIV.Cld14 {} DIV.Crd14 {} DIV.Cod15 {} DIV.Cld15 {} DIV.Crd15 {} DIV.Cod16 {} DIV.Cld16 {} DIV.Crd16 {} DIV.Cod17 {} DIV.Cld17 {} DIV.Crd17 {} DIV.Cod18 {} DIV.Cld18 {} DIV.Crd18 {} DIV.Cod19 {} DIV.Cld19 {} DIV.Crd19 {} /* * Channel style starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ /* channel: value only left - no border - transparent */ DIV.Cod20 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld20 { display:none; padding:3px 2px 3px 2px; } DIV.Crd20 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:12px; font-family:Arial,sans-serif; } /* channel: name and value - no border */ DIV.Cod21 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld21 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; color:#000000; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd21 { text-align:right; position:absolute; right:0px; height:100%; padding:3px 2px 3px 0px; white-space:nowrap; color:#0000FF; font-size:13px; font-family:Arial,sans-serif; } /* channel: no name, no value and no border - will be a colored state link */ DIV.Cod22 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld22 { text-align:left; position:absolute; left:0px; height:100%; padding:30px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:0px; font-family:Arial,sans-serif; } DIV.Crd22 { text-align:right; position:absolute; right:0px; height:100%; padding:30px 2px 3px 0px; white-space:nowrap; color:#FFFFFF; font-size:0px; font-family:Arial,sans-serif; } /* channel: name only centered - solid background */ DIV.Cod23 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld23 { background-color:#DDDDDD; text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:13px; font-family:Arial,sans-serif; } DIV.Crd23 { display:none; padding:3px 2px 3px 2px; } /* channel: name only left - transparent background white 14px font */ DIV.Cod24 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld24 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:Arial,sans-serif; } DIV.Crd24 { display:none; padding:3px 2px 3px 2px; } /* channel: value only left - no border */ DIV.Cod25 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld25 { display:none; padding:3px 2px 3px 2px; } DIV.Crd25 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; font-size:10px; font-family:Arial,sans-serif; } /* channel: name and value - no border - transparent - white */ DIV.Cod26 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld26 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:12px; font-family:Arial,sans-serif; } DIV.Crd26 { text-align:right; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:12px; font-family:Arial,sans-serif; } /* channel: name and value - no border - transparent - black */ DIV.Cod27 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld27 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; color:#000000; font-size:12px; font-family:Arial,sans-serif; } DIV.Crd27 { text-align:right; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; font-size:12px; font-family:Arial,sans-serif; } /* channel: value only left - no border - white */ DIV.Cod28 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld28 { display:none; padding:3px 2px 3px 2px; } DIV.Crd28 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:10px; font-family:Arial,sans-serif; } /* channel: value only left - no border - black */ DIV.Cod29 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld29 { display:none; padding:3px 2px 3px 2px; } DIV.Crd29 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; font-size:10px; font-family:Arial,sans-serif; } /* channel: name only centered - solid background */ DIV.Cod30 { border:0px none; overflow:hidden; background-color:#BBBBBB; } DIV.Cld30 { text-align:center; position:absolute; left:0px; height:100%; width:100%; padding:0px 2px 3px 2px; white-space:nowrap; font-size:9px; font-family:Arial,sans-serif; } DIV.Crd30 { display:none; padding:3px 2px 3px 2px; } /* channel: value only left - no border - transparent - bright green */ DIV.Cod31 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld31 { display:none; padding:3px 2px 3px 2px; } DIV.Crd31 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#00FF00; font-size:16px; font-family:Arial,sans-serif } /* channel: value only left - no border - transparent */ DIV.Cod32 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld32 { display:none; padding:3px 2px 3px 2px; } DIV.Crd32 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:18px; font-family:Arial,sans-serif; font-weight:bold; } /* channel: name and value - no border - transparent - white */ DIV.Cod33 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld33 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:18px; font-family:Arial,sans-serif } DIV.Crd33 { text-align:right; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:18px; font-family:Arial,sans-serif; font-weight:bold; } /* channel: value only left - no border - transparent */ DIV.Cod34 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld34 { display:none; padding:3px 2px 3px 2px; } DIV.Crd34 { text-align:left; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:16px; font-family:Arial,sans-serif; font-weight:bold; } /* channel: name and value - no border - transparent - white */ DIV.Cod35 { border:0px none; overflow:hidden; background-color:transparent; } DIV.Cld35 { text-align:left; position:absolute; left:0px; height:100%; padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:16px; font-family:Arial,sans-serif } DIV.Crd35 { text-align:right; position:absolute; left:0px; height:100%; width:100%; padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:16px; font-family:Arial,sans-serif; font-weight:bold; } /* * The Text Objects */ DIV.Text0 { font-size:10px; font-family:Verdana,sans-serif; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding:3px 5px 3px 5px; color:#000000; background-color:#22BBFF; } DIV.Text1 { font-size:12px; font-weight:bold; font-family:Verdana,sans-serif; letter-spacing:2px; text-transform:uppercase; color:#FFFFFF; padding:1px; } DIV.Text2 { font-size:35px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text3 { font-size:30px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text4 { font-size:26px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text5 { font-size:22px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text6 { font-size:19px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text7 { font-size:16px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text8 { font-size:13px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text9 { font-size:10px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text10 { font-size:18px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text11 {} DIV.Text12 {} DIV.Text13 {} DIV.Text14 {} DIV.Text15 {} DIV.Text16 {} DIV.Text17 {} DIV.Text18 {} DIV.Text19 {} /* * Text style starting at 20 are used internally for standard equipment views * Do not change these or you'll never be able to use the standard view templates */ DIV.Text20 { font-size:12px; font-family:Tahoma,Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text21 { font-size:10px; font-family:Verdana,sans-serif; text-align:center; letter-spacing:1px; line-height:12px; border:1px solid #FFFFFF; color:#FFFFFF; background-color:#000066; } DIV.Text22 { font-size:8px; font-family:Tahoma,Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text23 { font-size:16px; font-family:Arial,sans-serif; font-weight:bold; color:#080C64; padding:1px; } DIV.Text24 { font-size:17px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; } DIV.Text25 { font-size:13px; font-family:Arial,sans-serif; font-weight:bold; color:#080C64; padding:1px; } DIV.Text26 { font-size:8px; font-family:Tahoma,Arial,sans-serif; color:#000000; padding:1px; } DIV.Text27 { font-size:10px; font-family:Arial,sans-serif; color:#000000; padding:1px; } DIV.Text28 { font-size:13px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; } DIV.Text29 { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; } DIV.Text30 { font-size:12px; font-family:Verdana,sans-serif; font-weight:normal; color:#FFFFFF; letter-spacing:1px; } DIV.Text31 { font-size:22px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text32 { font-size:18px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } DIV.Text33 { font-size:18px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; } DIV.Text34 { font-size:16px; font-family:Arial,sans-serif; color:#FFFFFF; padding:1px; } /* * Button classes */ BUTTON.Button0 { background-color:yellow;font-family:message-box,Arial,sans-serif; font-size:10px; } /* * Checkbox classes */ INPUT.checkbox0 { position:absolute; } /* * PXS Trend Viewer classes */ INPUT.PXSTrendViewer0 { position:absolute; border-right: #14319c thin outset; border-top: #ffffff thin outset; background:#8695b8; border-left: #ffffff thin outset; border-bottom: #14319c thin outset; color:white; font-family: Arial; font-size:12px; padding:2px 0px 2px 0px; } /* * report object classes */ DIV.reports0 { position:absolute; width:150px; height:340px; } TABLE.reports0 { border:1px solid black; background-color:#C0C0C0; font-family:Verdana,sans-serif; font-size:12px; white-space:nowrap; } TH.reports0 { width:100%; border:none; color:#000000; text-align:center; letter-spacing:1px; } TD.reports0 { background-color:#DCDCDC; width:100%; border:2px groove white; color:#000000; text-align:center; font-size:11px; white-space:nowrap; } /* * breadcrumbs classes */ DIV.breadcrumbs { position:absolute; width:770px; background-color:transparent; white-space:nowrap; overflow:hidden; } SPAN.breadcrumbs { padding:0px 0px 0px 3px; font-family:Verdana,sans-serif; font-size:9px; text-transform:uppercase; color:#FFFFFF; } A.breadcrumbs { color:#FFFFFF; } /* * Date/Time classes */ DIV.dateTime { position:absolute; font-family:Arial,sans-serif; font-size:10px; color:#FFFFFF; text-align:center; white-space:nowrap; overflow:hidden; } /* * Styles for the Alarm Count Object * Alarm colors are muted so they don't jump out of the page. * The table background is transparent, so whatever is behind it will be its color. * Because of the transparency, the text color (TH.alarmCounts - color:#FFFFFF) may * not work. You can either give the table a solid background color or change the * text (foreground) color. The actual count objects should be OK in either case. */ DIV.alarmCounts { position: absolute; width:150px; height:30px; } TABLE.alarmCounts { background-color:transparent; font-family:Verdana,sans-serif; font-size:11px; } TH.alarmCounts { padding:0px 5px 0px 2px; font-size:12px; font-weight:normal; color:#FFFFFF; text-align:left; letter-spacing:1px; } TD.alarmCountsRed { padding:0px 5px 0px 5px; background-color:#AA0000; color:#FFFFFF; text-align:center; width:32%; } TD.alarmCountsYellow { padding:0px 5px 0px 5px; background-color:#DDDD00; color:#000000; text-align:center; width:32%; } TD.alarmCountsBlue { padding:0px 5px 0px 5px; background-color:#0000AA; color:#FFFFFF; text-align:center; width:32%; } TD.alarmCountsSpacer { padding:0px; width:2%; } /* * Styles for the Waveform Select Object */ DIV.waveformSelect { border:1px solid black; background-color:#C0C0C0; } SELECT.waveformCombo { font-size:11px; margin:0px 0px 1px 4px; } TABLE.waveformSelect { border:none; font-family:Verdana,sans-serif; font-size:10px; white-space:nowrap; } TABLE.waveSelect { border:none; font-family:Verdana,sans-serif; font-size:10px; white-space:nowrap; } TH.waveformSelect { border:2px inset; color:#000000; text-align:center; letter-spacing:1px; } TD.waveformSelect { background-color:#DCDCDC; color:#000000; border:2px groove white; text-align:center; font-size:11px; white-space:nowrap; } /* * IFrame classes */ IFRAME.iframe0 { position:absolute; } IFRAME.iframe1 { position:absolute; } /* * The refresh rate for data and alarm updates in seconds. */ #UpdateTime { z-index:2; } /* * The timeout for data updates in seconds. If the server does * not respond within this time, all channels will be set to the * NoData state until the next time the server responds. */ #TimeoutTime { z-index:10; } /* * Color of the graph background when printing, and width of the graph * trace lines. When printing, the graph background color will be changed * to the color specified here, and set back to the original color after * printing. The trace widths of each channel will be set to the specified * width during printing, and set back to their original width when * printing is finished. */ #GraphPrintBackgroundColor { color:#FFFFFF; } #GraphPrintLineWidth { z-index:2; } /* * Color of each graph trace when printing. #GraphPrintTraceColor1 defines the * color of the first trace, #GraphPrintTraceColor2 defines the color of the * second trace, etc. The must be no gaps in the trace numbers. * These values are in BBGGRR (Blue,Green,Red) format, not the usual RGB. */ #GraphPrintTraceColor1 { color:#0000FF; } #GraphPrintTraceColor2 { color:#FF0000; } #GraphPrintTraceColor3 { color:#FF00FF; } #GraphPrintTraceColor4 { color:#FFFF00; } #GraphPrintTraceColor5 { color:#00FF00; } #GraphPrintTraceColor6 { color:#000080; } #GraphPrintTraceColor7 { color:#008000; } #GraphPrintTraceColor8 { color:#008080; } #GraphPrintTraceColor9 { color:#800000; } #GraphPrintTraceColor10 { color:#800080; } #GraphPrintTraceColor11 { color:#808000; } #GraphPrintTraceColor12 { color:#808080; } #GraphPrintTraceColor13 { color:#0000C0; } #GraphPrintTraceColor14 { color:#00C000; } #GraphPrintTraceColor15 { color:#00C0C0; } #GraphPrintTraceColor16 { color:#C00000; } #GraphPrintTraceColor17 { color:#C000C0; } #GraphPrintTraceColor18 { color:#C0C000; } #GraphPrintTraceColor19 { color:#0080FF; } #GraphPrintTraceColor20 { color:#8000FF; } #GraphPrintTraceColor21 { color:#FF0080; } #GraphPrintTraceColor22 { color:#FF8000; } /* * Defines the behavior a transparent hyperlink has on graph selection when * the hyperlink area covers channels. If true (z-index:1), the hyperlink * overrides the graph selection and clicking the channel will cause the * link to be followed. If false (z-index:0), then clicking the channel will * select it for graphing and only the hyperlink area that is not directly * covering the channel text will be active. */ #HyperlinkOverrides { z-index:1; } /* * When using the Date/Time control, does the time come from the client * (the browser) or is it the time as set on the server. Set the value * to true (1) to use the time from the server. When using server time, * you can optionally display the server's time zone. To enable, set * font-family to UseServer (i.e. font-family:UseServer;) */ #TimeFromServer { z-index:0; } #TimeZone { font-family:none; } /* * When using the Breadcrumbs control, do the breadcrumbs come from the * actual URL (the real path) or are they as defined in the WebViews * folder properties. The default is to use the URL (z-index:0). To use * the folder property instead of the URL, set to true (z-index:1). * NOTE: using the folder property instead of the URL causes an extra * round-trip to get the property, so make sure you really need it. */ #BreadcrumbsFromServer { z-index:0; } /* * Enable/disable editing of channel properties by double-clicking * the channel. Set to 1 to allow editing, set to 0 to disable editing. */ #AllowEditingChanProps { z-index:1; } /* * Styles for the Phasor display */ DIV.phasorDisplay { background-color:#000066; } DIV.phasorTitle { font:bold 13px Arial,sans-serif; text-align:center; } DIV.phasorSubTitle { font:bold 11px Arial,sans-serif; text-align:center; } TABLE.vectorLabels { background-color:#505050; font-family:Arial,sans-serif; font-size:11px; border:2px outset #808080; } TABLE.vectorLabels TR { background-color:#000066; text-align:center; } TABLE.vectorLabels TH { background-color:#0000EE; text-align:center; } TABLE.vectorLabels TD { font-family:verdana,sans-serif; } /* * Styles for the Realtime and Waveform displays (be very careful - you're on your own!) */ BODY.wave { margin:0px; background-color:#000066; } DIV.waveHdrDiv { padding:2px 0px 2px 5px; } TABLE.waveHdrTable { font-family:Arial,sans-serif; font-size:12px; } TABLE.waveHdrTable TD { text-align:center; white-space:nowrap; } TABLE.waveHdrTable TD.inactive { display:inline; border:2px outset #FFFFFF; padding:0px 5px 0px 5px; background-color:#CCCCCC; color:#000000; } TABLE.waveHdrTable TD.active { display:inline; border:2px inset #FFFFFF; padding:0px 5px 0px 5px; background-color:#CCCCCC; color:#000000; } TABLE.waveHdrTable TD.invisible { display:none; border:2px outset #FFFFFF; padding:0px 5px 0px 5px; background-color:#CCCCCC; color:#000000; } DIV.valTitle { color:#CCCCCC; border-width:1px 0px 0px 0px; border-style:solid; border-color:#CCCCCC; font:normal 13px Arial,sans-serif; text-align:center; padding:8px 0px 10px 0px; } TABLE.waveValTable { width:100%; height:100%; color:#000000; text-align:center; font-size:11px; white-space:nowrap; } TABLE.waveValTable TH { background-color:#0000EE; color:#ddd; font-family:Arial,sans-serif; font-size:11px; border-width:2px 0px 2px 0px; border-style:ridge; border-color:#CCCCCC; text-align:center; letter-spacing:1px; } TABLE.waveValTable TH.harmonic { width:3%; border-width:2px 0px 2px 2px; border-style:ridge; border-color:#CCCCCC; } TABLE.waveValTable TH.magnitude { width:11%; } TABLE.waveValTable TH.angle { width:9%; border-width:2px 2px 2px 0px; border-style:ridge; border-color:#CCCCCC; } TABLE.waveValTable TH.space { width:1%; background-color:#000066; border:none; } TABLE.waveValTable TR.even { background-color:#99CCEE; color:#000000; } TABLE.waveValTable TR.odd { background-color:#77AAEE; color:#000000; } TABLE.waveValTable TD.space { background-color:#000066; } /* * The location and size of new graph and waveform windows expressed as a percentage * of the display size. For example, if the display is 1280x1024, then the defaults of: * top=10%, left=10%, width=80%, height=62% * would create the new window as: * top=102px, left=128px, width=1024px, height=635px */ #NewWindow { top:10%; left:10%; width:80%; height:62%; } /* * This is the color of the font used for Titles, Legends, Axis and Triggers. * You cannot used named colors - the color must be the full 6 hex digit format. */ #WaveformColor { color:#CCCCCC; } /* * The default number of days to of captured waveforms to ask for * when filling in the waveform control. */ #WaveformDays { z-index:14; } /* * The size of the border that extends around the object when selected in * edit mode. The default border size is 2 pixels. */ #BorderSizeOnSelect { z-index:2; } /* * The default thickness for the line and multi-line objects. */ #DefaultLineThickness { z-index:4; } /* * This is the offset from a channel object when a checkbox is created * associated with an existing channel object. positive X values are * relative to the right edge of the channel object and negative are * relative to the left (-0 is against the left, 0 is against the * right). For Y, 0 is centered, negative is up, positive is down. */ #CheckBoxOffsetX { z-index:5; } #CheckBoxOffsetY { z-index:0; } /* * This is the size of the resize handles for a selected object in * edit mode. The handles are square so width = height. The color * of the handles can be changed through the DIV.resizeHandle style * by changing background-color. The rest should be left as is. */ #ResizeHandleSize { z-index:7; } DIV.resizeHandle { background-color:#FFFFFF; border-color:#000000; border-style:solid; border-width:1px; z-index:90; } /* * Colors of things in edit mode. */ DIV.rubberBand { border-color:#FF0000; } /* the rubber-band selection tool outline */ DIV.selectionFocused { background-color:#FF8C00; } /* the outline of a focused object */ DIV.selection { background-color:#3333FF; } /* the outline of a selected object */ DIV.iframeEdit { position:absolute; background-color:#855585; z-index:51; } /* * In Edit Mode, most objects will be this color (purple-magenta), with white text */ #EditMode { background-color:#855585; color:#FFFFFF; } /* * Styles for the Property Editor Page */ TABLE.propGrid { font-family:Verdana,sans-serif; font-size:12px; width:400px; border:ButtonFace 2px outset; background-color:ButtonFace; } TABLE.propGridTitle { background-color:#0000BB; color:#FFFFFF; width:100%; font-size:13px; } TH.propGridClose { background-color:#DDDDDD; width:100%; border:2px outset white; color:#000000; } TR.propGridHeader { background-color:#CCCCCC; } TH.propGridCol1 { width:25%; } /* * The timeout for session in seconds duration. If there is no user interaction * within this time, the application will time out and user will have to login again */ #SessionTimeout { z-index: 0; }