/* #framelesscontrols {display:none;} this doesn't seem to work when addcontrols() has set it to block so I've put in an if statement so addcontrols won't happen when the "justforprinting" window is opened. I don't think giving a break element a height works. this file seems to be invisible to safari even putting in br.endpage {page-break-before:always;} to base.css doesn't help safari. netscape does it perfectly */ br.endpage {page-break-before:always;} .questions table td {text-align:left; vertical-align:top; width:50%; height:auto; padding-right:25pt; padding-bottom:30pt; padding-left:8pt; padding-top:8pt; font-size:10pt; border:1px none black;} .questions table td p {margin-bottom:12pt; margin-top:0pt; margin-left:0pt; margin-right:0pt; } .questions p {margin-left:2%; margin-right:2%;} .questions table {width:100%; margin-left:0pt; margin-right:0pt; } .sectiontitle {position:relative; top:5pt; left:2%; height:15pt; width:90%; text-align:center; font-size:14pt; border: 2pt none teal;} input {display:none;} body {background-color:white;} /* everything has to have some positioning set so I can make it move around apparently IE windows doesn't do margin-top very odd could be that you have to get the abs pos stuff out of the way*/ #wavefileembed {position:absolute; height:0pt; width:0pt;} #sitetitle {position:relative; text-align:center; white-space:nowrap; line-height:1.0; width:90%; border:1pt none black; letter-spacing:0.4em; padding-top:10pt; margin-bottom:20pt; color:rgb(100,0,50);} #sitetitle #mainsitetitle {font-size:20pt; font-family:textile, oxford, "comic sans ms", chalkboard, taffy, helvetica; } #mainsitetitle {position:relative; } #subsitetitle {position:relative; } #sitetitle #subsitetitle {font-size:10pt; font-family:textile, oxford, "comic sans ms", chalkboard, taffy, helvetica; } #subsitetitle {color:rgb(100,0,50);} /* visibility keeps a space, display removes completely, in safari, display prevents play of the sound. safari does nothing without a container. IE ignores the visibility property and needs display. I put a hidden keyword in the embed object for browsers that don't do objects (it may not work for those anyway since it won't precache the wav file.*/ /*no longer needed #roarcontainer1 {display:none;} #roarcontainer2 {display:block;} */ /*display none won't let safari play it. so try visibility*/ /* it's in the flow but you can't see it and that's fine, apparently IE does see the visibility property, i don't know why it didn't seem to before so these aren't needed. #roarobject {display:none; } #roarembed {display:none; } */ /* the roarcontrol is inside godzilla and shifted 25% of the width of the godzilla box and has a width of 200 which is half of the godzilla box and so it is centered give a z index so it covers when gets big if you make it absolute IE mac will make a very long image*/ #outergodzilla {position:absolute; top:50pt; left:56%; z-index:10;} #godzilla {position:relative; height:300pt; width:250pt; border: 1px none black;} #godzillaimage {cursor:crosshair;} /*#roarcontrol {position:relative; left:25%; }*/ /* the mainlinks division has to have left:0pt or IE for mac will shift everything under the first line twice. same goes for the div.subtext class. to control the pieces of mainlinks i'm using #mainlinks a. to control the pieces of subtext, i'm using .subtext p. margin-left works fine to shift the whole mainlinks division. but margins in a division do every paragraph in the division. so you can do margins for the whole division and then reset them for individual paragraphs. it's that inheritance thing. */ #mainlinks {position:relative; top:0pt; left:0pt; height: auto; margin-left:10pt; width:53%; border: none black 1pt; margin-top:20pt; margin-bottom:6pt; } #mainlinks a {position:relative; top:0pt; left:0pt; font-size:13.5pt; text-decoration:none; display:block; margin-top:0pt; margin-bottom:7pt;} #twolinks a {display:block; text-decoration:none; font-variant:small-caps; font-size:13pt; padding:3pt; } div.subtext {position:relative; top:0pt; left:0%; border: 2pt none black; margin-bottom:20pt; margin-left:12pt; font-size:10.5pt; line-height:1.4; text-align:left; text-indent:0;} .subtext p {margin-bottom:3pt; margin-top:3pt; text-align:left; text-indent:0;} .coloredtext {font-weight:bold; color:maroon;} #samplequestion {color:rgb(40,180,0); font-size:11pt;} div.questions {position:relative; top:0pt; left:0%; height:auto; width:100%; border:2pt none teal; overflow:visible; background-color: white; margin-left:0%; margin-right:0%; margin-top:2%; line-height:1.3; font-size:10.5pt;} div.questions sup {font-size:8pt;} div.advice {position:relative; top:0pt; left:0%; height:auto; border:2pt solid teal; overflow:visible; background: rgb(255,250,220); margin-left:10%; margin-right:10%; margin-top:2%; line-height:1.3; font-size:10pt;} .articlestext {line-height:1.3; font-size:10.5pt; margin:16pt;} .advice p {margin-left:2%; margin-right:2%;} .advice table {width:100%; margin-left:0%; margin-right:0%;} .scoring td {text-align:center; padding:5pt; width:25%; border-bottom: 1pt solid black; } #scoretable {width:90%;} #scoretable td {text-align:left; padding:5pt; border-bottom: 1pt solid black; } .questions table td.firstcolumn { width:40%;} .questions table td.secondcolumn { width:30%;} .questions table td.thirdcolumn { width:30%;} /* the td is the whole thing, the p is the individual elements. IE AND SAF treat p differently. for the questions, whole thing is padded (padding goes inside cell borders) and individual elements (diagrams) are spaced using the p tag. for advice, the p elements are the whole thing so you can just set them to zero (if you don't Safari will add spaces in addition to the padding you put in the td element) and put all your spaces for the whole thing*/ .advice table td p {margin-bottom:0pt; margin-top:0pt; margin-left:0pt; margin-right:0pt; } .advice table td {text-align:left; vertical-align:top; width:50%; padding-right:20pt; padding-bottom:15pt; padding-left:8pt; padding-top:15pt; } /* #quickindextitle {position:absolute; top:8pt; left:78%; width:20%; height:30pt; text-align:center; border: 2pt none teal;} #quickindex {position:absolute; top:38pt; left:78%; width:20%; height: 200pt; border:1pt solid teal; overflow:visible; font-size:12pt; background:#a5d8f6;} #buttonstitle {position:relative; top:0pt; left:2%; width:95%; height:auto; border: 1pt none black; margin-top:10pt; font-size:14pt; text-align:center;} #smallbuttons button {margin-left:3%; margin-top:10pt; margin-bottom:10pt; width:40%; height:auto; text-align:center; font-size:12pt; overflow:hidden;} #bigbuttons button {margin-left:3%; margin-top:10pt; margin-bottom:10pt; width:90%; height:25pt; text-align:center; font-size:12pt; overflow:hidden;} */ #generalnavigation a {font-size:10pt; text-decoration:none; display:block; padding-left:5pt; padding-right:5pt; padding-bottom:5pt;} #sectionindex {position:relative; top:0pt; left:0%; height:auto; width:92%; text-align:left; border: 1pt solid black; overflow:visible; margin-top:17pt; margin-bottom:20pt; background:#a5d8f6; padding-bottom:3pt; padding-top:3pt; font-size:11pt;} #sectiontitle {position:relative; text-align:center; font-size:11pt; margin-top:3pt; margin-bottom:8pt;} #navigationtitle {position:relative; top:0pt; left:0%; height:auto; text-align:center; font-size:12pt; border: 2pt none teal; margin-top:0pt; margin-bottom:10pt;} #generalnavigation {position:relative; top:0pt; left:2%; height:auto; width:95%; text-align:left; font-size:12pt; border: 2pt none teal; margin-top:10pt; white-space:nowrap;} #hideshowbuttons {white-space:nowrap;} #hideshowbuttons input {margin-bottom:5pt; margin-left:auto; margin-right:auto; width:60pt; text-align:center; font-size:10pt; height:auto;} #sectionindex .treecontrol {margin-top:8pt; margin-left:5pt;} /*#buttonsbox {position:relative; top:5pt; left:2%; width:400pt; height:auto; border:1pt solid black; background:#a5d8f6; overflow:visible; white-space:nowrap; } trouble having it fit the width of the buttons*/ /*buttons seem to make their height according to the text no matter what */ #buttonsbox {position:relative; top:3pt; left:2%; white-space:nowrap;} #buttonsbox input {margin-left:0%; margin-right:3%; margin-top:8pt; margin-bottom:8pt; width:20%; height:auto; text-align:center; font-size:10pt; } .questions #samplebuttons input {text-align:center; font-size:10pt; width:93pt; font-size:10pt;} .questions #samplebuttons {font-size:10pt; } .imagebuttons input {margin-right:7pt;} .imagebuttons img {margin-right:15pt; margin-bottom:10pt;} #algebra {display:none;} #geometry {display:none;} #units {display:none;} #statistics {display:none;} #numbertheory {display:none;} #reading {display:none;} #logic {display:none;} #sequences {display:none;} #articles {position:relative; display:none;} /*setting the width on a button fucks up IE for mac if you change the value attribute of the button it expands the button horribly */ /* need to set positioning so that it can be shook by shake()*/ #articlestitle {position:relative; top:0pt; left:0pt; margin-left:0pt;} #articlestree {position:relative; top:0pt; left:0pt; white-space:nowrap;} #articlesbutton {width:auto; margin:2pt; text-align:center; font-size:10pt; } .treecontrol {white-space:nowrap;} .treecontrol input {width:auto; text-align:center; font-size:10pt;} /*.subsections {position:relative; top:0pt; left:0pt; }*/ #sectionindex .subsections {margin-top:4pt;} .subsections a {margin-left:2%;} #sectionindex .subsections a {font-size:10pt; text-decoration:none; display:block; padding-left:2pt; padding-top:2pt; padding-bottom:2pt; text-align:left;} #articles p a {font-size:10pt; text-decoration:none; width:auto; padding:1pt; margin-left:0pt; } #articles p {margin-top:5pt; margin-bottom:5pt; margin-left:22pt; font-size:10pt;} #ccbutton {width:auto; margin-right:5pt; font-size:10pt; font-family:trebuchet,arial;} #articles p#articlesnote {font-size:10pt; margin-bottom:10pt;} #articles p#colorcontrol {font-size:10pt; margin-bottom:15pt; color:red;} /* #sectionindex .subsections a {font-size:14pt; padding-top:2pt; padding-bottom:2pt; } */