styles.css

/* STYLES.CSS */

/* --- SECTIONS --- */

.configureMain {
	border:1px solid #6aadd0;
}
.configureMainContents {
	background:#fff;
	padding:1em;
}
.configureRootSection {
	padding:0 .5em 1em 1em;
	background-color:#fff;
}
.configureSubSection {
	margin:1em 0;
}

/* toggling visibility of blocks */
body.configureShowOneSection .configureToggleSection {
	/* reserved */
}
body.configureShowOneSection .configureShowSection {
	/* reserved */
}

.configureNotShowSection {
	display:none;	
}
body.configureShowOneSection .configureNotShowSection {
	display:block;	
}

.configureTools,
.configureActions {
	padding:.7em 1.5em .7em 1em;
	background-color:#edf5fc;
	border-width:1px;
	border-color:#d2e6f1;
}
.configureTools {
	border-style:none none solid none;
	text-align:left;
}
.configureTools span {
	margin:0 0 0 .3em;
}
.configureStatusWarnings,
.configureStatusErrors {
	padding:7px .5em 7px 22px;
	background-position:0 45%;
	background-repeat:no-repeat;
}
.configureStatusWarnings {
	background-image:url(configure?action=resource;resource=icon_warn_white.gif);
}
.configureStatusErrors {
	background-image:url(configure?action=resource;resource=icon_error_white.gif);
}
.configureActions {
	text-align:right;
	border-style:solid none none none;
}

/* --- MENUS --- */

/* PRIMARY NAVIGATION */
ul.configureRootTab {
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px solid #d2e6f1;
	width:200px;
}
ul.configureRootTab li {
	margin:0;
	padding:0;
}
ul.configureRootTab li a:link,
ul.configureRootTab li a:visited {
	display:block;
	width:100%; /* needs to have a width or IE won't rollover over the background */
	padding:.3em 1em;
	margin:-1px 0 0 0;
	text-decoration:none;
	background-color:#edf5fc;
	border:1px solid #d2e6f1;
}
ul.configureRootTab li a:hover {
	background-color:#d2e6f1;
	border-color:#d2e6f1;
	color:#004cb2;
}

/* SECONDARY NAVIGATION */
ul.configureSubTab {
	list-style-type:none;
	padding:0 0 2em 0;
	margin:1em 0 0 0;
}
ul.configureSubTab li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul.configureSubTab li a:link,
ul.configureSubTab li a:visited {
	display:block;
	padding:.25em 1em;
	margin:0 5px 5px 0;
	background-color:#edf5fc;
	border:1px solid #d2e6f1;
	text-decoration:none;
}
ul.configureSubTab li a:hover {
	background-color:#d2e6f1;
	border-color:#d2e6f1;
	color:#004cb2;
}

ul li.configureMenuSelected a:link,
ul li.configureMenuSelected a:visited,
ul li.configureMenuSelected a:hover {
	background-color:#2989bb;
	border-color:#2989bb;
	color:#fff;
	text-decoration:none;
	cursor:default;
}
ul.configureSubTab li a.configureWarnAndError:link,
ul.configureSubTab li a.configureWarnAndError:visited {
	padding-right:57px; /* width of icon 33 + 24 extra spacing */
}
ul.configureSubTab li a.configureError:link,
ul.configureSubTab li a.configureError:visited,
ul.configureSubTab li a.configureWarn:link,
ul.configureSubTab li a.configureWarn:visited {
	padding-right:30px; /* width of icon 16 + 24 extra spacing */
}

