From: Joseph C. <tex...@us...> - 2005-02-17 09:02:32
|
Update of /cvsroot/popfile/engine/skins/windows In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv13222/skins/windows Modified Files: style.css Log Message: Update with new classes. Index: style.css =================================================================== RCS file: /cvsroot/popfile/engine/skins/windows/style.css,v retrieving revision 1.6 retrieving revision 1.7 diff -C2 -d -r1.6 -r1.7 *** style.css 7 Feb 2005 08:05:52 -0000 1.6 --- style.css 17 Feb 2005 09:02:22 -0000 1.7 *************** *** 1,382 **** ! /* ! 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 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 IE and Konqueror since they ignore CSS1 ! commenting. But that means its not fully valid CSS2. ! ! 03-29-03: Last Major Update ! 04-19-03: Fix menu visited color on IE 6 - version accepted into POPFile 0.19 ! 05-03-03: Center footer better and add "icon" in Mozilla, maybe Opera head fix ! 05-05-03: Changed a lot of head stuff, got rid of absolute positioning ! 05-21-03: Did what I could to fix the changes 0.19 RC3 made to the footer ! 08-06-04: Add support for some new 0.22 classes and some code improvements ! */ ! ! body { ! background-color: Background; ! font: caption; ! /* set the system fonts for everything. */ ! margin: 1%; ! margin-bottom: 1em; ! } ! ! .shell { ! border-style: outset; ! border-color: ActiveBorder; ! border-width: 2px; ! background-color: ThreeDFace; ! width: 100%; ! padding: 0; ! } ! ! .shellTop { ! width: 100%; ! padding: 0; ! margin: 0; ! border: 0; ! border-collapse: collapse; ! } ! ! .shellLeft, .shellRight { ! display: none; ! } ! ! .shellTopRow, .shellTopLeft, .shellTopCenter, .shellTopRight { ! display: none; ! } ! ! .shellBottomRow, .shellBottomLeft, .shellBottomRight { ! display: none; ! } ! ! .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 { ! width: 100%; ! color: ButtonText; ! background-color: ActiveCaption; ! border: 2px outset ActiveBorder; ! margin: 0; ! } ! ! td.settingsPanel { ! border: 2px groove ActiveBorder; ! padding: 5px; ! } ! ! .head { ! font-weight: bold; ! color: CaptionText; ! margin: 0; ! } ! ! .head a { ! text-decoration: none; ! color: ActiveCaption; ! // color: CaptionText; ! /* hack that fixes head on IE and Konq */ ! vertical-align: middle; ! } ! ! .head a:after { ! /* Close button in Mozilla */ ! content:" X "; ! font-weight: bold; ! border: 1px outset ActiveBorder; ! color: ButtonText; ! background-color: ButtonFace; ! } ! ! td.head:before { ! /* POPFile "icon" for Mozilla */ ! content:"@ "; ! font-weight: bold; ! color: red; ! background-color: transparent; ! } ! ! .head a:hover { ! color: red; ! text-decoration: none; ! } ! ! .menu { ! padding: 0; ! margin: 0; ! } ! ! table.menu { ! padding-top: 5px; ! } ! ! .menu A, .menu A:hover { ! color: ButtonText; ! text-decoration: none; ! font-weight: normal; ! } ! ! .menuSelected { ! padding: 0; ! } ! ! .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; ! } ! ! .menuStandard { ! padding: 0; ! padding-top: 6px; ! padding-bottom: 1px; ! } ! ! .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; ! } ! ! .menuSpacer { ! display: none; ! } ! ! .menuIndent { ! display: none; ! } ! ! .menuStandard a:hover, .menuSelected a:hover { ! /* required for Konqueror to not show default hover color */ ! text-decoration: none; ! color: ButtonText; ! } ! ! .menuStandard a:visited, .menuSelected 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.rowOdd:hover, tr.rowEven:hover { ! background-color: InfoBackground; ! } ! ! .footer { ! color: InfoText; ! border: 1px solid black; ! background-color: InfoBackground; ! font-weight: normal; ! margin: auto; ! /* this gives actual table centering in some browsers */ ! margin-top: 1em; ! text-align: center; ! /* this works in IE 6 */ ! } ! ! td.footerBody { ! text-align: center; ! padding-top: 2px; ! padding-bottom: 2px; ! } ! ! table.footer br { ! display: none; ! } ! ! .bottomLink { ! margin: 1em; ! } ! ! .bottomLink img { ! display: none; ! } ! ! td.stabColor01 { ! border: 1px outset ActiveBorder; ! } ! ! 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%; ! } ! ! div.helpMessage { ! background-color: InfoBackground; ! border: 1px solid black; ! padding: 0.4em; ! margin: 0.3em; ! padding-bottom: 0; ! } ! ! span.graphFont { ! font-size: 95%; ! } ! ! tr.rowBoundary { ! background-color: InfoBackground; ! } ! ! table.settingsTable + br { ! display: none; ! } ! ! .configBar { ! border: 2px groove ActiveBorder; ! background-color: transparent; ! } ! ! .configBarOption { ! border: 2px groove ActiveBorder; ! margin: 0.3em; ! padding: 5px; ! white-space: nowrap; ! display: inline; ! float: left; ! } ! ! .toggleConfigBar { ! float: right; ! border: 0; ! } ! ! /* - uncomment this section if you want On text to be bold ! .bucketsWidgetStateOn, .configWidgetStateOn, .securityWidgetStateOn { ! font-weight: bold; ! } ! */ ! ! /* - uncomment this section for small version and adjust the percent as needed ! * { ! font-size: 98%; ! } ! */ --- 1,429 ---- ! /* ! 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 Mac browsers the "title bar" is not working correctly due to the way ! they handle system colors. ! ! Original design by Joseph Connors (TexasFett), 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 IE and Konqueror since they ignore CSS1 ! commenting. But that means its not fully valid CSS2. ! */ ! ! body { ! background-color: Background; ! font: caption; ! /* set the system fonts for everything. */ ! margin: 1%; ! margin-bottom: 1em; ! } ! ! .shell { ! border-style: outset; ! border-color: ActiveBorder; ! border-width: 2px; ! background-color: ThreeDFace; ! width: 100%; ! padding: 0; ! } ! ! .shellTop { ! width: 100%; ! padding: 0; ! margin: 0; ! border: 0; ! border-collapse: collapse; ! } ! ! .shellLeft, .shellRight { ! display: none; ! } ! ! .shellTopRow, .shellTopLeft, .shellTopCenter, .shellTopRight { ! display: none; ! } ! ! .shellBottomRow, .shellBottomLeft, .shellBottomRight { ! display: none; ! } ! ! .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 { ! width: 100%; ! color: ButtonText; ! background-color: ActiveCaption; ! border: 2px outset ActiveBorder; ! margin: 0; ! } ! ! td.settingsPanel { ! border: 2px groove ActiveBorder; ! padding: 5px; ! } ! ! .head { ! font-weight: bold; ! color: CaptionText; ! margin: 0; ! } ! ! .head a { ! text-decoration: none; ! color: ActiveCaption; ! // color: CaptionText; ! /* hack that fixes head on IE and Konq */ ! vertical-align: middle; ! } ! ! .head a:after { ! /* Close button in Mozilla */ ! content:" X "; ! font-weight: bold; ! border: 1px outset ActiveBorder; ! color: ButtonText; ! background-color: ButtonFace; ! } ! ! td.head:before { ! /* POPFile "icon" for Mozilla */ ! content:"@ "; ! font-weight: bold; ! color: red; ! background-color: transparent; ! } ! ! .head a:hover { ! color: red; ! text-decoration: none; ! } ! ! .menu { ! padding: 0; ! margin: 0; ! } ! ! table.menu { ! padding-top: 5px; ! } ! ! .menu A, .menu A:hover { ! color: ButtonText; ! text-decoration: none; ! font-weight: normal; ! } ! ! .menuSelected { ! padding: 0; ! } ! ! .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; ! } ! ! .menuStandard { ! padding: 0; ! padding-top: 6px; ! padding-bottom: 1px; ! } ! ! .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; ! } ! ! .menuSpacer { ! display: none; ! } ! ! .menuIndent { ! display: none; ! } ! ! .menuStandard a:hover, .menuSelected a:hover { ! /* required for Konqueror to not show default hover color */ ! text-decoration: none; ! color: ButtonText; ! } ! ! .menuStandard a:visited, .menuSelected 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; ! } ! ! th.historyLabel { ! text-align: left; ! } ! ! 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.rowOdd:hover, tr.rowEven:hover { ! background-color: InfoBackground; ! } ! ! .footer { ! color: InfoText; ! border: 1px solid black; ! background-color: InfoBackground; ! font-weight: normal; ! margin: auto; ! /* this gives actual table centering in some browsers */ ! margin-top: 1em; ! text-align: center; ! /* this works in IE 6 */ ! } ! ! td.footerBody { ! text-align: center; ! padding-top: 2px; ! padding-bottom: 2px; ! } ! ! table.footer br { ! display: none; ! } ! ! .bottomLink { ! margin: 1em; ! } ! ! .bottomLink img { ! display: none; ! } ! ! td.stabColor01 { ! border: 1px outset ActiveBorder; ! } ! ! 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%; ! } ! ! div.helpMessage { ! background-color: InfoBackground; ! border: 1px solid black; ! padding: 0.4em; ! margin: 0.3em; ! padding-bottom: 0; ! } ! ! .shellStatusMessage { ! color: InfoText; ! border: 1px solid black; ! background-color: InfoBackground; ! } ! ! .shellErrorMessage { ! color: red; ! border: 1px solid black; ! background-color: InfoBackground; ! } ! ! span.graphFont { ! font-size: 95%; ! } ! ! tr.rowBoundary { ! background-color: InfoBackground; ! } ! ! table.settingsTable + br { ! display: none; ! } ! ! /*********************************************************/ ! /* Config Bars */ ! ! .configBar { ! border: 2px groove ActiveBorder; ! background-color: transparent; ! } ! ! .configBar form { ! margin: 0; ! } ! ! .configBarOption { ! border: 2px groove ActiveBorder; ! margin: 0.3em; ! padding: 0.3em; ! display: inline; ! float: left; ! min-height: 3em; ! } ! ! .toggleConfigBar { ! float: right; ! border: 0; ! } ! ! .checkLabel { ! white-space: nowrap; ! } ! ! .configBar input.submit { ! margin-top: 4px; ! } ! ! .configBar label.configurationLabel { ! display: block; ! } ! ! ! /*********************************************************/ ! /* History Column Controls */ ! ! .columnControls { ! white-space: nowrap; ! vertical-align: top; ! width: 10px; ! } ! ! .columnRemove, .columnMove { ! display: block; ! width: 100%; ! height: 1em; ! } ! ! /*********************************************************/ ! /* Customizations */ ! ! /* - uncomment this section if you want On text to be bold ! .bucketsWidgetStateOn, .configWidgetStateOn, .securityWidgetStateOn { ! font-weight: bold; ! } ! */ ! ! /* - uncomment this section for small version and adjust the percent as needed ! * { ! font-size: 98%; ! } ! */ |