/* Casting old table and graphics-based formatting with header and footer files as "real" CSS by Stephen Haptonstahl, fall 2006 This one uses the DTD: */ body { text-align: center; background: #006699; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; /* font-size: 12px; */ text-decoration: none; } #container { text-align: left; /* margin: 5px 10px 5px 10px; */ padding: 5px 10px 5px 10px; width: 98%; background: #FFF; } #content { padding: 0px 0px 15px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; /* font-size: 80%; */ /* line-height: 22px; */ } #content h1 { color: #A9A9A9; font-family: serif; /* font-size: 225%; */ font-weight: 500; text-transform: uppercase; } #content h2 { font-family: serif; font-size: 150%; font-weight: 500; text-transform: uppercase; } #content h3 { font-family: serif; font-size: 150%; font-weight: 500; } #content td { font-size: 12px; line-height: 22px; } #content pre { font-size: 125%; line-height: normal; } #footer { clear: both; /* background: #387A9B; */ /* color: #fff; */ margin-top: 0px; padding-top: 10px; border-top: medium solid; text-align: right; font-size: 80%; } /* block toggle classes */ .HideShowButton { /* Use on 'a' tags (anchors). ex: */ text-decoration: none; color: black; cursor: pointer; } .HideShowButton:hover span { text-decoration: underline; } /* This line doesn't work :( unless I give the anchor a target. ex: href='#' */ .HideShowText { font-style: italic; } .HiddenBlock { display: none; } /* Use when block defaults to hidden; may be shown or hidden when printed, the opposite of the current state of the screen */ .ShownBlock { display: block; } /* Used by javascript */ .toggleBlockScreenOn { display: block; } /* Use when block defaults to shown but is ALWAYS hidden when printing */ .toggleBlockScreenOnHidden { display: none; } /* Used by javascript */ .toggleBlockScreenOff { display: none; } /* Use when block defaults to hidden but is ALWAYS shown when printing */ .toggleBlockScreenOffShown { display: block; } /* Used by javascript */ /* specific for Elicit */ .node { margin-bottom: 5px; border: thin solid; padding: 5px 10px 5px 10px; clear: both; background-color: #909090; } .node:hover { background-color: #0066FF; } .edgetype { margin-bottom: 5px; border: thin solid; padding: 5px 10px 5px 10px; background-color: #909090; } .edgetype:hover { background-color: #0066FF; } form { display: inline; } .buttons { padding-bottom: 10px; } .errorbox { text-align: center; font-weight: bold; border: medium double; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; } .nodeDisplayName { float: left; font-weight: bold; width: 150px; } .nodeNumAttrLinks { float: left; width: 200px; } .nodeEditNode { float: left; padding-left: 15px; padding-right: 15px; } .nodeEditLink { float: left; padding-left: 15px; padding-right: 15px; clear: right; } .nodeDetail { float: left; clear: both; } .attrDisplayName { float: left; width: 350px; } .attrStatus { float: left; width: 75px; } .warning { background-color: yellow; font-weight: bold; border: medium solid black; text-align: center; } .error { background-color: red; font-weight: bold; border: medium solid black; text-align: center; }