* is output by WeBWorK! */
/* Common style for a small box to hold supplemental info; typically this
* box will appear in a sidebar. Sample usage:
*
*
*/
.info-box {
border: 1px solid #559;
/* FIXME: these aren't valid CSS, but they sure look nice :-P */
border-radius-topright: 1.5ex; border-radius-topleft: 1.5ex;
-moz-border-radius-topright: 1.5ex; -moz-border-radius-topleft: 1.5ex;
margin-bottom: 1ex;
margin-top: 0;
overflow: hidden;
}
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5,
.info-box h6 {
/* FIXME: these aren't valid CSS, but they sure look nice :-P */
border-radius-topright: 1.5ex; border-radius-topleft: 1.5ex;
-moz-border-radius-topright: 1.5ex; -moz-border-radius-topleft: 1.5ex;
border-bottom: 1px solid #559;
font-size: 100%;
text-align: center;
background: #88d;
color: white;
margin: 0;
padding: 0 .5em 0 .5em;
}
.info-box h2 a,
.info-box h3 a,
.info-box h4 a,
.info-box h5 a,
.info-box h6 a {
color: #fff;
background: inherit;
}
.info-box ul,
.info-box ol {
margin: 1ex .5em 1ex 0;
padding-left: 3.5em;
font-size: 80%;
}
.info-box dl {
margin: 1ex .5em 1ex 1ex;
padding: 0;
font-size: 80%;
}
.info-box li,
.info-box dt {
margin: 0 0 .5ex 0;
padding: 0;
line-height: 2.2ex;
}
.info-box dt { font-weight: bold }
.info-box dd {
margin: 0 0 .5ex 1em;
padding: 0;
line-height: 2.2ex;
}
.info-box dd p {
margin-top: 0;
}
.info-box a.more {
float: right;
font-size: 80%;
font-style: italic;
margin-bottom: 1ex;
margin-right: .5em;
}
.Message {
background-color:#ddd;
}
/* --- Fisheye view (id) ---------------------------------------------------- */
/* The "fisheye" view: a hierarchical view of the website to show the
* user where they are in the document hierarchy. Provides more "lateral"
* information than breadcrumbs, but not as much as a full sitemap. To
* appear within the #site-navigation div. Inherits many of its attributes
* from class info-box, and overrides some.
*/
#mini-sitemap,
#fisheye {
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
padding: 0 0 1ex 0;
}
#mini-sitemap a,
#fisheye a {
text-decoration: none;
}
#mini-sitemap a:hover,
#fisheye a:hover {
text-decoration: underline;
}
#mini-sitemap li,
#fisheye li {
line-height: 2.5ex;
margin: 0;
}
#mini-sitemap ul,
#fisheye ul {
font-size: 90%;
list-style-type: none;
margin: 0 .1em .3ex .3em;
padding: 0;
}
#mini-sitemap ul ul,
#fisheye ul ul {
font-size: 90%;
margin-left: 0;
}
#mini-sitemap ul li,
#fisheye ul li {
font-weight: bold;
}
#mini-sitemap ul ul ul,
#fisheye ul ul ul {
font-size: 95%;
margin-left: .3em;
padding-left: .5em;
border-left: 1px dotted gray;
}
#mini-sitemap ul ul li a.active,
#fisheye ul ul li a.active {
font-weight: bold;
color: black;
background-color: inherit;
}
#mini-sitemap ul ul ul li,
#fisheye ul ul ul li {
font-weight: normal;
}
#mini-sitemap ul ul ul ul,
#fisheye ul ul ul ul {
font-size: 90%;
}
#mini-sitemap ul ul ul ul ul,
#fisheye ul ul ul ul ul {
font-size: 90%;
}
/* --- Common layout elements for documents using templates ----------------- */
/* The "masthead" of our document that tells users what site they're on.
* It contains a logo-ish title and some basic site navigation. The
* masthead should appear at the top of the page, but we're not positioning
* it absolutely because we can't know its height in advance. Therefore this
* element should be placed at the very top of the of our HTML document.
*/
#masthead {
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
color: #fff;
border: 1px solid #000;
background-color: #038;
/* [ww] we could have some sort of spider web image here. */
/*background-image: url("/images/mandel-wide.jpg");*/
background-repeat: repeat-x;
background-position: top left;
}
#masthead a {
/* FIXME "You have no background-color with your color" */
color: #fff;
background: transparent;
}
/* [ww] since this is a logo and not text, we need borders that are the same
* width all the way around. after we find a nice background image, we can
* turn these back on. */
/*#masthead #logo { padding: .5ex .2em .1ex .5em }*/
#masthead #logo { padding: .5ex }
/* [ww] don't need these -- logo itself an image */
/*#masthead #logo h1 {
background-image: none;
background-color: transparent;
font-size: 100%;
font-weight: normal;
padding: 0;
margin: 0;
white-space: nowrap;
line-height: 1.9ex;
}*/
/*#masthead #logo h2 {
background-color: transparent;
background-image: none;
font-weight: bold;
font-size: 210%;
line-height: 1.9ex;
margin: 0;
padding: 0;
}*/
/* [ww] instead of a search form, we want the loginstatus there */
/*#masthead form {*/
#masthead #loginstatus {
float: right;
padding: 0;
margin: 1ex .5em .1ex .1em;
font-size: smaller;
}
#masthead #loginstatus #Nav {
padding: 1ex;
}
/* "big-wrapper" contains everything other than the masthead. It's merely
* a relatively positioned div that allows us to use absolute positioning
* on elements within it -- and because it's relatively positioned,
* absolutely positioned objects *stay* within it.
*/
#big-wrapper {
position: relative;
top: 1ex;
width: 100%;
min-width: 18em;
margin: 0;
border: 0;
}
/*
* A simple list of "breadcrumbs" showing a path of links from the root of
* the site's hierarchy to our present location. We are not positioning
* this element absolutely, because we don't know in advance how tall it
* will be, and we might want to place content under it. So when coding
* our HTML document, we'll probably want to include this element right
* before the main content.
*/
#breadcrumbs {
margin-left: 10.4em;
margin-right: 0;
padding: 0 .4em;
border: 1px solid #559;
background: #88d;
color: #fff;
text-align: left;
font-size: 100%;
font-family: "Trebuchet MS", "Arial", sans-serif;
}
#breadcrumbs a {
font-size: 100%;
white-space: nowrap;
background-color: inherit;
color: #fff;
text-decoration: none;
}
#breadcrumbs a.active { font-weight: bold; }
#breadcrumbs a:hover { text-decoration: underline; }
/* For the more CSS-compliant browsers, we'd like to provide site-wide
* navigation links (e.g., a mini site map) to appear in a column along
* the left side of the page, just below the masthead. This column is
* absolutely positioned, so that ideally we should be able to include its
* contents anywhere within the body of our HTML documents. However, we
* probably want to include this data at the END of our documents -- after
* the main content -- so that it doesn't interfere with document flow in
* browsers that don't understand CSS (e.g., lynx) -- or in browsers for
* which we've disabled CSS via some hack (e.g. Netscape Navigator 4.x).
*
* We consider this meta-information to be non-essential; it is NOT part of
* the content, and may not be displayed in some circumstances.
*/
#site-navigation {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
width: 9.8em;
}
/* The primary information content of the document, excluding masthead and
* site navigation. We want to leave a wide left margin to prevent overlap
* with our site map, which will be displayed on the left-hand side of the
* screen.
*/
#content {
margin: .5em 0 0 10.4em;
padding: 0 0 0 0;
font-family: "Times", serif;
/* border-left: 1px dotted #bbf; */
}
#content h1 { margin: .4ex 0; } /* for crappy MSIE */
#footer {
/* white-space: nowrap; */
clear: both;
/* border-top: 1px solid #559; */
margin: 0 .5em .2ex 10.4em;
padding: 0;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
}
#copyright { font-size: 75%; margin: 0;}
#last-modified {
clear: both;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 75%;
background-color: inherit;
color: #444;
margin: 1ex 0 0 0;
padding: 0;
border-bottom: 1px solid #559;
}
/* --- WeBWorK classes ------------------------------------------------------ */
/* These classes are emitted by WeBWorK code and should appear in ANY WeBWorK
* template. they need not be implemented the same way in each template though.
* (These are mostly copied from ur.css right atm.)
*/
/* the info escape emits a DIV with this id. (note that the same DIV has class
* "info-box" which is given above in the "template styles" section. Regardless,
* it is emitted by WW code in ProblemSet.pl (not in system.template) ! */
#InfoPanel {
font-size: smaller;
float: right;
width: 40%;
overflow: auto;
margin-right: -1px;
background-color: #fff;
}
/* tables used for laying out form fields shouldn't have a border */
table.FormLayout { border: 0; }
table.FormLayout tr { vertical-align: top; }
table.FormLayout th.LeftHeader { text-align: right; white-space: nowrap; }
table.FormLayout tr.ButtonRow { text-align: left; }
table.FormLayout tr.ButtonRowCenter { text-align: center; }
/* for problems which are rendered by themselves, e.g., by Set Maker */
div.RenderSolo { background-color: #E0E0E0; color: black; }
div.AuthorComment { background-color: #00E0E0; color: black; }
/* minimal style for lists of links (generated by the links escape) */
/*ul.LinksMenu { list-style: none; margin-left: 0; padding-left: 0; }*/
/*ul.LinksMenu ul { list-style: none; margin-left: 0.5em; padding-left: 0; }*/
/* background styles for success and failure messages */
div.WarningMessage { background-color: #ffcccc; padding: 3px 3px 3px 3px; }
div.ResultsWithoutError { color: inherit; background-color: #8F8; } /* green */
div.ResultsWithError { color: #C33; background-color: inherit; } /* red */
div.ResultsAlert { color: #F60; background-color: inherit; } /* orange */
/* styles used by WeBWorK::HTML::ScrollingRecordList */
div.ScrollingRecordList { padding: 1em; white-space: nowrap; border: thin solid gray; }
div.ScrollingRecordList select.ScrollingRecordList { width: 99%; }
/* wraps the View Options form (generated by &optionsMacro) */
/* FIXME: can't this style information just go in div.Options above? */
div.viewOptions { font-size: small }
/* messages, attempt results, answer previews, etc. go in this DIV */
/* this used to be "float:left", but that was suspected of causing MSIE peekaboo bug */
div.problemHeader {}
/* styles for the attemptResults table */
table.attemptResults {
border-style: outset;
border-width: 1px;
margin: 0px 10pt;
border-spacing: 1px;
}
table.attemptResults td,
table.attemptResults th {
border-style: inset;
border-width: 1px;
text-align: center;
/*width: 15ex;*/ /* this was erroniously commented out with "#" */
padding: 2px 5px 2px 5px;
color: inherit;
background-color: #DDDDDD;
}
/* override above settings in tables used to display ans_array results */
table.attemptResults td td,
table.attemptResults td th,
table.ArrayLayout td {
border-style: none;
border-width: 0px;
padding: 0px;
}
table.attemptResults td.Message {
text-align: left;
padding: 2px 5px 2px 5px;
width: auto;
}
.attemptResultsSummary { font-style: italic; }
.parsehilight { color: inherit; background-color: yellow; }
/* the problem TEXT itself does in this box */
/* we used to make this a grey box, but surprise, MSIE is bug-ridden. */
div.problem { }
/* jsMath emits this class when appropriate math fonts aren't available */
div.NoFontMessage {
padding: 10px;
border-style: solid;
border-width: 3px;
border-color: #DD0000;
color: inherit;
background-color: #FFF8F8;
width: 75%;
text-align: left;
margin: 10px auto 10px 12%;
}
/* text colors for published and unpublished sets */
font.Published { font-style: normal; font-weight: normal; color: #000000; background-color: inherit; } /* black */
font.Unpublished { font-style: italic; font-weight: normal; color: #aaaaaa; background-color: inherit; } /* light grey */
/* styles used when editing a temporary file */
.temporaryFile { font-style: italic; color: #F60; background-color: inherit; }
/* text colors for Auditing, Current, and Dropped students */
.Audit { font-style: normal; color: purple; background-color: inherit; }
.Enrolled { font-weight: normal; color: black; background-color: inherit; }
.Drop { font-style: italic; color: gray; background-color: inherit; }