ul li a.configureWarnAndError:link, 
ul li a.configureWarnAndError:visited,
ul li a.configureWarnAndError:hover,
ul li a.configureError:link,
ul li a.configureError:visited,
ul li a.configureError:hover,
ul li a.configureWarn:link, 
ul li a.configureWarn:visited,
ul li a.configureWarn:hover {
	background-position:96% 45%;
	background-repeat:no-repeat;
}
ul li a.configureWarnAndError:link, 
ul li a.configureWarnAndError:visited,
ul li a.configureWarnAndError:hover {
	background-image:url(configure?action=resource;resource=icon_warn_and_error_white.gif);
}
ul li a.configureError:link, 
ul li a.configureError:visited,
ul li a.configureError:hover {
	background-image:url(configure?action=resource;resource=icon_error_white.gif);
}
ul li a.configureWarn:link, 
ul li a.configureWarn:visited,
ul li a.configureWarn:hover {
	background-image:url(configure?action=resource;resource=icon_warn_white.gif);
}
ul li.configureMenuSelected a.configureWarnAndError:link,
ul li.configureMenuSelected a.configureWarnAndError:visited,
ul li.configureMenuSelected a.configureError:link,
ul li.configureMenuSelected a.configureError:visited,
ul li.configureMenuSelected a.configureWarn:link,
ul li.configureMenuSelected a.configureWarn:visited {
	background-position:96% 45%;
	background-repeat:no-repeat;
}
ul li.configureMenuSelected a.configureWarnAndError:link,
ul li.configureMenuSelected a.configureWarnAndError:visited {
	background-image:url(configure?action=resource;resource=icon_warn_and_error_blue.gif);
}
ul li.configureMenuSelected a.configureError:link,
ul li.configureMenuSelected a.configureError:visited {
	background-image:url(configure?action=resource;resource=icon_error_blue.gif);
}
ul li.configureMenuSelected a.configureWarn:link,
ul li.configureMenuSelected a.configureWarn:visited {
	background-image:url(configure?action=resource;resource=icon_warn_blue.gif);
}
/* --- TABLE ROWS & COLUMNS --- */
/*
.configureSectionValues is the contents of the table in a tab.
A th under it is the first column (keys) and a td is the second column
(value)
*/
table {
	margin:.5em 0;
	border-collapse:collapse;
	border-bottom:1px solid #dfdfdf;
}
table.configureSectionValues,
table.configureNestedTable {
	width:100%;
}
table,
th,
td {
	border-width:1px;
	vertical-align:top;
}
th {
	font-weight:normal;
	background-color:#f1f1f1;
	white-space:nowrap;
}
td {
	background:#f7f9f9;
}
td,
th {
	padding:.4em 1em;
	border-top:1px solid #dfdfdf;
}
td.configureHelp {
	width:1%;
}
td.configureHelp img {
	width:16px;
	height:16px;
}	
table.configureSectionValues th,
table.configureNestedTable th {
	width:25%;
}
table p {
	margin:0 0 1em 0;
}
table.configureSectionValues .foswikiInputField,
table.configureSectionValues .foswikiTextarea {
    font-family: "Bitstream Vera Sans Mono", "Andale Mono","Courier New",monospace;
    font-size:94%;
}

/* WARN and ERROR */
.configureWarn {
	  color:#f60;
}

.configureRootSection div.foswikiAlert {
	background-color:#fff;
	color:#000;
	border:1px solid #e6e6e6;
	margin:.25em 0 .7em 0;
	padding:7px 1em;
}
table.configureSectionValues div.foswikiAlert {
	padding-left:3em;
}
div.configureInfoText {
	border:1px solid #e6e6e6;
	margin:.5em 0 .7em 0;
	padding:7px 1em;
	color:green;
}
div.configureError,
div.configureWarn,
div.configureOk {
	padding:7px 1em 7px 3em;
	background-position:1em 7px;
	background-repeat:no-repeat;
}
div.configureError {
	background-image:url(configure?action=resource;resource=icon_error_white.gif);
}
div.configureWarn {
	background-image:url(configure?action=resource;resource=icon_warn_white.gif);
}
div.configureOk {
	background-image:url(configure?action=resource;resource=icon_ok_white.gif);
}

