Menu
▾
▴
[WWcvs] webwork2: lots of formatting/indentation fixes, also fix issue with text
|
From: Sam H. v. a. <we...@ma...> - 2006-01-19 01:13:25
|
Log Message:
-----------
lots of formatting/indentation fixes, also fix issue with text=20
decoration in masthead.
Tags:
----
rel-2-2-dev
Modified Files:
--------------
webwork2/htdocs/css:
math.css
Revision Data
-------------
Index: math.css
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
RCS file: /webwork/cvs/system/webwork2/htdocs/css/math.css,v
retrieving revision 1.1
retrieving revision 1.1.2.1
diff -Lhtdocs/css/math.css -Lhtdocs/css/math.css -u -r1.1 -r1.1.2.1
--- htdocs/css/math.css
+++ htdocs/css/math.css
@@ -1,38 +1,33 @@
-/* *********************************************************************=
***** */
-
-/* Default look-and-feel for www.math.rochester.edu.
- *
- * This file controls the appearance of a LOT of pages;=20
- * PLEASE BE CAREFUL when making modifications! If you want to
- * add new styles for a specific subset of pages, you may want
- * to isolate those styles in a separate style sheet.
- *
- * $Id$
+/* WeBWorK Online Homework Delivery System
+ * Copyright =A9 2000-2003 The WeBWorK Project, http://openwebwork.sf.ne=
t/
+ * $CVSHeader$
+ *=20
+ * This program is free software; you can redistribute it and/or modify =
it under
+ * the terms of either: (a) the GNU General Public License as published =
by the
+ * Free Software Foundation; either version 2, or (at your option) any l=
ater
+ * version, or (b) the "Artistic License" which comes with this package.
+ *=20
+ * This program is distributed in the hope that it will be useful, but W=
ITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or=
FITNESS
+ * FOR A PARTICULAR PURPOSE. See either the GNU General Public License =
or the
+ * Artistic License for more details.
*/
=20
-/*=20
- * Default styles for standard elements.
- */
+/* --- Standard elements -----------------------------------------------=
----- */
+
body {
- background: white;
- color: black;
- margin: .5em .5em 0 .5em; /* MSIE ignores bottom margin; Gecko doesn'=
t */
- padding: 0;
- font-family: Times, serif;
- min-width: 25em;
- /* ugly hack to hide background from Mac MSIE 5.1, which messes it up=
\*/
- /* don't need the background image */
- /*background-image: url("/images/pale-KleinBottle.gif");
- background-position: bottom left;
- background-repeat: no-repeat;
- background-attachment: scroll;*/
- /* end of ugly hack */
+ background: white;
+ color: black;
+ margin: .5em .5em 0 .5em; /* MSIE ignores bottom margin; Gecko doesn't =
*/
+ padding: 0;
+ font-family: Times, serif;
+ min-width: 25em;
}
=20
h1, h2, h3, h4, h5, h6 {
- font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
- background: transparent;
- color: #225;
+ font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+ background: transparent;
+ color: #225;
}
h1 { font-size: 170%; }
h2 { font-size: 140%; padding-bottom: 0; margin-bottom: .5ex }
@@ -41,386 +36,173 @@
h5 { font-size: 105%; }
h6 { font-size: 105%; }=20
=20
-/* no need for large margin-top on headers after XSLT-generated navheade=
r */
-h1.title, h2.title { margin-top: .3em }
-
-/* for personal home pages */
-h1.whoami { margin: 0; padding: .5ex 0 0 0; }
-h2.whoami { margin: 0; padding: 0; }
-table.contact-info { margin: 2ex 0 0 0; border: 0 }
-table.contact-info th, table.contact-info td {=20
- text-align: left;
- padding: 0 .2em 0 0;
- font-weight: normal;
-}
-table.contact-info th { font-family: Arial, sans-serif }
-img.portrait { float: left; margin: 1.5ex 1ex 0 0 }
-
-img { border: 0; }
-sup, sub { font-size: 60%; }
-acronym sub, .acronym sub,
-acronym sup, .acronym sup {
- font-size: 70%;
- position: relative;
-}
-acronym sup, .acronym sup {
- top: .5ex;
-}
-acronym sub, .acronym sub {
- top: -1ex;
-}
-
-
a:link { color: #00e; background-color: inherit; }
a:visited { color: #808; background-color: inherit; }
=20
-/* kludge to make "current semester" links on catalog pages larger */=20
-a[href=3Dhome] { font-size: 170%; }
+/* --- Miscellaneous classes -------------------------------------------=
--- */
=20
-abbr,
-acronym {
- border-bottom: 1px dotted;
- cursor: help;
- font-variant: normal;
-}
+/* show only to CSS-ignorant browsers */
+.for-broken-browsers { display: none }
=20
-span[title], a[title] { /* indicate when a link or span has a t=
itle */
- cursor: help;
-}
+/* for hiding floats from Netscape 4.x */
+.float-left { float: left; }
+.float-right { float: right; }
=20
-/* --- Miscellaneous classes -------------------------------------------=
--- */
+/* --- Compound titles (class) -----------------------------------------=
----- */
=20
/* "Split" title, with main heading left-aligned above a horizontal line=
,
- * and subheading right-aligned below the line.=20
+ * and subheading right-aligned below the line. Usage:
*
- * Usage:
* <h1 class=3D"compound">Alumni Newsletter</h1>
* <h2 class=3D"compound">Spring '00</h2>
- *
*/
-h1.compound {
- border-bottom: 1px solid #559;
- text-align: left;
- padding: .5ex 0 0 0;
- margin: 0;
-}
-h2.compound { float: right; margin: 0; padding: 0 }
-
-
-ul.inline {
- display: inline;
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-ul.inline li {=20
- display: inline;
- margin: 0;
- padding: 0 .3em 0 .3em;
- border-right: 1px solid #555;
-}
-ul.inline li.last {=20
- border-right: none;
-}
-
-/* Course catalog stuff */
-dl.catalog dt {
- font-weight: bold;=20
- font-family: sans-serif;
-}
-dl.catalog dd {
- margin-left: 0;
- padding-left: 0;
- margin-bottom: 1ex;
+/* [ww] not using this, but it might be nice to have it around later */
+/*h1.compound {
+ border-bottom: 1px solid #559;
+ text-align: left;
+ padding: .5ex 0 0 0;
+ margin: 0;
}
+h2.compound { float: right; margin: 0; padding: 0 }*/
=20
-.for-broken-browsers { display: none } /* show only to CSS-ignorant brow=
sers */
-.print-only, .page-url { display: none; }
+/* --- Info box (class) ------------------------------------------------=
----- */
=20
-/* for hiding floats from Netscape 4.x */
-.float-left { float: left; }
-.float-right { float: right; }
-
-.unobtrusive { font-size: smaller; color: #555; background-color: inheri=
t; }
-.unobtrusive a:link { color: #77f; background-color: inherit; }
-.unobtrusive a:visited { color: #f7f; background-color: inherit; }
-
-/*
- * Common style for a small box to hold supplemental info; typically thi=
s
+/* Common style for a small box to hold supplemental info; typically thi=
s
* box will appear in a sidebar. Sample usage:
*
- * <div class=3D"info-box">
- * <h2>Announcements</h2>
- * <ul>
- * <li>foo</li>
- * </ul>
- * <a class=3D"more" href=3D"bar">Older announcements...</a>
- * </div>
+ * <div class=3D"info-box">
+ * <h2>Announcements</h2>
+ * <ul>
+ * <li>foo</li>
+ * </ul>
+ * <a class=3D"more" href=3D"bar">Older announcements...</a>
+ * </div>
*/
.info-box {
- border: 1px solid #559;
- 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;=20
- margin-top: 0;
+ border: 1px solid #559;
+ 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;=20
+ margin-top: 0;
}
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5,
.info-box h6 {
- 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;
+ 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 ul,
.info-box ol {
- margin: 1ex .5em 1ex 0;
- padding-left: 1.5em;
- font-size: 80%;
+ margin: 1ex .5em 1ex 0;
+ padding-left: 1.5em;
+ font-size: 80%;
}
.info-box dl {
- margin: 1ex .5em 1ex 1ex;
- padding: 0;
- font-size: 80%;
+ 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;
+ 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;
+ margin: 0 0 .5ex 1em;
+ padding: 0;
+ line-height: 2.2ex;
}
.info-box dd p {
- margin-top: 0;
+ margin-top: 0;
}
.info-box a.more {
- float: right;
- font-size: 80%;
- font-style: italic;
- margin-bottom: 1ex;
- margin-right: .5em;
-}
-
-/* --- Classes for online documentation --------------------------------=
--- */
- =20
-kbd { font-family: monospace; font-weight: bold }
-address { display: inline; font-style: normal; border: 0; margin: 0;}
-.note, .byline { font-style: italic; }
-.byline { display: block; font-size: medium; font-weight: normal }
-
-/* typed commands */
-.field-data, .command {
- font-family: monospace;
- font-weight: bold;
-}
-
-/* GUI menu, elements */
-.field-name, .button-name, .menu-name, .menu-title, .menu-item,
-.gui-text, .icon-name, .window-name, .radio-button-name, .check-box-name=
,
-.guimenu, .guisubmenu, .guimenuitem, /* DocBook elements */
-.guibutton, .guiicon, .guilabel, /* DocBook elements */
-.tab-name {
- font-family: Arial, Helvetica, sans-serif;
- font-weight: bold;
- /*=20
- color: #992222;
- background-color: inherit;
- */
- white-space: nowrap;
-}
-
-/* for highlighting documentation references to hyperlinks */
-.link-name {
- font-family: sans-serif;
- font-weight: bold;
- color: #225522;
- background-color: inherit;
-}
-
-/* host names, URLs, etc. */
-.host-name, .terminal-text, .file-name, .url, .userinput {
- font-family: monospace;
-}
-.email-address { font-family: inherit; }
-.url { white-space: nowrap; } /* don't break URLs */
-
-/* make RCS tags visible, but non-obtrusive */
-.rcs-id, #rcs-id {
- float: right;
- font-family: Helvetica, Arial, sans-serif;
- font-size: x-small;
- color: #ababab;
- background-color: inherit;
+ float: right;
+ font-size: 80%;
+ font-style: italic;
+ margin-bottom: 1ex;
+ margin-right: .5em;
}
=20
-/* code blocks or terminal sessions */
-/*
-pre.code, pre.terminal-text, pre.screen {
- background-color: #aaddaa;
- color: black;
- border: 1px solid #88bb88;
- font-family: monospace;
- margin-left: 0em;
- margin-right: 1em;
- padding: 0.5em;
- white-space: pre;
-}
-*/
-
-pre.code, pre.terminal-text, pre.screen, pre.programlisting {
- background-color: inherit;
- color: #258;
- white-space: pre;
- font-family: Courier, "Courier New", monospace;
- margin-left: 1em;
- margin-right: 1em;
-}
+/* --- Fisheye view (id) -----------------------------------------------=
----- */
=20
-/* DocBook program listings */
-pre.programlisting, pre.screen {
- font-size: 90%;
- margin-left: 2em;
- /* width: 83ex; */
-}
-pre.programlisting em {
- background: #ccf;
- color: #000;
- font-style: normal;=20
- font-weight: normal;
-}
-
-/* comments in DocBook program listings */
-pre .lineannotation {
- color: gray;
- background: inherit;
-}
-
-pre .computeroutput {
- background: inherit;
- /* color: #222222; */
-}
-
-tt.literal { font-weight: bold }
-
-/* DocBook tips, warnings, important */
-.tip img,
-.warning img,
-.important img {=20
- float: left;
- vertical-align: middle;
- position: absolute;
-}
-.tip,
-.warning,
-.important {=20
- margin: .8ex 3em .8ex 1em;
- font-style: italic; font-size: 90%;
- padding: 1ex 1em .1ex 1ex;
-}
-.tip p,
-.warning p,
-.important p,
-.tip pre,
-.warning pre,
-.important pre {
- margin-top: 0;
- margin-left: 35px;
-}
-.tip p + p,
-.warning p + p,
-.important p + p {
- margin-top: auto;
-}
-.tip pre,
-.warning pre,
-.important pre {
- padding-left: 1em;
+/* The "fisheye" view: a hierarchical view of the website to show the=20
+ * user where they are in the document hierarchy. Provides more "latera=
l"=20
+ * information than breadcrumbs, but not as much as a full sitemap. To=20
+ * appear within the #site-navigation div. Inherits many of its attribu=
tes=20
+ * from class info-box, and overrides some.
+ */
+#mini-sitemap,
+#fisheye {
+ font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+ padding: 0 0 1ex 0;
}
-
-
-div.tip,
-div.warning,=20
-div.important {
- /* border: 1px dotted gray; */
+#mini-sitemap a,
+#fisheye a {
+ text-decoration: none;
}
-
-/* Docbook figures */
-.figure {
- float: right;
- margin-left: .3em;=20
+#mini-sitemap a:hover,
+#fisheye a:hover {
+ text-decoration: underline;
}
-
-.figure p.title {
- font-family: sans-serif;
- font-size: smaller;
- text-align: center;
- background: inherit;
- color: #248;
+#mini-sitemap li,
+#fisheye li {
+ line-height: 2.5ex;
+ margin: 0;
}
-
-
-.orderedlist ol {
- margin-left: .6em;
- padding-left: 1em;
+#mini-sitemap ul,
+#fisheye ul {
+ font-size: 100%;
+ list-style-type: none;
+ margin: 0 .1em .3ex .3em;
+ padding: 0;
}
-
-/* stuff that we want to stand out */
-.prominent {
- font-weight: bold;
- text-decoration: underline;
+#mini-sitemap ul ul,
+#fisheye ul ul {
+ font-size: 95%;
+ margin-left: 0;
}
-a.prominent:link,
-a.prominent:visited {
- color: red;
+#mini-sitemap ul li,
+#fisheye ul li {
+ font-weight: bold;
}
-
-.error {
- font-weight: bold;
- color: red;
+#mini-sitemap ul ul ul,
+#fisheye ul ul ul {
+ font-size: 80%;
+ margin-left: .3em;
+ padding-left: .5em;
+ border-left: 1px dotted gray;
}
-
-.success {
- font-weight: bold;
- color: green;
+#mini-sitemap ul ul li a.active,
+#fisheye ul ul li a.active {
+ font-weight: bold;
+ color: black;
+ background-color: inherit;
}
-
-div.question {
- margin: 0;
- font-family: Trebuchet MS, Verdana, sans-serif;
- font-size: 110%;
- border: solid #225;
- border-width: 0 0 .1em .5em;
- padding-left: .2em;
+#mini-sitemap ul ul ul li,
+#fisheye ul ul ul li {
+ font-weight: normal;
}
-div.question strong {
- color: #228822;
+#mini-sitemap ul ul ul ul,
+#fisheye ul ul ul ul {
+ font-size: 90%;
}
-
-div.answer {
- margin: 0 0 2em 0;
+#mini-sitemap ul ul ul ul ul,
+#fisheye ul ul ul ul ul {
+ font-size: 90%;
}
=20
-div.qandaset dl { font-size: 95%; }
-div.qandaset dl dl { font-size: 100%; }
-div.qandaset dt a { text-decoration: none; }
-div.qandaset dl dt { font-size: 140%; }
-div.qandaset div.variablelist dl dt { font-size: 100%; }
-div.qandaset dd dl dt { font-size: 100%; }
-
-
-/* --- common layout elements for documents using templates ------------=
----*/
+/* --- Common layout elements for documents using templates ------------=
----- */
=20
/* 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
@@ -429,54 +211,54 @@
* element should be placed at the very top of the <body> of our HTML do=
cument.
*/
#masthead {
- font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
- font-size: 100%;
- margin: 0;
- padding: 0;
- color: #fff;
- border: 1px solid #000;
- background-color: #000038;
- /* i don't think we need this */
- /*background-image: url("/images/mandel-wide.jpg");*/
- background-repeat: repeat-x;
- background-position: top left;
+ font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+ font-size: 100%;
+ margin: 0;
+ padding: 0;
+ color: #fff;
+ border: 1px solid #000;
+ background-color: #000038;
+ /* [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 {
- color: #fff;
- background: transparent;
- text-decoration: none;
+ color: #fff;
+ background: transparent;
}
-#masthead a:hover { text-decoration: underline; }
-
-/*[ww] since this is a logo and not text, we need borders that are the s=
ame width all the way around */
+/* [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 c=
an
+ * turn these back on. */
/*#masthead #logo { padding: .5ex .2em .1ex .5em }*/
#masthead #logo { padding: .5ex }
-/* [ww] don't need these -- logo is an image */
+/* [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;
+ 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;
+ background-color: transparent;
+ background-image: none;
+ font-weight: bold;
+ font-size: 210%;
+ line-height: 1.9ex;
+ margin: 0;
+ padding: 0;
}*/
-/* [ww] instead of a form, we want the loginstatus there */
+/* [ww] instead of a search form, we want the loginstatus there */
/*#masthead form {*/
#masthead #loginstatus {
- float: right;
- padding: 0;
- margin: 1ex .5em .1ex .1em;
+ float: right;
+ padding: 0;
+ margin: 1ex .5em .1ex .1em;
+ font-size: smaller;
}
=20
/* "big-wrapper" contains everything other than the masthead. It's mere=
ly=20
@@ -485,12 +267,12 @@
* absolutely positioned objects *stay* within it.
*/
#big-wrapper {
- position: relative;
- top: 1ex;
- width: 100%;
- min-width: 18em;
- margin: 0;
- border: 0;
+ position: relative;
+ top: 1ex;
+ width: 100%;
+ min-width: 18em;
+ margin: 0;
+ border: 0;
}
=20
/*
@@ -503,29 +285,28 @@
*/
=20
#breadcrumbs {
- margin-left: 10.4em;
- margin-right: 0;
- padding: 0 .4em;
- border: 1px solid #559;
- background: #88d;
- color: #fff;
- text-align: left;=20
- font-size: 100%;
- font-family: Trebuchet MS, Arial, sans-serif;
+ margin-left: 10.4em;
+ margin-right: 0;
+ padding: 0 .4em;
+ border: 1px solid #559;
+ background: #88d;
+ color: #fff;
+ text-align: left;=20
+ 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;
+ 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; }
=20
=20
-/*=20
- * For the more CSS-compliant browsers, we'd like to provide site-wide
+/* 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 i=
ts
@@ -538,198 +319,64 @@
* 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;
+ position: absolute;
+ left: 0;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ width: 9.8em;
}
=20
-/*
- * The "fisheye" view: a hierarchical view of the website to show the=20
- * user where they are in the document hierarchy. Provides more "latera=
l"=20
- * information than breadcrumbs, but not as much as a full sitemap. To=20
- * appear within the #site-navigation div. Inherits many of its attribu=
tes=20
- * 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: 100%;
- list-style-type: none;
- margin: 0 .1em .3ex .3em;
- padding: 0;
-}
-
-#mini-sitemap ul ul,
-#fisheye ul ul {
- font-size: 95%;
- margin-left: 0;
-}
-#mini-sitemap ul li,
-#fisheye ul li {
- font-weight: bold;
-}
-
-#mini-sitemap ul ul ul,
-#fisheye ul ul ul {
- font-size: 80%;
- 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%;
-}
-
-
/* The primary information content of the document, excluding masthead a=
nd
* site navigation. We want to leave a wide left margin to prevent over=
lap
* with our site map, which will be displayed on the left-hand side of t=
he
* screen.
*/
#content {
- /* [ww] we need to put things that don't have a top border at the top=
of this, so we need a top margin */
- /*margin: 0 1em 0 10.4em;*/
- margin: .5em 1em 0 10.4em;
- padding: 0 0 0 0;=20
- font-family: Times, serif;
- /* border-left: 1px dotted #bbf; */
+ margin: .5em 1em 0 10.4em;
+ padding: 0 0 0 0;=20
+ font-family: Times, serif;
+ /* border-left: 1px dotted #bbf; */
}
#content h1 { margin: .4ex 0; } /* for crappy MSIE */
=20
=20
#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;
-}
-#validate {
- background-color: inherit;
- clear: both;
- margin-bottom: 2ex;
- font-size: x-small;
- color: #bbb;
- font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
-}
-#validate a { background-color: inherit; color: #ccc; }
-#feedback {
- font-size: 75%;
- /* Hide from mac MSIE 5.1, which screws up floats \*/float: right; /*=
*/
+ /* 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;
}
-#feedback img { vertical-align: middle; }
#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;
-}
-
-/* --- Turn off some features for handheld devices --- */
-
-@media handheld {
-
- #site-navigation {
- display: none
- /*
- position: relative;
- width: auto;
- */
- }
-
- /* remove any empty space we used for screen layout */
- #content, #footer { margin: 0; padding: 0; border: none; }
-
- /* keep masthead bar, but simplify its appearance */
- #masthead {
- margin: 0;
- padding: 1ex 0 0 1ex;
- font-size: 65%;
- background: #ddd;
- color: #fff;
- border: 1px solid #444;
- }
-
- /* unfloat floated meta-info, make it smaller than other text */
- #copyright, #last-modified { float: none; color: #444; font-size: 70%=
; }
-
+ 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;
}
=20
-
-
-/* --- old stuff to eventually remove ----------------------------------=
--- */
-/* [ww] ok, i'll remove it */
-/*div.breadcrumbs {
- font-family: sans-serif;
- font-size: small;=20
- margin: .5ex .5em 1ex .5em;
- padding-bottom: .5ex;
- border-bottom: 2px dotted #ddd;=20
-}
-.bottom-nav {
- float: left;
- font-family: sans-serif;
- font-size: small;
-}*/
-
-/***********************************************************************=
*******/
-/* [ww] Additional template classes added for WW elements */
+/* --- Additional template classes added for WW elements ---------------=
----- */
=20
#page-info {
font-size: smaller;
- float: right;
- width: 40%;
- padding-left: 1em;
+ float: right;
+ width: 40%;
+ padding-left: 1em;
}
=20
-/***********************************************************************=
*******/
-/* 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. */
+/* --- WeBWorK classes -------------------------------------------------=
----- */
+
+/* These classes are emitted by WeBWorK code and should appear in ANY We=
BWorK
+ * template. they need not be implemented the same way in each template =
though.
+ * (These are mostly copied from ur.css right atm.)
+ */
=20
/* tables used for laying out form fields shouldn't have a border */
table.FormLayout { border: 0; }
@@ -775,7 +422,7 @@
border-style: inset;=20
border-width: 1px;=20
text-align: center;=20
-# width: 15ex;
+ /*width: 15ex;*/ /* this was erroniously commented out with "#" */
padding: 2px 5px 2px 5px;
background-color: #DDDDDD;
}
@@ -792,8 +439,8 @@
padding: 2px 5px 2px 5px;
width: auto;
}
-.attemptResultsSummary { font-style:italic; }
-.parsehilight { background-color:yellow; }
+.attemptResultsSummary { font-style: italic; }
+.parsehilight { background-color: yellow; }
=20
/* the problem TEXT itself does in this box */
div.problem { clear: both; background-color: #E0E0E0; color: black; }
|
