/* Learning Object Creator (LOC) Copyright: University of Southampton Updated: 12 May 2008 gsg */ * { padding: 0; margin: 0; } /* ---( font parameters )------------------------------- */ body { font-size: small; color: #474747; } * html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ } body, p, ul { font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif; } h1, h2, h3, h4 { font-family: arial, helvetica, sans-serif; } /* headings */ h1 { font-size: 190%; font-weight: normal; margin: 5px 0px 20px 0px; color: #002e73; } h2 { font-size: 155%; font-weight: normal; margin: 12px 0 5px 15px; color: #282828; } p { margin: 0 0 0 15px; } #refbox h3 { font-size: 155%; font-weight: normal; font-variant: normal; margin: 12px 0px 20px 0px; color: #002e73; } /* links */ a:link { color: #002e73;; text-decoration: underline; } a:active { color: #002e73; text-decoration: underline; } a:visited { color: #002e73; text-decoration: underline; } a:hover { color: #002e73; text-decoration: underline; } /* layout elements */ body { background: url('s4_bg_body.png') #2f9ad7 repeat-x; } #outer { min-width: 500px; border: 2px solid #002e73; margin: 20px; padding: 20px; position: relative; background-color: #fffffc; overflow: auto; display: inline-block; /*to fix stupid ie problems */ } .imagebox { float: right; margin: 0 0 30px 20px; border-left : 2px solid #002e73; padding-left: 20px; position: relative; } .imagebox p { font-size: 90%; padding: 0; margin: 10px 0 0 0; text-align: left; } /*activity boxes */ .activities, .reviewbox { clear: both; background: url('s4_bg_act.png') transparent repeat-x; padding: 10px 10px 0 10px; margin-bottom: 30px; border: 1px solid #909090; position: relative; overflow: auto; display: inline-block; /*to fix stupid ie problems */ } .activities h2, .reviewbox h2 { background-color: #fff; margin: 0; padding: 20px 20px 10px 20px; position: relative; color: #002e73; } .activities p { padding: 0px 20px 20px 20px; margin: 0; background-color: #fff; } .activities label { padding: 0 1em 0 2em; } .activities input { margin-right: 0.5em; } .activities input.cloze, .activities input.yesno { margin: 0 0.5em 0 0.5em; padding: 0; } .activities option { padding-right: 0.5em; } .activities h3 { background-color: #fff; margin: 10px 0; font-size: 100%; padding: 0px 20px 70px 120px; text-decoration: underline; color: #002E73; } .instruction { padding: 10px 0px 10px 40px; border-right: 10px solid #fff; background: url('s4_bg_instr.jpg') #fff no-repeat; border-bottom: 10px solid #fff; } .instruction h2 { background-color: transparent; margin: 0; padding: 10px 0; font-size: 140%; } .instruction p { background-color: transparent; margin: 0; padding: 0 0 10px 0; } /* pop ups */ .feedback, .hidefeedback, .help, .hidehelp, .review, .hidereview { display: block; cursor: pointer; cursor: hand; border: 0; font-size: 100%; font-weight: 800; font-family: arial, helvetica, sans-serif; text-decoration: underline; margin: 10px 0; padding: 0px 20px 70px 120px; *padding: 0px 20px 70px 80px; /* fix for ie */ color: #002E73; } .help, .hidehelp { background: url(s4_ico_help.png) no-repeat 20px -10px; } .feedback, .hidefeedback { background: url(s4_ico_feedback.png) no-repeat 20px -10px; } .helpanswer, .feedbackanswer, .summaryanswer { margin: -70px 20px 35px 120px; padding: 10px 10px 10px 0px; } .helpanswer { background: url('s4_bg_instr_rev.png') no-repeat right top; } .feedbackanswer{ background: url('s4_bg_instr_rev.png') no-repeat right top; } .helpanswer p, .feedbackanswer p, .summaryanswer p { margin: 0px; padding: 0px; background-color: transparent; } /* review box */ .reviewbox button { background-color: #fff; font-size: 100%; width: 100%; text-align: left; margin: 0; text-decoration: underline; color: #002E73; } .review { padding: 15px 20px 100px 120px; } .hidereview { padding: 15px 20px 90px 120px; } .review, .hidereview { background: url('s4_ico_review.png') no-repeat 20px 10px; } .reviewanswer { margin: -70px 0 0 0; padding: 0px 20px 20px 20px; /* background-color: #fff;*/ /* min-height: 105px;*/ } .reviewanswer p { padding: 10px 10px 10px 0px; margin: -0 0 0 100px; /* background-color: #fff;*/ background: url('s4_bg_instr_rev.png') no-repeat right top; display: inline-block; } /*references and copyright */ #refbox { margin-top: 20px; border-top: 2px solid #002e73; } #refbox h3 { font-size: 140%; } #refbox p { margin-left: 20px; } #copyrightnotice { border-top: 2px solid #002e73; margin: 10px 0 0 0; padding-top: 5px; width: 100%; clear: both; }