Index: lams_central/src/java/org/lamsfoundation/lams/web/tag/CssTag.java =================================================================== RCS file: /usr/local/cvsroot/lams_central/src/java/org/lamsfoundation/lams/web/tag/CssTag.java,v diff -u -r1.13 -r1.14 --- lams_central/src/java/org/lamsfoundation/lams/web/tag/CssTag.java 5 Oct 2006 02:13:43 -0000 1.13 +++ lams_central/src/java/org/lamsfoundation/lams/web/tag/CssTag.java 10 Nov 2006 04:03:45 -0000 1.14 @@ -26,6 +26,8 @@ import java.util.Iterator; import java.util.List; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpSession; import javax.servlet.jsp.JspException; import javax.servlet.jsp.JspWriter; import javax.servlet.jsp.tagext.TagSupport; @@ -34,6 +36,7 @@ import org.lamsfoundation.lams.util.CSSThemeUtil; import org.lamsfoundation.lams.util.Configuration; import org.lamsfoundation.lams.util.ConfigurationKeys; +import org.lamsfoundation.lams.web.filter.LocaleFilter; /** * Output the required css based in the user's details. Will output one or more @@ -58,6 +61,7 @@ private static final String LEARNER_STYLE = "learner"; // expandable private static final String TABBED_STYLE = "tabbed"; // fixed width + private static final String RTL_DIR = "rtl"; // right-to-left direction /** * */ @@ -66,15 +70,24 @@ } public int doStartTag() throws JspException { + HttpSession session = ((HttpServletRequest) this.pageContext.getRequest()).getSession(); String customStylesheetLink = null; + + boolean rtl = false; + String pageDirection = (String) session.getAttribute(LocaleFilter.DIRECTION); // RTL or LTR (default) + String serverURL = Configuration.get(ConfigurationKeys.SERVER_URL); - serverURL = ( serverURL != null ? serverURL.trim() : null); + serverURL = ( serverURL != null ? serverURL.trim() : null); + try { JspWriter writer = pageContext.getOut(); if ( serverURL != null ) { + if(pageDirection.toLowerCase().equals(RTL_DIR)) + rtl = true; + List themeList = CSSThemeUtil.getAllUserThemes(); Iterator i = themeList.iterator(); @@ -83,11 +96,11 @@ { String theme = (String)i.next(); if ( theme != null) { - theme = appendStyle(theme); + theme = appendStyle(theme, rtl); if (localLinkPath != null) customStylesheetLink = generateLocalLink(theme); else - customStylesheetLink = generateLink(theme,serverURL); + customStylesheetLink = generateLink(theme, serverURL); } if ( customStylesheetLink != null ) { @@ -122,10 +135,12 @@ } } - private String appendStyle(String stylesheetName) { + private String appendStyle(String stylesheetName, boolean rtl) { String ssName = stylesheetName; if ( ssName != null && ( getStyle() == null || getStyle().equals(LEARNER_STYLE)) ) { - ssName = ssName + "_" + "learner"; + ssName = (!rtl)?ssName + "_" + "learner":ssName + "_" + RTL_DIR +"_"+ "learner"; + } else { + ssName = (!rtl)?ssName:ssName + "_" + RTL_DIR; } return ssName; } Index: lams_central/web/css/defaultHTML_rtl.css =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/css/defaultHTML_rtl.css,v diff -u --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ lams_central/web/css/defaultHTML_rtl.css 10 Nov 2006 04:03:41 -0000 1.1 @@ -0,0 +1,1129 @@ +/* +************************************************* +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: #47bc23; + text-decoration: none; + border-bottom: 1px dotted #47bc23; +} + +a:hover { + color: #47bc23; + text-decoration: none; + border-bottom: 1px solid #47bc23; +} + +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:#0087e5; + 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:#0087e5; + font-size:16px; + margin-bottom:0px; + margin-left:10px; + padding-top:25px; } + +h2 {color:#47bc23; + 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; +} + +h3 {color:#47bc23; + font-size:12px; + margin-left:10px; + margin-bottom:10px; + margin-top:10px; } + + + +h4 {color:#47bc23; font-size:11px;} + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0087e5; + 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; +} + +li { list-style-type:circle;} + +#page { /*whole layout of page*/ + margin: 25px auto; + width: 707px; + background: url('../images/css/lams_logo.gif') no-repeat right 10px; +} + +#header { /*layout of the header */ + width: 707px; + height: 49px; + background: url('../images/css/top_bg.jpg') no-repeat bottom; +} + +#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; } + + + + + +/* +************************************************* + +Layout of tab navigation section + +********************************************** */ +#nav { /* layout of box that contains the main navigation */ + margin-top: 15px; + width: auto; + height: 40px; + margin-left: 4px; + +} + +#nav a { + color: #0087e5; + text-decoration: none; + font-size: 12px; + font-weight: bold; + border:0; +} + +#nav a:hover { + color: #006bb6; + 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; + 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: #0087e5 +} + +.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 */ + width: 707px; + background: url('../images/css/body_bg.jpg') repeat-y; + padding-bottom:40px; + padding-left:15px; + padding-right:15px; + font-size: 11px; + margin-top: -5px + +} + +/*layout of Links within the content area */ +#content a { + color: #47bc23; + text-decoration: none; + border-bottom: 1px dotted #47bc23; +} + +#content a:hover { + color: #47bc23; + text-decoration: none; + border-bottom: 1px solid #47bc23; +} + +/*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: #999; + 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: #349018; + 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: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: #349018; + 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: #349018; + 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: #349018; + border: 0px none; + padding:5px 15px 6px 25px; + font-size:11px; +} + +/************ The sequence name box **********/ +.sequence-name { + margin-top:5px; + margin-left:30px; + +} + +.sequence-name p{ + margin:0px; + +} + + +#content a.sequence-name-link { + color:#0087E5; + text-decoration: none; + border-bottom: 1px dotted #0087E5; + } + +#content a:hover.sequence-name-link { + color:#0087E5; + text-decoration: none; + border-bottom: 1px solid #0087E5; + +} + +#content a.disabled-sequence-name-link { + color:#FF6666; + text-decoration: none; + border-bottom: 1px dotted #FF6666; + } + + +#content a:hover.disabled-sequence-name-link { + color:#FF6666; + text-decoration: none; + border-bottom: 1px solid #FF6666; + +} + + +#content a.sequence-action-link { + color:#47bc23; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-left:20px; +} + +#content a:hover.sequence-action-link { + color:#47bc23; + 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:#47bc23; + padding-left:0px; + margin-top:12px; + margin-left:0px; +} + +.course-bg h4 { + font-size:12px; + color:#47bc23; + 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: #349018; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; +} + +input.disabled { + color: #999; + 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; +} + +#footer { /*layout of the footer - the bottom of the box */ + width: 707px; + height: 14px; + 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: #47bc23; + 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:#47bc23; + 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:#666; +} + + +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:94%; + margin-left:7px; + text-align:left; + } + +td { + padding:10px; + font-size:12px; +} + +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: #0087e5; + font-weight: bold; + text-align: left; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #47bc23; + 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; +} + +.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: #cc0000; + padding:8px 10px 10px 40px; + margin-top: 25px; + margin-left: auto; + margin-right: auto; + text-align: right; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px; + width: 70%; + border: 1px solid #E82A28; +} + +.warning-login { + color: #cc0000; + padding:5px 5px; + padding-left: 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 10px 8px; + width: 70%; + border: 1px solid #E82A28; +} + +b.error {color:#cc0000;} + +/* +************************************************* + +Login page styles + +********************************************** */ + + +#login-page { /*whole layout of login page*/ +margin:0px 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:330px; +float:right; +padding-right:40px; +margin-top:15px; +} + +#login-left-col a { + color:#47bc23; + text-decoration: underline; +} + +#login-left-col h1 { +margin:0px; +padding:0px; +} + +#login-left-col h2 { +margin:30px 3px 0px 0px; +padding:0px; +font-weight:100; +font-size:1.5em; +} + +#login-left-col h3 { +color:#239CF7; +font-size:11px; +margin: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; +} + +#login-right-col { +width:285px; +float:right; +margin-right:47px; +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:#47bc23; +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 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:#349018; +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:#999; +} + +.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; + width: 707px; + background: url('../images/css/lams_logo.gif') no-repeat 10px -7px; + +} + +#page-mycourses #footer { /*layout of the footer - the bottom of the box */ + width: 707px; + height: 14px; + background: url('../images/css/footer_bg.jpg') no-repeat top; +} + +#page-mycourses #footer p{ + padding:20px 0px 0px 10px; + text-align:center; + font-family: verdana, arial, helvetica, sans-serif; + font-size:.9em; + color:#999; +} + + +#header-my-courses { /*layout of the header */ + width: 707px; + height:65px; + background: url('../images/css/top_bg.jpg') no-repeat bottom; +} + +/* my courses nav */ + +.nav-box-right { + height: 31px; + width: auto; + margin-right: 2px; + margin-top: 16px; + float: right; + text-align: center;} + +#nav-right { /* layout of box that contains the main navigation */ + margin-top:30px; + width: auto; + height: 40px; + margin-right: 1px; +} + +#nav-right a { + color: #0087e5; + text-decoration: none; + font-size: 12px; + font-weight: bold; +} + +#nav-right a:hover { + color: #006bb6; + text-decoration: none; +} + +#nav-right a.selected { + color: #333; +} + + +/* my courses grey buttons in the green bar */ + +.mycourses-right-buttons {float:right; padding-right:20px; margin-top:11px; height:24px; font-size:11px} + +#content a.add-lesson-button { + background: url('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #666; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + margin-top:6px; + margin-left:5px; +} + +#content a:hover.add-lesson-button { + background: url('../images/css/add_lesson.jpg') no-repeat 0px 0px; + color: #47bc23; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:5px; + border-right:1px solid #d2d2d2; + border-bottom: 0px; +} + +#content a.manage-group-button { + background: url('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #666; + padding: 5px 12px 6px 30px; + text-decoration: none; + border-right:1px solid #d2d2d2; + border-bottom: 0px; + margin-top:6px; + margin-left:10px; +} + +#content a:hover.manage-group-button { + background: url('../images/css/manage_groups.jpg') no-repeat 0px 0px; + color: #47bc23; + padding: 5px 12px 6px 30px; + text-decoration: none; + margin-top:0px; + margin-left:10px; + 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.jpg') no-repeat top; + margin-left:0px; + +} + +.course-bg h2 { + font-size:13px; + color:#47bc23; + padding-left:0px; + margin-top:12px; + margin-left:0px; +} + +.course-bg h4 { + font-size:12px; + color:#47bc23; + 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 a.sequence-name-link { + color:#0087E5; + text-decoration: none; + border-bottom: 1px dotted #0087E5; + } + + +#content a:hover.sequence-name-link { + color:#0087E5; + text-decoration: none; + border-bottom: 1px solid #0087E5; + +} + +#content a.sequence-action-link { + color:#47bc23; + text-decoration: none; + border:0px; + font-variant:small-caps; + margin-left:20px; +} + +#content a:hover.sequence-action-link { + color:#47bc23; + text-decoration: none; + border-bottom:0px; + font-variant:small-caps; + margin-left:20px; + } + + +/************ 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: #666; +} + +/*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;} \ No newline at end of file Index: lams_central/web/css/defaultHTML_rtl_learner.css =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/css/defaultHTML_rtl_learner.css,v diff -u --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ lams_central/web/css/defaultHTML_rtl_learner.css 10 Nov 2006 04:03:41 -0000 1.1 @@ -0,0 +1,439 @@ +/* +************************************************* +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; + line-height:16px; +} + +body.stripes { + background: url('../images/css/diagonal_bg.gif'); +} + +a { + color: #47bc23; + text-decoration: none; + border-bottom: 1px dotted #47bc23; +} + +a:hover { + color: #47bc23; + text-decoration: none; + border-bottom: 1px solid #47bc23; +} + +strong {color:#333;} + +.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:#0087e5; + font-size:15px; + margin-bottom:5px; + } + +h2 {color:#47bc23; + font-size:14px; + padding-top:10px; + margin-bottom:5px; } + + +h3 {color:#47bc23; + font-size:13px; + margin-top:10px; + margin-bottom:5px; } + + +h4 {color:#0087e5; + 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: #0087e5; + 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:#cc0000;} + +ul { + margin-left: 25px; + margin-right: 30px; +} + +li { list-style-type:square;} + +/*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: #47bc23; + 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 +} + + +/*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:20px; + padding-top:5px; + color:#47bc23; + 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:#666; +} + + +table.forum td { + 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: #0087e5; + font-weight: bold; + text-align: left; + padding-bottom:10px; +} + +.field-name-alternative-color { + color: #47bc23; + 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: #cc0000; + 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; +} + + +/************************************************* +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;} + + +/* +************************************************* + +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 disbable input buttons */ +#content a.button .disabled { + color: #999; + 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: #349018; + border: 0px none; + padding:5px 20px 6px 20px; + text-decoration: none; +} + +input.disabled { + color: #999; + 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: #349018; + 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: #349018; + 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: #349018; + 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: #666; + 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: #349018; + 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-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} + +.last-item {border-top:1px solid #ccc; height:20px;} + +.indent {margin-left:20px;} + +.middle {vertical-align:middle;} \ No newline at end of file Index: lams_central/web/images/css/lams_login_bar.rtl.jpg =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/images/css/lams_login_bar.rtl.jpg,v diff -u Binary files differ