a.configureWarn:link,
a.configureWarn:visited,
a.configureError:link,
a.configureError:visited,
a.configureOk:link,
a.configureOk:visited {
	text-decoration:none;
}
.configureInfo {
	color:green;
}
div.configureInfo {
	margin:.5em 0;
}
.configureSetting {
	margin:.5em 0;
}

/* --- EXTENSIONS --- */
table.configureExtensionsTable {
	margin:2em 0 0 0;
	border:none;
}
table.configureExtensionsTable th {
	padding:.6em 1em;
}
table.configureExtensionsTable td {
	padding:.3em 1em;
}
table.configureExtensionsTable td {
	background:transparent;
}
table.configureExtensionsTable th {
	font-weight:bold;
}
table.configureExtensionsTable td.configureExtensionTitle {
	padding-top:.5em;
	padding-bottom:0;
}
table.configureExtensionsTable td.configureExtensionTitle a {
	font-weight:bold;
}
table.configureExtensionsTable td.configureExtensionData {
	border-top:none;
	padding-bottom:.7em;
}
table.configureExtensionsTable td.configureExtensionDataFirst {
	padding-left:4em;
}
table.configureExtensionsTable tr.configureInstall,
table.configureExtensionsTable tr.configureInstall td {
	background:#fff;
}
table.configureExtensionsTable tr.configureReInstall,
table.configureExtensionsTable tr.configureReInstall td {
	background:#e8feea;
}
table.configureExtensionsTable tr.configureUpgrade,
table.configureExtensionsTable tr.configureUpgrade td {
	background:#fff7f0;
}
table.configureExtensionsTable tr.configurePseudoInstalled,
table.configureExtensionsTable tr.configurePseudoInstalled td {
	background:#f2f2f2;
}
table.configureExtensionsTable tr.configureAlienExtension {}

/* action column */
table.configureExtensionsTable th.configureExtensionAction,
table.configureExtensionsTable td.configureExtensionAction {
	width:9em;	
}
table.configureExtensionsTable td.configureExtensionAction {
	background:#EDF5FC;
}
table.configureExtensionsTable tr.configureInstall td.configureExtensionAction {
	background:#EDF5FC;
}
table.configureExtensionsTable tr.configureReInstall td.configureExtensionAction {
	background:#d8f4e7;
}
table.configureExtensionsTable tr.configureUpgrade td.configureExtensionAction {
	background:#ededed;
}
table.configureExtensionsTable tr.configurePseudoInstalled td.configureExtensionAction {
	background:#e1e9ef;
}
.configureConsultedLocations {
	margin:2em 0 0 0;
	padding:7px .5em 7px 27px;
	background-position:0 45%;
	background-repeat:no-repeat;	background-image:url(configure?action=resource;resource=icon_world.gif);
}

/* --- EXPERT ---*/

/* Settings and other stuff only shown in expert mode */
table.configureSectionValues th.configureExpert {
	border-left:5px solid #c3a13f;
	color:#7a6210;
}

li.configureExpert { /* menu item */
	border-left:5px solid #c3a13f;
	color:#7a6210;
}

/* Stuff *not* shown in expert mode */
.configureNotExpert {}

/* --- VISUAL CUES --- */

/* Mandatory value */
/* input */
.configureMandatory {}
/* note */
span.configureMandatory {
	font-size:80%;
	color:#9933cc;
}

.configureMandatory input {
	font-weight:normal;
}

/* Format of a tooltip div (see wz_tooltip.js for additional tooltip controls) */
.configureTooltip {
	display:none;
}
/* Used when a non-foswiki extension is found */
.configureAlienExtension {
	background:#ffffd6;
}

.expert {
	background-color:#c3a13f;
	color:#fff;
}
/* Format of the 'changed from default' indicator */
.configureDefaultValue {
	font-size:94%;
}

