From: Mike G. v. a. <we...@ma...> - 2008-06-24 17:34:53
|
Log Message: ----------- Adding files for math2 theme Tags: ---- rel-2-4-patches Added Files: ----------- webwork2/conf/templates/math2: gateway.template math2.css system.template Revision Data ------------- --- /dev/null +++ conf/templates/math2/gateway.template @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<!-- +################################################################################ +# WeBWorK Online Homework Delivery System +# Copyright © 2000-2007 The WeBWorK Project, http://openwebwork.sf.net/ +# $CVSHeader: webwork2/conf/templates/math2/gateway.template,v 1.1.2.1 2008/06/24 17:17:36 gage Exp $ +# +# 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 later +# version, or (b) the "Artistic License" which comes with this package. +# +# This program is distributed in the hope that it will be useful, but WITHOUT +# 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. +################################################################################ +--> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<meta http-equiv="content-type" content="text/html; charset=utf-8" /> +<meta http-equiv="Pragma" content="no-cache"/> +<meta http-equiv="expires" content="Wed, 21 Dec 2005 00:00:01 GMT"/> +<link rel="stylesheet" type="text/css" href="<!--#url type="webwork" name="htdocs"-->/css/math.css"/> +<!-- [gateway] since the left-side menus are gone, don't indent the main content area --> +<link rel="stylesheet" type="text/css" href="<!--#url type="webwork" name="htdocs"-->/css/gateway.css"/> +<title><!--#path style="text" text=" : " textonly="1"--></title> +<!--#head--> +<script language="javascript" type="text/javascript" + src="<!--#url type="webwork" name="htdocs"-->/js/gateway.js"></script> +</head> +<body bgcolor="white"> +<div id="masthead"> + <div id="loginstatus"> + <!--#loginstatus--> + </div> + <div id="logo"> + <img src="<!--#url type="webwork" name="htdocs"-->/images/webwork_rectangle.png" alt="WeBWorK" height="51" width="267" /> + </div> +</div> +<hr class="for-broken-browsers"/> +<div id="big-wrapper"> + <div id="breadcrumbs"> + <!--#path style="text" text=" → "--> + </div> + <div id="content"> + + <!--#if can="info"--> + <!--<div id="page-info">--> + <!--<div class="info-box" id="fisheye">--> + <!--#info--> + <!--</div>--> + <!--</div>--> + <!--#endif--> + + <!-- [gateway] removed nav button to go up --> + + <!--#if can="title"--> + <h1><!--#title--></h1> + <!--#endif--> + + <!--#if can="message"--> + <div class="Message"> + <!--#message--> + </div> + <!--#endif--> + + <!--#if can="body"--> + <div class="Body"> + <!--#body--> + </div> + <!--#endif--> + + <!--#if warnings="1"--> + <hr> + <div class="Warnings"> + <!--#warnings--> + </div> + <!--#endif--> + + <!--#if can="message"--> + <div class="Message"> + <!--#message--> + </div> + <!--#endif--> + + </div> <!-- content --> + <hr class="for-broken-browsers"/> + <div id="footer"> + <p id="last-modified">Page generated at <!--#timestamp--></p> + <div id="copyright"> + WeBWorK © 2000-2007 <a href="http://openwebwork.sf.net/">The WeBWorK Project</a> + </div> + </div> + <!-- [gateway] removed left sidebar --> +</div> <!-- big-wrapper --> + +</body> +</html> --- /dev/null +++ conf/templates/math2/math2.css @@ -0,0 +1,507 @@ +/* WeBWorK Online Homework Delivery System + * Copyright © 2000-2007 The WeBWorK Project, http://openwebwork.sf.net/ + * $CVSHeader: webwork2/conf/templates/math2/math2.css,v 1.1.2.1 2008/06/24 17:17:36 gage Exp $ + * + * 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 later + * version, or (b) the "Artistic License" which comes with this package. + * + * This program is distributed in the hope that it will be useful, but WITHOUT + * 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. + */ + +/* --- 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; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; + /* FIXME "You have no background-color with your color" */ + color: #225; + background: transparent; +} +h1 { font-size: 170%; } +h2 { font-size: 140%; padding-bottom: 0; margin-bottom: .5ex } +h3 { font-size: 120%; } +h4 { font-size: 110%; } +h5 { font-size: 105%; } +h6 { font-size: 105%; } + +a:link { color: #00e; background-color: inherit; } +a:visited { color: #808; background-color: inherit; } + +/* --- Miscellaneous classes ---------------------------------------------- */ + +/* show only to CSS-ignorant browsers */ +.for-broken-browsers { display: none } + +/* for hiding floats from Netscape 4.x */ +.float-left { float: left; } +.float-right { float: right; } + +/* --- Compound titles (class) ---------------------------------------------- */ + +/* WeBWorK is not using this, but it might be nice to have it around later */ + +/* "Split" title, with main heading left-aligned above a horizontal line, + * and subheading right-aligned below the line. Usage: + * + * <h1 class="compound">Alumni Newsletter</h1> + * <h2 class="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 }*/ + +/* --- Info box (class) ----------------------------------------------------- */ + +/* FIXME as a quick hack, the info() escape outputs a DIV with this class. + * don't let the placement of these styles fool you -- <div style="info-box"> + * is output by WeBWorK! */ + +/* Common style for a small box to hold supplemental info; typically this + * box will appear in a sidebar. Sample usage: + * + * <div class="info-box"> + * <h2>Announcements</h2> + * <ul> + * <li>foo</li> + * </ul> + * <a class="more" href="bar">Older announcements...</a> + * </div> + */ + +.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 <body> 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: 1ex } +/* [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:100%; + float: right; + width: 40%; + overflow: auto; + margin-right: -1px; + background-color: #fff; +} +#InfoPanel ol { + font-size:100%; +} + +/* 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; } --- /dev/null +++ conf/templates/math2/system.template @@ -0,0 +1,123 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<!-- +################################################################################ +# WeBWorK Online Homework Delivery System +# Copyright © 2000-2007 The WeBWorK Project, http://openwebwork.sf.net/ +# $CVSHeader: webwork2/conf/templates/math2/system.template,v 1.1.2.1 2008/06/24 17:17:36 gage Exp $ +# +# 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 later +# version, or (b) the "Artistic License" which comes with this package. +# +# This program is distributed in the hope that it will be useful, but WITHOUT +# 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. +################################################################################ +--> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<meta http-equiv="content-type" content="text/html; charset=utf-8" /> +<link rel="stylesheet" type="text/css" href="<!--#url type="webwork" name="htdocs"-->/css/math.css"/> +<title><!--#path style="text" text=" : " textonly="1"--></title> +<!--#head--> +</head> +<body bgcolor="white" onload="if (typeof(initializeAction) == 'function') {initializeAction()}"> + +<div id="masthead"> + <div id="loginstatus"> + <!--#loginstatus--> + <!--#if can="nav"--> + <div id="Nav"> + <!--#nav style="images" imageprefix="/webwork2_files/images/nav" imagesuffix=".gif" separator=" "--> + </div> + <!--#endif--> + + </div> + <div id="logo"> + <img src="<!--#url type="webwork" name="htdocs"-->/images/webwork_rectangle.png" alt="WeBWorK" height="51" width="267" /> + </div> +</div> +<hr class="for-broken-browsers"/> +<div id="big-wrapper" > + <div id="breadcrumbs"> + <!--#path style="text" text=" → "--> + </div> + <div id="content" > + + <!--#if can="title"--> + <span style="font-size:larger; color:#00F; float:left; width:60%; "><!--#title--></span> + <!--#endif--> + <!--#if can="message"--> + <span class="Message" style=" float:right; width:40%; right:0;"> + <!--#message--> + </span> + <!--#endif--> + + <hr style="clear:both"/> + <!--#if can="info"--> + <!-- styles could be different for different pages so they are not set here --> + <!--#info--> + <!--#endif--> + <!--#if can="body"--> + <!--#if warnings="1"--> + <div class="Body" style="background-color:#ffcccc"> + <p style="font-size:larger"> + Warning -- there may be something wrong with this question. Please inform your instructor + including the warning messages below. + </p> + <!--#else--> + <div class="Body" style="background-color:#ffffff"> + <!--#endif--> + + <!--#body--> + </div> + <!--#endif--> + + <!--#if warnings="1"--> + + <hr/> + <div class="Warnings"> + <!--#warnings--> + </div> + <!--#endif--> + + <!--#if can="message"--> + <div class="Message"> + <!--#message--> + </div> + <!--#endif--> + + + <hr class="for-broken-browsers"/> + <div id="footer"> + <p id="last-modified">Page generated at <!--#timestamp--></p> + <div id="copyright"> + WeBWorK © 2000-2007 <a href="http://openwebwork.sf.net/">The WeBWorK Project</a> + </div> + </div> + <div id="site-navigation"> + <!--#if can="links"--> + <div class="info-box" id="fisheye"> + <h2>Main Menu</h2> + <!--#links--> + </div> + <!--#endif--> + <!--#if can="siblings"--> + <!--#siblings--> + <!--#endif--> + <!--#if can="options"--> + <div class="info-box" id="fisheye"> + <h2>Display Options</h2> + <!--#options--> + </div> + <!--#endif--> + </div> + +</div><!--content--> +</div> <!-- big-wrapper --> + +</body> +</html> |