From: <jgr...@us...> - 2003-04-24 23:08:04
|
Update of /cvsroot/popfile/engine/skins In directory sc8-pr-cvs1:/tmp/cvs-serv16094 Added Files: windows.css Log Message: Added new skin --- NEW FILE: windows.css --- /* Windows skin emulates the look and feel of the Windows GUI without loading any graphics. Almost all the colors are system colors so the skin fits right in with your color scheme. It looks best by far in Mozilla 1.3 on any OS. IE 6 is ok but doesn't show the full effect, IE 5 is ugly but usable. Opera 7.10 and KDE Konqueror 3.04 are pretty good. Konqueror 2, and Mac OS9 IE 5 are not bad. Its does well on OS X's Safari 1.0 beta Opera, and IE 5. It seems on most all Mac browsers the "title bar" is not working correctly due to the way they handle system colors. Original design by Joseph Connors (TexasFett) <wi...@te...>, but wouldn't look nearly as good without Dan Martin (Kraelen). Thanks Dan. CSS2 sytle comments are below the line they apply to. CSS1 style comments are hacks to make the skin look better on certain browsers that ignore CSS1 commenting. But that means its not fully valid CSS2. Last Major Update: 3-29-03 Minor IE 6 Update: 4-19-03 */ body { background-color: Background; font: caption; /* set the system fonts for everything. */ margin-top: 1%; margin-left: 1%; margin-right: 1%; margin-bottom: 1em; } .shell { border-style: outset; border-color: ActiveBorder; border-width: 2px; background-color: ThreeDFace; width: 100%; padding: 0; } .shellTop { /* Was really getting in our way, got around it with absolute positioning. */ padding: 0; margin: 0; } .naked { color: ButtonText; background-color: transparent; font-weight: normal; } td.naked { padding: 0; margin: 0; border: 0; } a:link { color: darkblue; text-decoration: none; } a:visited { color: darkblue; text-decoration: none; } A:link:hover, A:visited:hover { text-decoration: underline; } submit { color: ButtonText; background-color: ThreeDFace; } table.head { top: 0; position: absolute; /* fixes shellTop "border" around head on Moz but causes problems with Opera */ // position: relative; /* this hack fixes the head on IE and Konq, they ignore CSS1 style comments */ margin: 1%; width: 98%; color: ButtonText; background-color: ActiveCaption; border: 2px outset ActiveBorder; } td.settingsPanel { border: 2px groove ActiveBorder; padding: 5px; /* want about 5px hoizontal betwen boxes on bucket page but doens't work */ } td.head { font-weight: bold; color: CaptionText; width: 50%; /* fix for Opera as long as the window is wide enough */ } .head { margin: 0px; } .head a { text-decoration: none; color: ActiveCaption; // color: CaptionText; /* hack that fixes head on IE and Konq, they ignore CSS1 style comments */ vertical-align: middle; } .head a:after { content:" X "; font-weight: bold; border: 1px outset ActiveBorder; color: ButtonText; background-color: ButtonFace; } .head a:hover { color: red; text-decoration: none; } .menu { padding: 0; margin: 0; } table.menu { padding-top: 20px; } .menu A, .menu A:hover { color: ButtonText; text-decoration: none; font-weight: normal; } .menuSelected A { Color: ButtonText; background-color: ThreeDFace; border-style: outset outset none; border-color: ActiveBorder; border-width: 2px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 6px; text-decoration: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius-topleft: 5px; border-radius-topright: 5px; } .menuSelected { padding: 0; } .menuStandard { padding-top: 6px; padding-left: 0px; padding-right: 0px; } .menuStandard A { color: ButtonText; background-color: ThreeDFace; border-style: outset outset none; border-color: ActiveBorder; border-width: 2px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; text-decoration: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-radius-topleft: 5px; border-radius-topright: 5px; } .menuSpacer { width: 0; margin: 0; padding: 0; } .menuIndent { font-size: 0; width: 0; margin: 0; padding: 0; } .menu* a:hover { /* required for Konqueror to not show default hover color */ text-decoration: none; color: ButtonText; } .menu* a:visited { /* required for IE 6 to leave the visited menu text black */ text-decoration: none; color: ButtonText; } h2 { font-weight: bold; font-size: 1.2em; } tr.rowEven { background-color: transparent; /* If you would like more color try lightblue. */ } tr.rowOdd { background-color: lightgrey; /* Try AppWorkspace if you would like a system color along with transparent */ } tr.rowHighlighted { background-color: InfoBackground; } tr.rowEven:hover { background-color: InfoBackground; } tr.rowOdd:hover { background-color: InfoBackground; } .footer { color: InfoText; margin-top: 1em; border: 1px solid black; background-color: InfoBackground; margin-left: 20%; margin-right: 20%; font-weight: normal; } td.footerBody { text-align: center; padding: 2px; } td.stabColor01 { border: 1px outset ActiveBorder; } td.accuracy0to49 { background-color: red; color: black; } td.accuracy50to93 { background-color: yellow; color: black; } td.accuracy94to100 { background-color: green; color: black; } td.historyNavigatorTop { text-align: right; padding-right: 0.5em; } td.historyNavigatorBottom { text-align: right; padding-right: 0.5em; padding-bottom: 1em; } .historyWidgetsTop { border-top: none; border-bottom: none; width: 100%; } .historyTable { border-top: none; border-bottom: none; width: 100%; } .openMessageTable, .lookupResultsTable { border-width: 2px; border-style: inset; } .openMessageCloser { text-align: right; font-size: larger; font-weight: bold; } .openMessageBody { font-size: 1em; text-align: left; } div.error01 { background-color: transparent; color: red; font-size: larger; } div.error02 { background-color: transparent; color: red; } div.securityExplanation { margin-left: 0.8em; margin-right: 0.8em; margin-bottom: 0.8em; margin-top: 0; font-size: 95%; } span.graphFont { font-size: 95%; } /* - uncomment this section if you want On text to be bold span.bucketsWidgetStateOn { font-weight: bold; } span.configWidgetStateOn { font-weight: bold; } span.securityWidgetStateOn { font-weight: bold; } */ /* - uncomment this section for small version and adjust the percent as needed * { font-size: 98%; } */ |