.configureLogo {
	margin:1em 0 2em 0;
}
.configureChangeList {;
	margin:1em 0 3em 0;
}
.configureFormStepOutside {
	background-color:#fff;
	padding-top:.25em !important;
	padding-bottom:.25em !important;
}
.configureTableOutside {
	background-color:#fff;
	text-align:right;
}
.configureTableExpertTitle {
	text-align:left;
	color:#888;
}
a.configureExpert:link,
a.configureExpert:visited,
a.configureExpert:hover,
a.configureNotExpert:link,
a.configureNotExpert:visited,
a.configureNotExpert:hover,
a.configureInfoText:link,
a.configureInfoText:visited,
a.configureInfoText:hover,
a.configureNotInfoText:link,
a.configureNotInfoText:visited,
a.configureNotInfoText:hover {
	margin:0 0 0 .7em;
	padding:7px 0 7px 18px;
	background-position:0 45%;
	background-repeat:no-repeat;
}
a.configureExpert:link,
a.configureExpert:visited,
a.configureExpert:hover,
a.configureInfoText:link,
a.configureInfoText:visited,
a.configureInfoText:hover {
	background-image:url(configure?action=resource;resource=icon_up.gif);
}
a.configureNotExpert:link,
a.configureNotExpert:visited,
a.configureNotExpert:hover,
a.configureNotInfoText:link,
a.configureNotInfoText:visited,
a.configureNotInfoText:hover {
	background-image:url(configure?action=resource;resource=icon_down.gif);
}
.configureRootSection h2 {
	margin-top:0.25em;
}


.configureToggleSections {
	padding:.6em 1em;
}

/* TOOLTIP */
a.configureDefaultValueLink:link,
a.configureDefaultValueLink:visited {
	font-size:94%;
}
a.configureDefaultValueLink:link,
a.configureDefaultValueLink:visited {
    position:relative; /*this is the key*/
}
a.configureDefaultValueLink:hover {
	text-decoration:none;
}
a.configureDefaultValueLink:link span.configureDefaultValueLinkValue,
a.configureDefaultValueLink:visited span.configureDefaultValueLinkValue {
	display:none;
}
a.configureDefaultValueLink:hover span.configureDefaultValueLinkValue {
	/*the span will display just on :hover state */
    display:block;
    position:absolute;
    top:-4em;
    left:4em;
    width:17em;
	background-color:#fff7e7;
	padding:8px;
	border:1px solid #fbad17;
	color:#000;
	text-decoration:none;
	z-index:1000;
}

/* LEGEND TABLE */
.configureLegend {
	float:right;
	width:50%;
	margin:0 0 0 2em;
	padding:0 1em;
	border-left:1px dashed #ccc;
}
	
.configureLegend table {
	margin:0;
	border:none;
	border-bottom:1px solid #f0f0f0;
}
.configureLegend table th {
	border:none;
	font-weight:bold;
	color:#090;
}
.configureLegend table th,
.configureLegend table td {
	padding:.5em;
	background:none;
	vertical-align:top;
	width:50%;
}
.configureLegend table td {
	border-color:#f0f0f0;
}
div.configureMessageBox {
	margin:0 0 1em 0;
	border:1px solid #dfdfdf;
	padding:1em;
	width:auto;
	vertical-align:middle;
	background-color:#fff;
}
.configureMessageBox div.foswikiAlert {
	margin:0;
	padding-left:3em;
}

.installDependency { margin-left:3em; }

.configureLegend table div.configureExpertExample {
	border-left:5px solid #c3a13f;
	padding-left:.5em;
	color:#7a6210;
	display:block;
}
.configureLegend table strong {
	display:block;
}

.foswikiSubmitDisabled,
.foswikiSubmitDisabled:hover,
.foswikiSubmitDisabled:active {
	background:none;
	background-color:#fff;
	border-color:#ddd;
	color:#ccc;
}

.configureSectionValues .foswikiValueChanged { 

}

/* Extension popup images */
.extensionImage {
  padding: 7px;
  position: absolute;
  z-index: 100;
  display: none;
}

.foswikiImage img {
   border-color:#eee;
   background-color:#fff;
}
.foswikiImage a:hover img {
   border-color:#06c;
   background:#fff;
}