Index: lams_central/web/css/highContrast.css =================================================================== diff -u --- lams_central/web/css/highContrast.css (revision 0) +++ lams_central/web/css/highContrast.css (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -0,0 +1,1667 @@ +/* +************************************************* +LAMS 2.0 +CVS ID $id$ + +************************************************* +General page styles +********************************************** */ + +* { + margin: 0px; + padding: 0px; +} + +body { + background-color:#fff; + line-height:16px; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; + text-decoration: none; +} + +a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; + text-decoration: none; +} + +body.stripes { + background: url('../images/css/diagonal_bg.gif'); +} + +.row { + voice-family: "\"}\""; /* hide the following rules from IE5 */ + voice-family: inherit; + overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ +} + +* html .row { + height: 1%; +} /* part of the CSS 'clearing hack' */ + + +h1 { + color:#0000ff; + font-size:15px; + margin-bottom:0px; + margin-left:10px; + padding-top:5px; } + + +/*when there are no tabs at the top of the page */ +h1.no-tabs-below { + color:#0000ff; + font-size:16px; + margin-bottom:0px; + margin-left:10px; + padding-top:25px; } + +h2 {color:#006633; + font-size:12px; + margin-left:10px; + margin-bottom:10px; + margin-top:10px; } + +h2.no-space-left { + margin-left:0px; +} + +h2.spacer-left{ + margin-left:25px; +} + +span.h2font {color:#006633; + font-size:12px; } + +h3 {color:#006633; + font-size:12px; + margin-left:10px; + margin-bottom:10px; + margin-top:10px; } + + + +h4 {color:#006633; font-size:11px;} + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0000ff; + margin-bottom: 0px; + margin-top: 0px;; + margin-left: 30px; + font-weight: bold; + background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px; + padding-left: 30px; + padding-bottom: 10px; + font-size: 12px +} + +p { + margin-left: 25px; + margin-right: 30px; + margin-bottom: 18px; +} + +ul { + margin-left: 25px; + margin-right: 30px; +} + +ul li { + list-style-type: circle; + padding-bottom: 5px; +} + +ol { + margin-left: 25px; + margin-right: 30px; +} + +li.no-list-type { + list-style-type: none; +} + +#page { /*whole layout of page*/ + margin: 15px auto 10px auto; + width:95%; + min-width: 707px; + max-width: 1024px; + background: url('../images/css/lams_logo.gif') no-repeat 96% 10px; + +} + +#page-main { /*whole layout of page*/ + margin: 25px auto; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 585px 10px; +} + +#header { /*layout of the header */ + + height: 17px; + +} + +#header-main { /*layout of the header */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; + +} + +#header-no-tabs { /*layout of the header when no-tabs are required. Big enough to line up with LAMS icon - don't use for learner (see header-no-tabs-learner) */ + width:707px; + height:40px; + background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + +#header-no-tabs-main { /*layout of the header when no-tabs are required. Big enough to line up with LAMS icon - don't use for learner (see header-no-tabs-learner) */ + width:90%; + margin-left:auto; + margin-right:auto; + min-width:707px; + max-width:1024px; + height:40px; + background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + + + +/* +************************************************* + +Layout of tab navigation section + +********************************************** */ +#nav { /* layout of box that contains the main navigation */ + margin-top: 15px; + height: 40px; + margin-left: 4px; +} + +#nav a { + color: #0000ff; + text-decoration: none; + font-size: 12px; + font-weight: bold; + border:0; +} + +#nav a:hover { + color: #004bb6; + text-decoration: none; + border:0; +} + +#nav a.selected { + color: #333; + border:0; +} + + + + +/* +************************************************* + +Tab navigation styles + +********************************************** */ +.nav-box { /* layout of containers that surround the tab navigation */ + height: 31px; + width: auto; + margin-right: 2px; + float: left; + text-align: center; +} + +.tab-left-selected { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_left.jpg') no-repeat top left; + z-index:2; + float: left; +} + +.tab-middle-selected { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/selected_bg.jpg') repeat-x; + float: left; + z-index:1; + padding:8px 5px 0px 5px; +} + +#nav .tab-middle-link-selected { + color: #333333 +} + +.tab-right-selected { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_right.jpg') no-repeat top right; + float: left; + z-index:1; +} + +.tab-left { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_left.jpg') no-repeat top left; + float: left +} + +.tab-middle { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/button_bg.jpg') repeat-x; + float: left; + padding:8px 5px 0px 5px; +} + +#nav .tab-middle-link { + color: #0000ff +} + +.tab-right { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_right.jpg') no-repeat top right; + float: left +} + + .tab-left-highlight { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_highlight_left.jpg') no-repeat top left; + float: left + } + + .tab-middle-highlight { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/button_highlight_bg.jpg') repeat-x; + float: left; + + padding:8px 5px 0px 5px; + } + + #nav .tab-middle-highlight-link { + color: #FFFFFF + } + + .tab-right-highlight { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_highlight_right.jpg') no-repeat top right; + float: left + } + +/* +************************************************* + +Layout of main content section + +********************************************** */ +#content { /*box around the main content area */ + min-width: 707px; + max-width: 1024px; + width: 98%; + margin-left:auto; + margin-right:auto; + background-color: white; + padding-bottom:40px; + padding-left:10px; + padding-right:10px; + font-size: 11px; + margin-top: 12px; + border-left:1px solid #aaa; + border:1px solid #aaa; + border-right:1px solid #aaa; +} + +#content-main { /*box around the main content area */ + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: 0px; + margin-left:auto; + margin-right:auto; + margin-bottom:-5px; + width:90%; + height:100%; + padding-bottom:-5px; + min-width:707px; + max-width:1024px; +} + +/*layout of Links within the content area */ +#content a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; +} + +#content a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; +} + +/*layout of a general button*/ +#content a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; +} + +/* style to disbable input buttons */ +#content a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + } + +#content a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/*layout of authoring buttons*/ + +/*layout of a general button*/ +#saveCancelButtons a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 2px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; +} + +/* style to disbable input buttons */ +#saveCancelButtons a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 2px; + border: 0px none; + padding:5px 20px 6px 10px; + } + +#saveCancelButtons a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 2px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/* OK and Cancel icon buttons */ +.okIcon { + padding: 0 0 5px 18px; + background: url('../images/css/accept.png') no-repeat; + +} + +/* OK and Cancel icon buttons */ +.cancelIcon { + padding: 0 0 5px 18px; + background: url('../images/css/cancel.png') no-repeat; + +} + +/*layout of a general button*/ +a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; + +} + +a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; +} + + +/*layout of adding a topic button */ +a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat 0px 0px; + color: #333; + border: 0px none; + padding:5px 15px 6px 25px; + text-decoration: none; + font-size:11px; +} + +a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat 0px 0px; + color: #006600; + border: 0px none; + padding:5px 15px 6px 25px; + text-decoration: none; + font-size:11px; +} + + +/*layout of adding a topic button */ +#content a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat 0px 0px; + color: #333; + border: 0px none; + padding:5px 15px 6px 25px; + font-size:11px; +} + +#content a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat 0px 0px; + color: #006600; + border: 0px none; + padding:5px 15px 6px 25px; + font-size:11px; +} + +#content-main a.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px dotted #0000FF; + } + +#content-main a:hover.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px solid #0000FF; + +} + +#content-main a.disabled-sequence-name-link { + color:#FF3333666; + text-decoration: none; + border-bottom: 1px dotted #FF3333666; + } + + +#content-main a:hover.disabled-sequence-name-link { + color:#FF3333666; + text-decoration: none; + border-bottom: 1px solid #FF3333666; + +} + + +#content-main a.sequence-action-link { + color:#006633; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-left:20px; +} + +#content-main a:hover.sequence-action-link { + color:#006633; + text-decoration: none; + border-bottom:0px; + font-variant:small-caps; + margin-left:20px; + } + +/* my courses individual course boxes */ + +.course-bg { /*---- box around the green tabbed items -- */ + margin-top:15px; + margin-bottom:20px; + width:100%; + background:#fff url('../images/css/mycourses_greentab.jpg') no-repeat top; + margin-left:0px; + +} + +.course-bg h2 { + font-size:13px; + color:#006633; + padding-left:0px; + margin-top:12px; + margin-left:0px; +} + +.course-bg h4 { + font-size:12px; + color:#006633; + padding-left:0px +} + +.course-buttons { + margin-right:0px; +} + + +/* Hovering submit button */ +input.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input.disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + font-size:11px; + } + +.box { + display: none; + min-height: 100px; +} + +.box-main { + display: none; + min-height: 100px; + margin-right:5%; + margin-left:5%; +} + +#footer-main { /*layout of the footer - the bottom of the box */ + background-color: white; +// background: url('../images/css/footer_bg.jpg') no-repeat bottom; +} + +#footer a{ /*layout of the footer - the bottom of the box */ + color:#85aacd; + border-bottom:1px solid #85aacd; + } + +/*layout of the table with the alternate color for the table heading cell */ +table.alternative-color { + width:91%; + margin-left:17px; + padding-top:0px; + margin-bottom:15px; + text-align:left; +} + +table.alternative-color th { + background: url('../images/css/green_bg.jpg') repeat-x; + height: 30px; + color: #006633; + padding-left: 15px; + border-left: 1px solid #cacdd1; + border-right: 1px solid #fff; + font-size: 12px; +} + +table.alternative-color td { + padding-left: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.alternative-color td.first, table.alternative-color th.first { + border-left: none; + padding-left: 20px; +} + + +/*layout of the forum tables with the colored table heading cell */ +table.forum { + width:93%; + margin-left:20px; + padding-top:5px; + margin-bottom:10px; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px; + text-align:left; + border-bottom:1px solid #efefef;} + +table.forum th { + background: url('../images/css/green_bg_forum.jpg') repeat-x #f0f5df; + height:20px; + padding-top:5px; + color:#006633; + padding-left:15px; + border-left:1px solid #cacdd1; + font-size:12px; + vertical-align:middle; +} + +table.forum td.posted-by { + background: url('../images/css/forum_postedby_bg.jpg') repeat-x; + height:20px; + padding-left:15px; + padding-top:0px; + font-size:10px; + vertical-align:top; + border-left:1px solid #cacdd1; + color:#333366; +} + + +table.forum td { + padding-left:20px; + font-size:11px; + vertical-align:top; +} + + +/* Used for chosen grouping */ +table.chosengrouping { + width:98%; + margin-left:0px; + text-align:center; + } + +table.chosengrouping tr { + vertical-align:top +} + +table.chosengrouping th { + padding:0px; + font-size:11px; + text-align:center; +} + +table.chosengrouping td { + padding:0px; + font-size:11px; + text-align:center; +} + +table.chosengrouping td p{ + padding:0px; + font-size:11px; + line-height:11px; +} + +table.chosengrouping td select { + font-size:11px; +} +/*layout of the table with form elements */ + +table { + width:100%; +// margin-left:7px; + text-align:left; +} + +table-main { + width:100%; + margin-left:auto; + margin-right:auto; + text-align:left; + table-layout: #; +} + + +td { + padding:10px; + font-size:12px; +} + +td-main { + padding:10px; + font-size:12px; + margin-right:auto; + margin-left:auto; + align:center; +} + +td p{ + padding:10px; + font-size:12px; + line-height:18px; +} + +/*layout of button in table +td .button{ + margin:0px; + padding:10px 10px 10px 0px; + font-size:11px; + font-family: verdana, arial, helvetica, sans-serif; +} +*/ + + +/* */ /*layout of form styles */ +.field-name{ + color: #0000ff; + font-weight: bold; + text-align: left; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #006633; + font-weight: bold; + padding-bottom:10px; + text-align: left; +} + +input { + border: 1px solid #c1c1c1; + padding: 2px; +} + +textarea { + border: 1px solid #c1c1c1; + padding: 2px; +} + +.noBorder { + border: none; +} + +/*misc styles*/ +.space-right { + margin-right: 10px; +} + +.space-left { + margin-left: 10px; +} + +.space-bottom { + margin-bottom: 40px; +} + +.space-bottom-top { + padding-bottom: 20px; + padding-top: 20px; + padding-right:20px; /* Testing spacing IE */ +} + +.small-space-bottom { + margin-bottom: 20px; +} + +.small-space-top {padding-top:6px;} + +.space-top {padding-top:20px;} + +.title-space-top {margin-top:12px;} + +hr {border:0px; + border-top:1px solid #ccc; + width: 630px; + height: 1px; + + } + +/* Warning message style */ +.warning { + color: #990000; + padding:8px 10px 10px 40px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: left; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px; + width: 70%; + border: 1px solid #E82A28; +} + +.warning-login { + color: #990000; + padding:5px 5px; + padding-left: 35px; + padding-bottom: -10px; + margin-top: -5px; + margin-bottom: -10px; + margin-left: 15px; + text-align: left; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px; + width: 70%; + border: 1px solid #E82A28; +} + +b.error {color:#990000;} + +/* *********************************************** + Monitoring page styles +************************************************ */ + +/* Display the adavanced options in the summary tab */ +div.monitoring-advanced { + margin-left: 25px; + margin-right: 30px; + margin-bottom: 20px; +} + + +/* +************************************************* + +Login page styles + +********************************************** */ + + +#login-page { /*whole layout of login page*/ +margin:-35px auto; +width:707px; +} + +/*layout of the header when no-tabs are required */ +#login-header { +width:707px; +height:25px; +background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + + /*box around the main content area */ +#login-content { +width:707px; +background:url('../images/css/body_bg.jpg') repeat-y; +padding-bottom:20px; +font-size: 11px; +margin-top:-5px; +line-height:18px; +} + +#login-left-col { +width:370px; +float:left; +padding-left:25px; +margin-top:5px; +} + + +#login-left-col h1 { +margin:0px; +padding:0px; +} + +#login-left-col h2 { +margin:10px 0px 0px 3px; +padding:0px; +font-weight:100; +font-size:1.5em; +} + +#login-left-col h3 { +color:#239CF7; +font-size:11px; +margin:8px 0px 0px 3px; + +} + +#login-left-col ul { +list-style-type:none; +margin-top:0px; +margin-left:4px; +} + +#login-left-col li { +padding:10px 0px 15px 0px; +border-bottom:1px dotted #ccc; +list-style-type:none; +} + +#login-right-col { +width:285px; +float:left; +margin-left:17px; +background: url('../images/css/lams_login_bar.jpg') no-repeat 0 0; +margin-top:5px; +height:450px; +} + +#login-right-col h2 { +margin-top:22px; +margin-left:20px; +color:#239CF7; +margin-bottom: 30px; +} + +#login-right-col p { +margin-top:5px; +margin-right:50px; +text-align:right; +} +#login-right-col p.first { +margin-top:25px; +margin-right:50px; +text-align:right; +margin-bottom:15px; +} + +#login-right-col p.version { +color:#006633; +margin-top:5px; +margin-right:20px; +margin-bottom:0px; +text-align:right; +font-size:1.2em; +} +#login-right-col p.login-button { +margin-top:0px; +margin-right:50px; +text-align:right; +} +#login-right-col a.button { +background:url('../images/css/btn_off.gif') no-repeat 0px 0px; +color:#333; +border:0px none; +padding:5px 20px 6px 20px; +text-decoration:none; } + +#login-right-col a:hover.button { +background:url('../images/css/btn_over.gif') repeat-x 0px 0px; +color:#006600; +border:0px none; +padding:5px 20px 6px 20px; +text-decoration:none;} + +#login-page #footer { /*layout of the footer - the bottom of the box */ + width: 707px; + height: 14px; + background: url('../images/css/footer_bg.jpg') no-repeat top; +} + +#login-page #footer p{ + padding:20px 0px 0px 10px; + text-align:center; + font-family: verdana, arial, helvetica, sans-serif; + font-size:.9em; + color:#666666; +} + +.clear { +clear:both +} + + +/* +************************************************* + +Floating button containers + +********************************************** */ + +.left-buttons {float:left; padding-left:20px;} + +.right-buttons {float:right; padding-right:20px; padding-top:5px;} + + + +/* +************************************************* + +My Courses Pages +********************************************** */ + +/* welcome user box */ + + +.welcome {margin-bottom:35px; margin-top:0px; background-color:#33FFFF; margin-left:20px;margin-right:20px;} + +.float-left {float:left;} + +.float-right {float:right;} + + + +/* layout for my-courses pages */ + +.my-courses { + background: url('../images/css/diagonal_bg.gif') repeat; +} + + +#page-mycourses { /*whole layout of page*/ + margin: 25px auto; + min-width: 707px; + max-width: 1024px; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 5% -7px; + +} + +#page-mycourses #footer { /*layout of the footer - the bottom of the box */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; +} + +#page-mycourses #footer p{ + padding:20px 0px 0px 10px; + text-align:center; + font-family: verdana, arial, helvetica, sans-serif; + font-size:.9em; + color:#666666; +} + + +#header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +/* my courses nav */ + +.nav-box-right { + height: 31px; + width: auto; + margin-right: -1px; + margin-top: 16px; + float: right; + text-align: center; + margin-left: 3px; +} + +#nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; +} + +#nav-right a { + color: #0000ff; + text-decoration: none; + font-size: 12px; + font-weight: bold; +} + +#nav-right a:hover { + color: #004bb6; + text-decoration: none; +} + +#nav-right a.selected { + color: #333; +} + + +/* my courses grey buttons in the green bar */ + +.mycourses-left-buttons {float:left; padding-left:10px;} + +.mycourses-right-buttons {float:right; padding-right:20px; margin-top:11px; height:24px; font-size:11px} + +#content-main a.sorting { border-bottom: none; cursor: pointer; } + +#content-main a.add-lesson-button { + background: url('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + margin-left:5px; + display: run-in; +} + +#content-main a.find-learners-button { + background: url('../images/css/find.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + + margin-left:5px; +} + +#content-main a:hover.add-lesson-button { + background: url('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-left:5px; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.manage-group-button { + background: url('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +#content-main a:hover.manage-group-button { + background: url('../images/css/manage_groups_over.jpg') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +#content-main a.show-all-groups-button { + background: url('../images/css/show_all_groups.jpg') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 16px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +#content-main a:hover.show-all-groups-button { + background: url('../images/css/show_all_groups.jpg') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 16px; + text-decoration: none; + text-align:left; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +/* my courses individual course boxes */ + +.course-bg { /*---- box around the green tabbed items -- */ + margin-top:15px; + margin-bottom:20px; + width:100%; + background:#fff url('../images/css/mycourses_greentab-minimal.jpg') repeat-x top; + margin-left:0px; +} + +.course-bg h2 { + font-size:13px; + color:#006633; + padding-left:0px; + margin-top:12px; + margin-left:0px; +} + +.course-bg h4 { + font-size:12px; + color:#006633; + padding-left:0px +} + +.course-buttons { + margin-right:0px; +} + +/************ The sequence name box **********/ +.sequence-name { + margin-top:5px; + margin-left:30px; + +} + +.sequence-name p{ + margin:0px; + +} + + +#content-main a.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px dotted #0000FF; + } + + +#content-main a:hover.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px solid #0000FF; + +} + +#content-main a.sequence-action-link { + color:#006633; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-left:20px; +} + +#content-main a:hover.sequence-action-link { + color:#006633; + text-decoration: none; + border-bottom:0px; + font-variant:small-caps; + margin-left:20px; + } + +.sequence-description-tooltip { + border: 1px solid #d2d2d2; + background-color: #ffffff; + padding: 4px; + color: #000000; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + width: 250px; +} +.sequence-description-tooltip #tooltipURL { + display: none; +} + +/************ The group name box **********/ + +.group-name { +margin-top:5px; +margin-left:80px; +} + +.group-name p { +padding-top:0px; +margin-bottom:0px; +padding-left:0px; +margin-left:0px; +} + +.group-name strong { +color: #333366; +} + +/*aligns the image in the middle of the line - gives padding */ +.align-middle { +vertical-align:middle; +padding-right:0px; +border:0px; +} + +.help {text-align:right; margin-right:35px; cursor: pointer;} + +.help-no-tabs {float:right; cursor:pointer;} + +/************ My Profile custom **********/ +.align-right { + text-align: right; +} + +.align-left { + text-align: left; +} + +.shading-bg { + padding: 5px; + padding-left: 10px; + padding-top: 10px; + margin-top: 10px; + margin-bottom: 10px; + width: 98%; + border-top: 1px solid #ccc; + background: url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px +} + +.img-border { + padding: 2px; + border: 1px solid #dcdcdc; +} + +.userpage-td {border-left:1px solid #ccc;} + + +.user-img {background: url('../images/css/user.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-monitor-img {background: url('../images/css/mycourses_monitor.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-mark-img {background: url('../images/css/mark.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-addlesson-img {background: url('../images/css/mycourses_addlesson.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-stop-img {background: url('../images/css/lesson_disabled.png') no-repeat 0 3px; margin-left:20px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-completed-img {background: url('../images/css/lesson_completed.png') no-repeat 0 3px; margin-left:20px; margin-right:5px; padding:5px 0px 5px 25px; +} + +/*IE style workarounds */ + +* html #content { + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: -16px; + margin-left:auto; + margin-right:auto; + margin-bottom:10px; + width:90%; + height:100%; + padding-bottom:5px; + min-width:707px; + max-width:1024px; + position:relative; +} + +* html #content-main { /*box around the main content area */ + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: -15px; + margin-left:auto; + margin-right:auto; + margin-bottom:-5px; + width:90%; + height:100%; + padding-bottom:-5px; + min-width:707px; + max-width:1024px; +} + +* html #header { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +* html #header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +* html .nav-box-right { + height: 31px; + width: auto; + margin-right: -1px; + margin-top: 16px; + float: right; + text-align: center; + margin-left: 3px; +} + +* html .nav-box-right { + height: 31px; + width: auto; + margin-right: -1px; + margin-top: 16px; + float: right; + text-align: center; + margin-left: 3px; +} + +* html #nav-right { /* layout of box that contains the main navigation */ + margin-top:15px; + width: auto; + height: 40px; + margin-right: 1px; +} + +* html .mycourses-right-buttons {float:right; height:24px; padding-top:5px; padding-bottom:5px; margin-top:4px;} + +* html #content-main a.add-lesson-button { + background: url ('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #333366; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + margin-left:5px; + display: run-in; +} + +* html #content-main a:hover.add-lesson-button { + background: url ('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #006633; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:5px; + border-right:1px solid #d2d2d2; + display: run-in; +} + +* html #content-main a.manage-group-button { + background: url ('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #333366; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + margin-top:6px; + margin-left:10px; +} + +* html #content-main a:hover.manage-group-button { + background: url ('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #006633; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:10px; + border-right:1px solid #d2d2d2; +} + +* html .right-buttons {float:right; padding-top:5px; padding-bottom:5px; margin-bottom:20px;} + +* html .space-bottom { + margin-bottom: 40px; + +} + +* html #nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; + position:relative; + z-index:2; + margin-right:-1px; +} + +* html #page-mycourses { /*whole layout of page*/ + margin: 0px auto; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 5% 25px; +} + +/*IE 7 workarounds */ + +*:first-child+html #content { + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: 53px; + margin-left:auto; + margin-right:auto; + margin-bottom:10px; + width:90%; + height:100%; + padding-bottom:15px; + min-width:707px; + max-width:1024px; + position:relative; +} + + +*:first-child+html .nav-box-right { + height: 0px; + width: auto; + margin-right: 2px; + margin-top: -14px; + float: right; + text-align: center; +} + +*:first-child+html .mycourses-right-buttons {float:right; padding-right:20px; margin-top:0px; height:24px; font-size:11px; padding-top:10px; padding-bottom:10px;} + +*:first-child+html #header { /*layout of the header */ + width:90%; + min-width:707px; + margin-left:auto; + margin-right:auto; + margin-bottom:-25px; +} + +*:first-child+html #header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + margin-left:auto; + margin-right:auto; + margin-bottom:-25px; +} + +*:first-child+html #nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; + position:relative; + z-index:2; +} + +*:first-child+html .nav-box-right { + height: 0px; + width: auto; + margin-right: -1px; + margin-top: -14px; + float: right; + text-align: center; +} + + + +/* Index Page more actions drop down menu */ +ul.more-actions-list { + background: white; + position: absolute; + z-index: 99; + display: none; + margin: 0px; + padding: 2px; + border:thin solid gray; +} + +ul.more-actions-list li { + padding: 6px; + font-size: 10px; + margin: 0px; + list-style: none; +} + +#content-main a.more-actions-button { + background: url('../images/css/more_options.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.more-actions-button { + background: url('../images/css/more_options.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.my-grades-button { + background: url('../images/css/my-grades.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.my-grades-button { + background: url('../images/css/my-grades.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.course-gradebook-button { + background: url('../images/css/course_gradebook.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.course-gradebook-button { + background: url('../images/css/course_gradebook.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.search-lesson { + background: url('../images/css/search_lesson.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.search-lesson { + background: url('../images/css/search_lesson.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} Index: lams_central/web/css/highContrast_learner.css =================================================================== diff -u --- lams_central/web/css/highContrast_learner.css (revision 0) +++ lams_central/web/css/highContrast_learner.css (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -0,0 +1,570 @@ +/* +************************************************* +LAMS 2.0 +Date modified: 22/09/2006 + +************************************************* +General page styles +********************************************** */ + +* { + margin:0; + padding:0; +} + +body { + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +body.stripes { + background: url('../images/css/diagonal_bg.gif'); +} + +a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; +} + +a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; +} + +.row { + voice-family: "\"}\""; /* hide the following rules from IE5 */ + voice-family: inherit; + overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ +} + +* html .row { + height: 1%; +} /* part of the CSS 'clearing hack' */ + + +h1 {color:#0000ff; + font-size:15px; + margin-bottom:5px; + } + +h2 {color:#006633; + font-size:14px; + padding-top:10px; + margin-bottom:5px; } + +span.h2font {color:#006633; + font-size:14px; } + +h3 {color:#006633; + font-size:13px; + margin-top:10px; + margin-bottom:5px; } + + +h4 {color:#0000ff; + font-size:11px; + margin-top:10px; + margin-bottom:10px; + padding:0; + } + +h5 {color:#006633; + font-size:14px; + margin-right:40px; + margin-bottom:8px; + } + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0000ff; + margin-bottom:0; + margin-top:0; + background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px; + padding-left: 30px; + padding-bottom: 10px; + font-size:13px; +} + +p { + margin-right: 30px; + margin-bottom: 10px; + margin-top:10px; +} + +b.error {color:#990000;} + +ul { + margin-left: 25px; + margin-right: 30px; +} + +ul li { list-style-type:circle;} + +ol { + margin-left: 25px; + margin-right: 30px; +} + +li.no-list-type { + list-style-type: none; +} +/*layout of the table with the alternate color for the table heading cell */ +table.alternative-color { + width:100%; + margin-left:0px; + padding-top:0px; + margin-bottom:15px; + margin-top:10px; + text-align:left; +} + +table.alternative-color th { + background: url('../images/css/green_bg.jpg') repeat-x; + height: 30px; + color: #006633; + padding-left: 15px; + border-left: 1px solid #cacdd1; + border-right: 1px solid #fff; + font-size: 12px; +} + +table.alternative-color td { + padding:5px; + padding-left: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.alternative-color td.first, table.alternative-color th.first { + border-left: none; + padding-left: 20px; +} + +/* jquery tablesorter pager plugin */ +table.tablesorter-admin td { + text-align: center; + padding:5px; + padding-left: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.tablesorter-admin th { + background-color: #e7f3cf; + height: 30px; + color: #006633; + padding-left: 15px; + border-top: 1px solid #cacdd1; + border-left: 1px solid #cacdd1; + border-right: 1px solid #fff; + font-size: 12px; +} + +table.tablesorter-admin thead tr .header { + background-image: url(../images/css/bg.gif); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; + width: auto; + padding-right: 15px; +} + +table.tablesorter-admin thead tr .headerSortUp { + background-image: url(../images/css/asc.gif); +} + +table.tablesorter-admin thead tr .headerSortDown { + background-image: url(../images/css/desc.gif); +} + +/*layout of the forum tables with the colored table heading cell */ +table.forum { + width:100%; + margin-left:0px; + padding-top:5px; + margin-bottom:10px; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px; + text-align:left; + border-bottom:1px solid #efefef;} + +table.forum th { + background: url('../images/css/green_bg_forum.jpg') repeat-x #f0f5df; + height:26px; + padding-top:1px; + color:#006633; + padding-left:15px; + border-left:1px solid #cacdd1; + font-size:12px; + vertical-align:middle; +} + +table.forum td.posted-by { + background: url('../images/css/forum_postedby_bg.jpg') repeat-x; + height:20px; + padding-left:15px; + padding-top:0px; + font-size:10px; + vertical-align:top; + border-left:1px solid #cacdd1; + color:#333366; +} + +table.forum td { + padding:10px; + padding-left:20px; + font-size:11px; + vertical-align:top; +} + +/*layout of an inserted image */ +.image-border { + border:1px solid #e2e2e2; + padding:3px; + background-color:#fff; + margin:5px 10px; +} + +/*layout of the table with form elements */ + +table { + width:100%; + text-align:left; + } + +td { + + font-size:11px; + vertical-align:top; +} + +td p{ + padding:10px; + font-size:11px; + line-height:18px; +} + +/*layout of button in table */ +td p.button{ + margin:0px; + padding:10px 10px 10px 0px; + font-size:11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +/* */ /*layout of form styles */ +.field-name{ + color: #0000ff; + font-weight: bold; + text-align: left; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #006633; + font-weight: bold; + text-align: left; +} + +input { + border: 1px solid #c1c1c1; + padding: 2px; +} + +textarea { + border: 1px solid #c1c1c1; + padding: 2px; +} + +.noBorder { + border: none; +} + +/*misc styles*/ +.space-right { + margin-right: 10px; +} + +.space-left { + margin-left: 10px; +} + +.space-bottom { + margin-bottom: 40px; +} + + +.space-bottom-top { + padding-bottom: 20px; + padding-top: 20px; +} + +.small-space-bottom { + margin-bottom: 20px; +} + +.small-space-top {padding-top:6px;} + +.space-top {padding-top:20px;} + +.title-space-top {padding-top:12px;} + +hr {border:0px; + border-top:1px solid #ccc; + height: 1px; +} + +.warning { + color: #990000; + padding:8px 10px 10px 40px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: left; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px; + width: 70%; + border: 1px solid #E82A28; +} + +.info { + color: #000000; + padding:8px 10px 10px 40px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: left; + font-weight: normal; + background: url('../images/css/edit.gif') no-repeat #d8e4f1 10px 8px; + width: 70%; + border: 1px solid #3c78b5; +} + +.group-box { + padding:8px 10px 10px 40px; + margin-top: 20px; + margin-left: 0px; + margin-right: 0px; + font-weight: normal; + border: 1px solid #ccc; +} + +/************************************************* +Page layout +********************************************** */ + +#content { + margin-top:20px; + margin-left:auto; + margin-right:auto; + margin-bottom:30px; + width:85%; + height:100%; + border:1px solid #d4d8da; + background-color:#fff; + padding:20px 25px; + } + +#footer { + clear:inherit; + height:20px;} + + +.float-left {float:left;} + +.float-right {float:right;} + + + +/* +************************************************* + +Buttons + +********************************************** */ + +.left-buttons {float:left;} + +.right-buttons {float:right;} + +/*layout of a general button*/ +#content a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/* style to disable input buttons */ +#content a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + } + +#content a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +#content a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +input.disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + font-size:11px; +} + +/*layout of a general button*/ +a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + + +/*layout of adding a topic button */ +a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding:25px 15px 25px 25px; + text-decoration: none; +} + +a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px; + color: #006600; + border: 0px none; + padding:25px 15px 25px 25px; + text-decoration: none; +} + + +/*layout of adding a topic button */ +#content a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding:25px 15px 25px 25px; +} + +#content a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px; + color: #006600; + border: 0px none; + padding:25px 15px 25px 25px; +} + +/*layout of html editor button */ +#content a.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px; + color: #333366; + border: 0px none; + padding:25px 15px 25px 28px; +} + +#content a:hover.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding:25px 15px 25px 28px; +} + +/* Hovering submit button */ +input.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +.editForm { + padding: 0 0 5px 18px; + background: url('../images/css/report_edit.png') no-repeat; + +} + +.close { + padding: 0 0 5px 18px; + background: url('../images/css/cancel.png') no-repeat; + +} + +.import { + padding: 0 0 5px 18px; + background: url('../images/css/import.png') no-repeat; + +} + + +.nextActivity { + padding: 0px 20px 0px 0px; + background: url('../images/css/next.png') no-repeat; + background-position: right; + +} + +.text-area {width:99%} + +.shading-bg {padding:5px; padding-left:10px; padding-top:10px; margin-top:10px; margin-bottom:10px; width:99%; border-top:1px solid #ccc; background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px} + +.shading-bg td {padding:5px;} + +.last-item {border-top:1px solid #ccc; height:20px;} + +.indent {margin-left:20px;} + +.middle {vertical-align:middle;} + +.help {text-align:left; margin-left:35px; cursor: pointer;} + +.help-no-tabs {float:right; cursor:pointer;} + +.align-right{ +text-align:right; +} +.align-left{ +text-align:left; +} \ No newline at end of file Index: lams_central/web/css/highContrast_rtl.css =================================================================== diff -u --- lams_central/web/css/highContrast_rtl.css (revision 0) +++ lams_central/web/css/highContrast_rtl.css (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -0,0 +1,1663 @@ +/* +************************************************* +LAMS 2.0 +CVS ID $id$ + +************************************************* +General page styles +********************************************** */ + +* { + margin: 0px; + padding: 0px; +} + +body { + background-color:#fff; + line-height:16px; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; + text-decoration: none; +} + +a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; + text-decoration: none; +} + +body.stripes { + background: url('../images/css/diagonal_bg.gif'); +} + +.row { + voice-family: "\"}\""; /* hide the following rules from IE5 */ + voice-family: inherit; + overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ +} + +* html .row { + height: 1%; +} /* part of the CSS 'clearing hack' */ + + +h1 { + color:#0000ff; + font-size:15px; + margin-bottom:0px; + margin-right:10px; + padding-top:5px; } + + +/*when there are no tabs at the top of the page */ +h1.no-tabs-below { + color:#0000ff; + font-size:16px; + margin-bottom:0px; + margin-right:10px; + padding-top:25px; } + +h2 {color:#006633; + font-size:12px; + margin-right:10px; + margin-bottom:10px; + margin-top:10px; } + +h2.no-space-left { + margin-right:0px; +} + +h2.spacer-left{ + margin-right:25px; +} + +span.h2font {color:#006633; + font-size:12px; } + + +h3 {color:#006633; + font-size:12px; + margin-right:10px; + margin-bottom:10px; + margin-top:10px; } + + + +h4 {color:#006633; font-size:11px;} + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0000ff; + margin-bottom: 0px; + margin-top: 0px;; + margin-right: 30px; + font-weight: bold; + background: url('../images/css/blue_arrow_left.gif') no-repeat top right; + padding-right: 30px; + padding-bottom: 10px; + font-size: 12px +} + +p { + margin-right: 25px; + margin-left: 30px; + margin-bottom: 18px; +} + +ul { + margin-right: 25px; + margin-left: 30px; +} + +ul li { list-style-type:circle;} + +ol { + margin-right: 25px; + margin-left: 30px; +} + +li.no-list-type { + list-style-type: none; +} +#page { /*whole layout of page*/ + margin: 15px auto 10px auto; + width:95%; + min-width: 707px; + max-width: 1024px; + background: url('../images/css/lams_logo.gif') no-repeat -10px 10px; +} + +#page-main { /*whole layout of page*/ + margin: 25px auto; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 10px 585px; +} + +#header { /*layout of the header */ + height: 17px; +} + +#header-main { /*layout of the header */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; + +} + +#header-no-tabs { /*layout of the header when no-tabs are required. Big enough to line up with LAMS icon - don't use for learner (see header-no-tabs-learner) */ + width:90%; + margin-left:auto; + margin-right:auto; + min-width:707px; + max-width:1024px; + height:40px; + background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + +#header-no-tabs-main { /*layout of the header when no-tabs are required. Big enough to line up with LAMS icon - don't use for learner (see header-no-tabs-learner) */ + width:90%; + margin-left:auto; + margin-right:auto; + min-width:707px; + max-width:1024px; + height:40px; + background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + +/* +************************************************* + +Layout of tab navigation section + +********************************************** */ +#nav { /* layout of box that contains the main navigation */ + margin-top: 15px; + width: auto; + height: 24px; + margin-right: -1px; +} + +#nav a { + color: #0000ff; + text-decoration: none; + font-size: 12px; + font-weight: bold; + border:0; +} + +#nav a:hover { + color: #004bb6; + text-decoration: none; + border:0; +} + +#nav a.selected { + color: #333; + border:0; +} + + + + +/* +************************************************* + +Tab navigation styles + +********************************************** */ +.nav-box { /* layout of containers that surround the tab navigation */ + height: 31px; + width: auto; + margin-left: 2px; + + float: right; + text-align: center; +} + +.tab-left-selected { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_left.jpg') no-repeat top left; + float: left +} + +.tab-middle-selected { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/selected_bg.jpg') repeat-x; + float: left; + padding:8px 5px 0px 5px; +} + +#nav .tab-middle-link-selected { + color: #333333 +} + +.tab-right-selected { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_right.jpg') no-repeat top right; + float: left +} + +.tab-left { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_left.jpg') no-repeat top left; + float: left +} + +.tab-middle { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/button_bg.jpg') repeat-x; + float: left; + padding:8px 5px 0px 5px; +} + +#nav .tab-middle-link { + color: #0000ff +} + +.tab-right { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_right.jpg') no-repeat top right; + float: left +} + + .tab-left-highlight { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_highlight_left.jpg') no-repeat top left; + float: left + } + + .tab-middle-highlight { /* defines middle of selected tab */ + height: 31px; + width: 90px; + background: url('../images/css/button_highlight_bg.jpg') repeat-x; + float: left; + + padding:8px 5px 0px 5px; + } + + #nav .tab-middle-highlight-link { + color: #FFFFFF + } + + .tab-right-highlight { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_highlight_right.jpg') no-repeat top right; + float: left + } + +/* +************************************************* + +Layout of main content section + +********************************************** */ +#content { /*box around the main content area */ + min-width: 707px; + max-width: 1024px; + width: 98%; + margin-left:auto; + margin-right:auto; + background-color: white; + padding-bottom:40px; + padding-left:10px; + padding-right:10px; + font-size: 11px; + margin-top: 12px; + border-left:1px solid #aaa; + border:1px solid #aaa; + border-right:1px solid #aaa; +} + +#content-main { /*box around the main content area */ + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: 0px; + margin-left:auto; + margin-right:auto; + margin-bottom:-5px; + width:90%; + height:100%; + padding-bottom:-5px; + min-width:707px; + max-width:1024px; +} + +/*layout of Links within the content area */ +#content a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; +} + +#content a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; +} + +/*layout of a general button*/ +#content a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; +} + +/* style to disbable input buttons */ +#content a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + } + +#content a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/*layout of authoring buttons*/ + +/*layout of a general button*/ +#saveCancelButtons a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 2px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size:11px; +} + +/* style to disbable input buttons */ +#saveCancelButtons a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 2px; + border: 0px none; + padding:5px 20px 6px 20px; + } + +#saveCancelButtons a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 2px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/*layout of a general button*/ +a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:3px 15px 5px 15px; + font-size:11px; + display: table-cell; + +} + +a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:3px 15px 5px 15px; + font-size:11px; + display: table-cell; +} + + +/*layout of adding a topic button */ +a.button-add-item { + background: url('../images/css/btn_add_off_rtl.gif') no-repeat top right; + color: #333; + border: 0px none; + padding:3px 25px 5px 15px; + font-size:11px; + display: table-cell; +} + +a:hover.button-add-item { + background: url('../images/css/btn_add_over_rtl.gif') no-repeat top right; + color: #006600; + border: 0px none; + padding:3px 25px 5px 15px; + font-size:11px; + display: table-cell; + +} + +#button-table { + display: table; + border-spacing: 10px 0px; +} + +#button-row { + display: table-row-group; +} + +/*layout of adding a topic button */ +#content a.button-add-item { + background: url('../images/css/btn_add_off_rtl.gif') no-repeat top right; + color: #333; + border: 0px none; + padding:3px 25px 5px 15px; + font-size:11px; + display: table-cell; + } + +#content a:hover.button-add-item { + background: url('../images/css/btn_add_over_rtl.gif') no-repeat top right; + color: #006600; + border: 0px none; + padding:3px 25px 5px 15px; + padding-left: 15px; + padding-right: 25px; + font-size:11px; + display: table-cell; +} + +/************ The sequence name box **********/ +.sequence-name { + margin-top:5px; + margin-right:30px; + +} + +.sequence-name p{ + margin:0px; + +} + + +#content-main a.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px dotted #0000FF; + } + +#content-main a:hover.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px solid #0000FF; + +} + +#content-main a.disabled-sequence-name-link { + color:#FF3333666; + text-decoration: none; + border-bottom: 1px dotted #FF3333666; +} + + +#content-main a:hover.disabled-sequence-name-link { + color:#FF3333666; + text-decoration: none; + border-bottom: 1px solid #FF3333666; + +} + + +#content-main a.sequence-action-link { + color:#006633; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-right:20px; +} + +#content-main a:hover.sequence-action-link { + color:#006633; + text-decoration: none; + border-bottom:0px; + font-variant:small-caps; + margin-right:20px; + } + +/* my courses individual course boxes */ + +.course-bg { /*---- box around the green tabbed items -- */ + margin-top:15px; + margin-bottom:20px; + width:100%; + background:#fff url('../images/css/mycourses_greentab.jpg') no-repeat top; + margin-right:0px; + +} + +.course-bg h2 { + font-size:13px; + color:#006633; + padding-right:0px; + margin-top:12px; + margin-right:0px; +} + +.course-bg h4 { + font-size:12px; + color:#006633; + padding-left:0px +} + +.course-buttons { + margin-left:0px; +} + + +/* Hovering submit button */ +input.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input.disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + font-size:11px; + } + +.box { + display: none; + min-height: 100px; +} + +.box-main { + display: none; + min-height: 100px; + margin-right:5%; + margin-left:5%; +} + +#footer-main { /*layout of the footer - the bottom of the box */ + background-color: white; +// background: url('../images/css/footer_bg.jpg') no-repeat bottom; +} + +#footer a{ /*layout of the footer - the bottom of the box */ + color:#85aacd; + border-bottom:1px solid #85aacd; + } + +/*layout of the table with the alternate color for the table heading cell */ +table.alternative-color { + width:91%; + margin-right:17px; + padding-top:0px; + margin-bottom:15px; + text-align:right; +} + +table.alternative-color th { + background: url('../images/css/green_bg.jpg') repeat-x; + height: 30px; + color: #006633; + padding-right: 15px; + border-right: 1px solid #cacdd1; + border-left: 1px solid #fff; + font-size: 12px; +} + +table.alternative-color td { + padding-right: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.alternative-color td.first, table.alternative-color th.first { + border-right: none; + padding-right: 20px; +} + + +/*layout of the forum tables with the colored table heading cell */ +table.forum { + width:93%; + margin-right:20px; + padding-top:5px; + margin-bottom:10px; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px; + text-align:right; + border-bottom:1px solid #efefef;} + +table.forum th { + background: url('../images/css/green_bg_forum.jpg') repeat-x #f0f5df; + height:20px; + padding-top:5px; + color:#006633; + padding-right:15px; + border-right:1px solid #cacdd1; + font-size:12px; + vertical-align:middle; +} + +table.forum td.posted-by { + background: url('../images/css/forum_postedby_bg.jpg') repeat-x; + height:20px; + padding-right:15px; + padding-top:0px; + font-size:10px; + vertical-align:top; + border-right:1px solid #cacdd1; + color:#333366; +} + + +table.forum td { + padding-right:20px; + font-size:11px; + vertical-align:top; +} + + +/* Used for chosen grouping */ +table.chosengrouping { + width:98%; + margin-left:0px; + text-align:center; + } + +table.chosengrouping tr { + vertical-align:top +} + +table.chosengrouping th { + padding:0px; + font-size:11px; + text-align:center; +} + +table.chosengrouping td { + padding:0px; + font-size:11px; + text-align:center; +} + +table.chosengrouping td p{ + padding:0px; + font-size:11px; + line-height:11px; +} + +table.chosengrouping td select { + font-size:11px; +} +/*layout of the table with form elements */ + +table { + width:100%; + margin-left:auto; + margin-right:auto; + text-align:right; +} + +td { + padding:10px; + font-size:12px; + margin-right:auto; + margin-left:auto; + align:center; +} + +td p{ + padding:10px; + font-size:12px; + line-height:18px; +} + +/*layout of button in table +td .button{ + margin:0px; + padding:10px 10px 10px 0px; + font-size:11px; + font-family: verdana, arial, helvetica, sans-serif; +} +*/ + + +/* */ /*layout of form styles */ +.field-name{ + color: #0000ff; + font-weight: bold; + text-align: right; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #006633; + font-weight: bold; + padding-bottom:10px; + text-align: right; +} + +input { + border: 1px solid #c1c1c1; + padding: 2px; +} + +textarea { + border: 1px solid #c1c1c1; + padding: 2px; +} + +.noBorder { + border: none; +} + +/*misc styles*/ +.space-right { + margin-right: 10px; +} + +.space-left { + margin-left: 10px; +} + +.space-bottom { + margin-bottom: 40px; +} + +.space-bottom-top { + padding-bottom: 20px; + padding-top: 20px; + padding-right:20px; /* Testing spacing IE */ +} + +.small-space-bottom { + margin-bottom: 20px; +} + +.small-space-top {padding-top:6px;} + +.space-top {padding-top:20px;} + +.title-space-top {margin-top:12px;} + +hr {border:0px; + border-top:1px solid #ccc; + width: 630px; + height: 1px; + + } + +/* Warning message style */ +.warning { + color: #990000; + padding:8px 40px 10px 5px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: right; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 right 10px; + width: 70%; + border: 1px solid #E82A28; +} + +.warning-login { + color: #990000; + padding:5px 5px; + padding-right: 35px; + padding-bottom: -10px; + margin-top: -5px; + margin-bottom: -10px; + margin-right: 15px; + text-align: right; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 right 10px; + width: 70%; + border: 1px solid #E82A28; +} + +b.error {color:#990000;} + +/* *********************************************** + Monitoring page styles +************************************************ */ + +/* Display the adavanced options in the summary tab */ +div.monitoring-advanced { + margin-right: 25px; + margin-left: 30px; + margin-bottom: 20px; +} + + +/* +************************************************* + +Login page styles + +********************************************** */ + + +#login-page { /*whole layout of login page*/ +margin:-35px auto; +width:707px; +} + +/*layout of the header when no-tabs are required */ +#login-header { +width:707px; +height:25px; +background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + + /*box around the main content area */ +#login-content { +width:707px; +background:url('../images/css/body_bg.jpg') repeat-y; +padding-bottom:20px; +font-size: 11px; +margin-top:-5px; +line-height:18px; +} + +#login-left-col { +width:370px; +float:right; +padding-right:25px; +margin-top:5px; +} + +#login-left-col h1 { +margin:0px; +padding:0px; +} + +#login-left-col h2 { +margin:10px 3px 0px 0px; +padding:0px; +font-weight:100; +font-size:1.5em; +} + +#login-left-col h3 { +color:#239CF7; +font-size:11px; +margin:8px 3px 0px 0px; + +} + +#login-left-col ul { +list-style-type:none; +margin-top:0px; +margin-right:4px; +} + +#login-left-col li { +padding:10px 0px 15px 0px; +border-bottom:1px dotted #ccc; +list-style-type:none; +} + +#login-right-col { +width:285px; +float:right; +margin-right:17px; +background: url('../images/css/lams_login_bar.rtl.jpg') no-repeat 0 0; +margin-top:5px; +height:450px; +} + +#login-right-col h2 { +margin-top:22px; +margin-right:20px; +color:#239CF7; +margin-bottom: 30px; +} + +#login-right-col p { +margin-top:5px; +margin-left:50px; +text-align:left; +} +#login-right-col p.first { +margin-top:25px; +margin-left:50px; +text-align:left; +margin-bottom:15px; +} + +#login-right-col p.version { +color:#006633; +margin-top:5px; +margin-left:20px; +margin-bottom:0px; +text-align:left; +font-size:1.2em; +} +#login-right-col p.login-button{ +margin-top:0px; +margin-left:50px; +text-align:left; +} +#login-right-col a.button { +background:url('../images/css/btn_off.gif') repeat-x 0px 2px; +color:#333; +border:0px none; +padding:5px 20px 6px 20px; +text-decoration:none; +float: left; +} + +#login-right-col a:hover.button { +background:url('../images/css/btn_over.gif') repeat-x 0px 2px; +color:#006600; +border:0px none; +padding:5px 20px 6px 20px; +text-decoration:none; +float: left; +} + +#login-page #footer { /*layout of the footer - the bottom of the box */ + width: 707px; + height: 14px; + background: url('../images/css/footer_bg.jpg') no-repeat top; +} + +#login-page #footer p{ + padding:20px 0px 0px 10px; + text-align:center; + font-family: verdana, arial, helvetica, sans-serif; + font-size:.9em; + color:#666666; +} + +.clear { +clear:both +} + + +/* +************************************************* + +Floating button containers + +********************************************** */ + +.left-buttons {float:right; padding-right:20px;} + +.right-buttons {float:left; padding-left:20px; padding-top:5px;} + + + +/* +************************************************* + +My Courses Pages +********************************************** */ + +/* welcome user box */ + + +.welcome {margin-bottom:35px; margin-top:0px; background-color:#33FFFF; margin-right:20px;margin-left:10px;} + +.float-left {float:right;} + +.float-right {float:left;} + + + +/* layout for my-courses pages */ + +.my-courses { + background: url('../images/css/diagonal_bg.gif') repeat; +} + + +#page-mycourses { /*whole layout of page*/ + margin: 25px auto; + min-width: 707px; + max-width: 1024px; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 95% -7px; + +} + +#page-mycourses #footer { /*layout of the footer - the bottom of the box */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; +} + +#page-mycourses #footer p{ + padding:20px 0px 0px 10px; + text-align:center; + font-family: verdana, arial, helvetica, sans-serif; + font-size:.9em; + color:#666666; +} + + +#header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +/* my courses nav */ + +.nav-box-right { + height: 31px; + width: auto; + margin-left: -1px; + margin-top: 16px; + float: left; + text-align: center; + margin-right: 3px; +} + +#nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; +} + +#nav-right a { + color: #0000ff; + text-decoration: none; + font-size: 12px; + font-weight: bold; +} + +#nav-right a:hover { + color: #004bb6; + text-decoration: none; +} + +#nav-right a.selected { + color: #333; +} + + +/* my courses grey buttons in the green bar */ + +.mycourses-left-buttons { + float:right; padding-left:10px; +} + +.mycourses-right-buttons { + float:left; padding-left:15px; margin-top:6px; height:24px; font-size:11px; +} + +#content-main a.sorting { border-bottom: none; cursor: pointer; } + +#content-main a.add-lesson-button { + background: url('../images/css/add_lesson.rtl.jpg') no-repeat top right; + color: #333366; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-left:1px solid #d2d2d2; + border-bottom: 0px; + display:block; +} + + +#content-main a:hover.add-lesson-button { + background: url('../images/css/add_lesson.rtl.jpg') no-repeat top right; + color: #006633; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-left:1px solid #d2d2d2; + border-bottom: 0px; + display:block; +} + + +#content-main a.manage-group-button { + background: url('../images/css/manage_groups.rtl.jpg') no-repeat top right; + color: #333366; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-left:1px solid #d2d2d2; + border-bottom: 0px; + display:block; +} + + +#content-main a:hover.manage-group-button { + background: url('../images/css/manage_groups_over.rtl.jpg') no-repeat top right; + color: #006633; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-left:1px solid #d2d2d2; + border-bottom: 0px; + display:block; +} + +#content-main a.show-all-groups-button { + background: url('../images/css/show_all_groups.jpg') no-repeat 0px 0px; + color: #333366; + padding: 5px 16px 6px 12px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +#content-main a:hover.show-all-groups-button { + background: url('../images/css/show_all_groups.jpg') no-repeat 0px 0px; + color: #006633; + padding: 5px 16px 6px 12px; + text-decoration: none; + text-align:left; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + + +/* my courses individual course boxes */ + +.course-bg { /*---- box around the green tabbed items -- */ + margin-top:15px; + margin-bottom:20px; + width:100%; + background:#fff url('../images/css/mycourses_greentab-minimal.jpg') repeat-x top; + margin-right:0px; + +} + +.course-bg h2 { + font-size:13px; + color:#006633; + padding-right:0px; + margin-top:12px; + margin-right:0px; +} + +.course-bg h4 { + font-size:12px; + color:#006633; + padding-right:0px +} + +.course-buttons { + margin-right:0px; +} + +/************ The sequence name box **********/ +.sequence-name { + margin-top:5px; + margin-right:30px; + +} + +.sequence-name p{ + margin:0px; + +} + + +#content-main a.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px dotted #0000FF; + } + + +#content-main a:hover.sequence-name-link { + color:#0000FF; + text-decoration: none; + border-bottom: 1px solid #0000FF; + +} + +#content-main a.sequence-action-link { + color:#006633; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-right:20px; +} + +#content-main a:hover.sequence-action-link { + color:#006633; + text-decoration: none; + border-bottom:0px; + font-variant:small-caps; + margin-right:20px; + } + +.sequence-description-tooltip { + border: 1px solid #d2d2d2; + background-color: #ffffff; + padding: 4px; + color: #000000; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + width: 250px; +} +.sequence-description-tooltip #tooltipURL { + display: none; +} + +/************ The group name box **********/ + +.group-name { +margin-top:5px; +margin-right:60px; +} + +.group-name p { +padding-top:0px; +margin-bottom:0px; +padding-right:0px; +margin-right:0px; +} + +.group-name strong { +color: #333366; +} + +/*aligns the image in the middle of the line - gives padding */ +.align-middle{ +vertical-align:middle; +padding-right:0px; +border:0px; +} + +.help {text-align:left; margin-left:35px; cursor: pointer;} + +.help-no-tabs {float:left; cursor:pointer;} + +/************ My Profile custom **********/ +.align-right{ +text-align:left; +} +.align-left{ +text-align:right; +} + + +.shading-bg { + padding: 5px; + padding-right: 10px; + padding-top: 10px; + margin-top: 10px; + margin-bottom: 10px; + width: 98%; + border-top: 1px solid #ccc; + background: url('../images/css/greyfade_bg.jpg') repeat-x 3px -1px +} + +.img-border { + padding: 2px; + border: 1px solid #dcdcdc; +} + +.userpage-td {border-right:1px solid #ccc;} + +.user-img {background: url('../images/css/user.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-monitor-img {background: url('../images/css/mycourses_monitor.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-mark-img {background: url('../images/css/mark.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-addlesson-img {background: url('../images/css/mycourses_addlesson.png') no-repeat 0 3px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-stop-img {background: url('../images/css/lesson_disabled.png') no-repeat 0 3px; margin-left:20px; margin-right:5px; padding:5px 0px 5px 25px; +} + +.mycourses-completed-img {background: url('../images/css/lesson_completed.png') no-repeat 0 3px; margin-left:20px; margin-right:5px; padding:5px 0px 5px 25px; +} + +/*IE style workarounds */ +* html #content { + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: -25px; + margin-left:auto; + margin-right:auto; + margin-bottom:10px; + width:90%; + height:100%; + padding-bottom:5px; + min-width:707px; + max-width:1024px; + position:relative; +} + +* html #content-main { /*box around the main content area */ + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: -15px; + margin-left:auto; + margin-right:auto; + margin-bottom:-5px; + width:90%; + height:100%; + padding-bottom:-5px; + min-width:707px; + max-width:1024px; +} + +* html #header { /*layout of the header */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +* html #header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +* html .nav-box-right { + height: 31px; + width: auto; + margin-left: -1px; + margin-top: 16px; + float: left; + text-align: center; + margin-right: 3px; +} + +* html #nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; +} + +* html .mycourses-right-buttons { + float:left; padding-left:15px; margin-top:6px; height:24px; font-size:11px; +} + +* html #content-main a.add-lesson-button { + background: url ('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #333366; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + margin-left:5px; + display: run-in; +} + +* html #content-main a:hover.add-lesson-button { + background: url ('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #006633; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:5px; + border-right:1px solid #d2d2d2; + display: run-in; +} + +* html #content-main a.manage-group-button { + background: url ('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #333366; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + margin-top:6px; + margin-left:10px; +} + +* html #content-main a:hover.manage-group-button { + background: url ('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #006633; + border: 0px none; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:10px; + border-right:1px solid #d2d2d2; +} + +* html .right-buttons {float:left; padding-left:20px; padding-top:5px;} + +* html .space-bottom { + margin-bottom: 40px; + +} + +* html #nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; + position:relative; + z-index:2; + margin-left:-1px; +} + +* html #page-mycourses { /*whole layout of page*/ + margin: 25px auto; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 95% 25px; +} + +/*IE 7 workarounds */ + +*:first-child+html #content { + background-color:#fff; + font-size: 11px; + border:1px solid #d4d8da; + margin-top: -25px; + margin-left:auto; + margin-right:auto; + margin-bottom:10px; + width:90%; + height:100%; + padding-bottom:15px; + min-width:707px; + max-width:1024px; + position:relative; +} + +*:first-child+html #page-mycourses { /*whole layout of page*/ + margin: 25px auto; + width: 100%; + background: url('../images/css/lams_logo.gif') no-repeat 95% -5px; +} + +*:first-child+html .nav-box-right { + height: 31px; + width: auto; + margin-left: -1px; + margin-top: -18px; + float: left; + text-align: center; + margin-right: 3px; +} + +*:first-child+html .mycourses-right-buttons { + float:left; padding-left:15px; margin-top:6px; height:24px; font-size:11px; +} + +*:first-child+html #header { /*layout of the header */ + width: 90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:5px; +} + +*:first-child+html #header-my-courses { /*layout of the header */ + width:90%; + min-width:707px; + max-width:1024px; + margin-left:auto; + margin-right:auto; + margin-bottom:-25px; +} + +*:first-child+html #nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: 100%; + height: 40px; + position:relative; + z-index:2; +} + +*:first-child+html .nav-box-right { + height: 0px; + width: auto; + margin-left: -1px; + margin-top: -14px; + float: left; + text-align: center; +} + + + + +/* Index Page more actions drop down menu */ +ul.more-actions-list { + background: white; + position: absolute; + z-index: 99; + display: none; + margin: 0px; + padding: 2px; + border:thin solid gray; +} + +ul.more-actions-list li { + padding: 6px; + font-size: 10px; + margin: 0px; + list-style: none; +} + + +#content-main a.more-actions-button { + background: url('../images/css/more_options.rtl.png') no-repeat top right; + color: #333366; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display:block; +} + +#content-main a:hover.more-actions-button { + background: url('../images/css/more_options.rtl.png') no-repeat top right; + color: #006633; + padding: 5px 30px 3px 12px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: block; +} + + +#content-main a.my-grades-button { + background: url('../images/css/my-grades.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.my-grades-button { + background: url('../images/css/my-grades.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.course-gradebook-button { + background: url('../images/css/course_gradebook.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.course-gradebook-button { + background: url('../images/css/course_gradebook.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a.search-lesson { + background: url('../images/css/search_lesson.png') no-repeat 0px 0px; + color: #333366; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + display: run-in; +} + +#content-main a:hover.search-lesson { + background: url('../images/css/search_lesson.png') no-repeat 0px 0px; + color: #006633; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} \ No newline at end of file Index: lams_central/web/css/highContrast_rtl_learner.css =================================================================== diff -u --- lams_central/web/css/highContrast_rtl_learner.css (revision 0) +++ lams_central/web/css/highContrast_rtl_learner.css (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -0,0 +1,534 @@ +/* +************************************************* +LAMS 2.0 +Date modified: 22/09/2006 + +************************************************* +General page styles +********************************************** */ + +* { + margin:0; + padding:0; +} + +body { + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +body.stripes { + background: url('../images/css/diagonal_bg.gif'); +} + +a { + color: #006633; + text-decoration: none; + border-bottom: 1px dotted #006633; +} + +a:hover { + color: #006633; + text-decoration: none; + border-bottom: 1px solid #006633; +} + +.row { + voice-family: "\"}\""; /* hide the following rules from IE5 */ + voice-family: inherit; + overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ +} + +* html .row { + height: 1%; +} /* part of the CSS 'clearing hack' */ + + +h1 {color:#0000ff; + font-size:15px; + margin-bottom:5px; + } + +h2 {color:#006633; + font-size:14px; + padding-top:10px; + margin-bottom:5px; } + +span.h2font {color:#006633; + font-size:14px; } + + +h3 {color:#006633; + font-size:13px; + margin-top:10px; + margin-bottom:5px; } + + +h4 {color:#0000ff; + font-size:11px; + margin-top:10px; + margin-bottom:10px; + padding:0; + } + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0000ff; + margin-bottom:0; + margin-top:0; + background: url('../images/css/blue_arrow_left.gif') no-repeat 0 0px; + padding-right: 30px; + padding-bottom: 10px; + font-size:13px; +} + +p { + margin-right: 30px; + margin-bottom: 10px; + margin-top:10px; +} + +b.error {color:#990000;} + +ul { + margin-right: 25px; + margin-left: 30px; +} + +ul li { list-style-type:circle;} + +ol { + margin-right: 25px; + margin-left: 30px; +} + +ul li { list-style-type:circle;} + +li.no-list-type { + list-style-type: none; +} +/*layout of the table with the alternate color for the table heading cell */ +table.alternative-color { + width:100%; + margin-right:0px; + padding-top:0px; + margin-bottom:15px; + margin-top:10px; + text-align:right; +} + +table.alternative-color th { + background: url('../images/css/green_bg.jpg') repeat-x; + height: 30px; + color: #006633; + padding-right: 15px; + border-right: 1px solid #cacdd1; + border-left: 1px solid #fff; + font-size: 12px; +} + +table.alternative-color td { + padding:5px; + padding-right: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.alternative-color td.first, table.alternative-color th.first { + border-right: none; + padding-right: 20px; +} + +/* jquery tablesorter pager plugin */ +table.tablesorter-admin td { + text-align: center; + padding:5px; + padding-left: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: top; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 0px +} + +table.tablesorter-admin th { + background-color: #e7f3cf; + height: 30px; + color: #006633; + padding-left: 15px; + border-top: 1px solid #cacdd1; + border-left: 1px solid #cacdd1; + border-right: 1px solid #fff; + font-size: 12px; +} + +table.tablesorter-admin thead tr .header { + background-image: url(../images/css/bg.gif); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; + width: auto; + padding-right: 15px; +} + +table.tablesorter-admin thead tr .headerSortUp { + background-image: url(../images/css/asc.gif); +} + +table.tablesorter-admin thead tr .headerSortDown { + background-image: url(../images/css/desc.gif); +} + +/*layout of the forum tables with the colored table heading cell */ +table.forum { + width:100%; + margin-right:0px; + padding-top:5px; + margin-bottom:10px; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px; + text-align:right; + border-bottom:1px solid #efefef;} + +table.forum th { + background: url('../images/css/green_bg_forum.jpg') repeat-x #f0f5df; + height:26px; + padding-top:1px; + color:#006633; + padding-right:15px; + border-right:1px solid #cacdd1; + font-size:12px; + vertical-align:middle; +} + +table.forum td.posted-by { + background: url('../images/css/forum_postedby_bg.jpg') repeat-x; + height:20px; + padding-right:15px; + padding-top:0px; + font-size:10px; + vertical-align:top; + border-right:1px solid #cacdd1; + color:#333366; +} + +table.forum td { + padding:10px; + padding-right:20px; + font-size:11px; + vertical-align:top; +} + +/*layout of an inserted image */ +.image-border { + border:1px solid #e2e2e2; + padding:3px; + background-color:#fff; + margin:5px 10px; +} + +/*layout of the table with form elements */ + +table { + width:100%; + text-align:right; + } + +td { + + font-size:11px; + vertical-align:top; +} + +td p{ + padding:10px; + font-size:11px; + line-height:18px; +} + +/*layout of button in table */ +td p.button{ + margin:0px; + padding:10px 10px 10px 0px; + font-size:11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +/* */ /*layout of form styles */ +.field-name{ + color: #0000ff; + font-weight: bold; + text-align: right; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #006633; + font-weight: bold; + text-align: right; +} + +input { + border: 1px solid #c1c1c1; + padding: 2px; +} + +textarea { + border: 1px solid #c1c1c1; + padding: 2px; +} + +.noBorder { + border: none; +} + +/*misc styles*/ +.space-right { + margin-left: 10px; +} + +.space-left { + margin-right: 10px; +} + +.space-bottom { + margin-bottom: 40px; +} + + +.space-bottom-top { + padding-bottom: 20px; + padding-top: 20px; +} + +.small-space-bottom { + margin-bottom: 20px; +} + +.small-space-top {padding-top:6px;} + +.space-top {padding-top:20px;} + +.title-space-top {padding-top:12px;} + +hr {border:0px; + border-top:1px solid #ccc; + height: 1px; +} + +/* Warning message style */ +.warning { + color: #990000; + padding:8px 40px 10px 5px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: right; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 right 10px; + width: 70%; + border: 1px solid #E82A28; +} + + +.info { + color: #000000; + padding:8px 40px 10px 5px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: right; + font-weight: normal; + background: url('../images/css/edit.gif') no-repeat #d8e4f1 right 10px; + width: 70%; + border: 1px solid #3c78b5; +} + +.group-box { + padding:8px 40px 10px 10px; + margin-top: 20px; + margin-left: 0px; + margin-right: 0px; + font-weight: normal; + border: 1px solid #ccc; +} + +/************************************************* +Page layout +********************************************** */ + +#content { + margin-top:20px; + margin-left:auto; + margin-right:auto; + margin-bottom:30px; + width:85%; + height:100%; + border:1px solid #d4d8da; + background-color:#fff; + padding:20px 25px; + } + +#footer { + clear:inherit; + height:20px;} + + +.float-left {float:right;} + +.float-right {float:left;} + + +/* +************************************************* + +Buttons + +********************************************** */ + +.left-buttons {float:right;} + +.right-buttons {float:left;} + +/*layout of a general button*/ +#content a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +/* style to disbable input buttons */ +#content a.button .disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + } + +#content a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +input.disabled { + color: #666666; + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + border: 0px none; + padding:5px 20px 6px 20px; + font-size:11px; +} + +/*layout of a general button*/ +a.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +a:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + + +/*layout of adding a topic button */ +a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat right -20px; + color: #333; + border: 0px none; + padding:25px 25px 25px 15px; + text-decoration: none; +} + +a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat right -20px; + color: #006600; + border: 0px none; + padding:25px 25px 25px 15px; + text-decoration: none; +} + + +/*layout of adding a topic button */ +#content a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat right -20px; + color: #333; + border: 0px none; + padding:25px 25px 25px 15px; +} + +#content a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat right -20px; + color: #006600; + border: 0px none; + padding:25px 25px 25px 15px; +} + +/*layout of html editor button */ +#content a.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat right -20px; + color: #333366; + border: 0px none; + padding:25px 28px 25px 15px; +} + +#content a:hover.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat right -20px; + color: #333; + border: 0px none; + padding:25px 28px 25px 15px; +} + +/* Hovering submit button */ +input.button { + background: url('../images/css/btn_off.gif') repeat-x 0px 0px; + color: #333; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input:hover.button { + background: url('../images/css/btn_over.gif') repeat-x 0px 0px; + color: #006600; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +.text-area {width:99%} + +.shading-bg {padding:5px; padding-right:10px; padding-top:10px; margin-top:10px; margin-bottom:10px; width:99%; border-top:1px solid #ccc; background:url('../images/css/greyfade_bg.jpg') repeat-x 3px -1px} + +.shading-bg td {padding:5px;} + +.last-item {border-top:1px solid #ccc; height:20px;} + +.indent {margin-right:20px;} + +.middle {vertical-align:middle;} + +.help {text-align:left; margin-left:35px; cursor: pointer;} + +.help-no-tabs {float:left; cursor:pointer;} + +.align-right{ +text-align:left; +} +.align-left{ +text-align:right; +} \ No newline at end of file Index: lams_common/db/sql/insert_lams_users.sql =================================================================== diff -u -r7998a31f6d7d4f1eef3e866bafef22caa012eb7a -r06be19e416acd49df38de4b1e3c99b84a6c3f97e --- lams_common/db/sql/insert_lams_users.sql (.../insert_lams_users.sql) (revision 7998a31f6d7d4f1eef3e866bafef22caa012eb7a) +++ lams_common/db/sql/insert_lams_users.sql (.../insert_lams_users.sql) (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -6,6 +6,10 @@ INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (1, "default", "Default Flash style", null, 2); INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (2, "defaultHTML", "Default HTML style", "css", 1); +-- new high contrast theme LDEV-2419 +INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (3, "highContrast", "High Contrast HTML style", "css", 1); + + insert into lams_workspace (workspace_id, name, default_fld_id) values(1,'ROOT',1); insert into lams_workspace (workspace_id, name, default_fld_id, def_run_seq_fld_id) values(2,'Developers Playpen',2,22); insert into lams_workspace (workspace_id, name, default_fld_id, def_run_seq_fld_id) values(3,'MATH111',3,23); Index: lams_common/src/java/org/lamsfoundation/lams/dbupdates/patch02040000.sql =================================================================== diff -u -r7998a31f6d7d4f1eef3e866bafef22caa012eb7a -r06be19e416acd49df38de4b1e3c99b84a6c3f97e --- lams_common/src/java/org/lamsfoundation/lams/dbupdates/patch02040000.sql (.../patch02040000.sql) (revision 7998a31f6d7d4f1eef3e866bafef22caa012eb7a) +++ lams_common/src/java/org/lamsfoundation/lams/dbupdates/patch02040000.sql (.../patch02040000.sql) (revision 06be19e416acd49df38de4b1e3c99b84a6c3f97e) @@ -24,7 +24,9 @@ INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (1, "default", "Default Flash style", null, 2); INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (2, "defaultHTML", "Default HTML style", "css", 1); +INSERT INTO lams_theme (theme_id, name, description, image_directory, theme_type) VALUES (3, "highContrast", "High Contrast HTML style", "css", 1); + ALTER TABLE lams_user ADD CONSTRAINT FK_lams_user_4 FOREIGN KEY (flash_theme_id) REFERENCES lams_theme (theme_id) ON DELETE NO ACTION ON UPDATE NO ACTION; ALTER TABLE lams_user ADD CONSTRAINT FK_lams_user_5 FOREIGN KEY (html_theme_id) REFERENCES lams_theme (theme_id) ON DELETE NO ACTION ON UPDATE NO ACTION; --------------------