diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css index 4fd1d9f255..1f25495043 100644 --- a/main/css/corporate/default.css +++ b/main/css/corporate/default.css @@ -1,383 +1,263 @@ -/***************************************************** - * MAIN * - *****************************************************/ +/* Styles that should disappear */ +.row { + width:100%; +} +div.row div.label { + width: 0%; +} +div.row div.formw { + width: 100%; +} +/* Redefining html styles */ body { - font-family: arial, verdana, helvetica, sans-serif; + font-family: bold arial, verdana, helvetica, sans-serif; font-size: 12px; - color: #000; margin: 0; padding: 0; - background-color: #fff; -} - -#outerframe { - position: relative; /* do not remove, fixes a bug in IE */ - border: 1px solid #fff; - background-color: #fff; -} - -/* Hides from IE5-mac \*/ -* html #outerframe {height: 1%;} -/* End hide from IE5-mac */ - -#main { - position: relative; /* to avoid the IE peekabo bug*/ - margin: 0px auto; - margin-top: 10px; - width: 98%; - padding: 0px 10px 10px 10px; - background-color: #fff; - min-height: 320px; -} - -/* for content section in main index.php file */ -.maincontent { - float: left; - width: 78%; - padding: 4px; - background-color: #fff; -} -#center { - margin: 0 190px 0 0; - padding: 10px 0 40px 0; - min-height: 300px; -} -.invisible { - color: #999; -} -.invisible a:link, .invisible a:visited { - color: #999; } -a.invisible:link, a.invisible:visited { - color: #999; -} -.clear {clear: both; line-height: 0px; height: 0;} - - -input.link_alike { background-color: #FFFFFF; border-width: 0px; - color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; } -input.link_alike:hover { background-color: #FFFFFF; border-width: 0px; - color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; } - -/***************************************************** - * REDEFINED HTML TAGS * - *****************************************************/ img { border: none; } -p,blockquote,ol,ul { - font-size: 12px; -} -h1 { - font-size: 21px; -} -h2 { - font-size: 18px; -} -h3 { - font-size: 15px; - margin-top:0px; - padding-top:0px; -} -h4 { - font-size: 12px; -} -h5,h6 { - font-family: verdana, arial, helvetica, sans-serif; -} - -/* the following for regular elements */ a:link { - text-decoration: none; - font-weight : bold; color : #333; } a:visited { - text-decoration: none; - font-weight : bold; color : #333; } a:hover { - text-decoration: none; color: #f3840d; - font-weight: bold; } a:active { - text-decoration: none; - font-weight : bold; - color : #f00; -} -select, textarea { - color : #000; - border: 1px solid #000; -} -input.checkbox { - border-width: 0; } - - -select, -input[type=checkbox], -input[type=radio], -input[type=button], -input[type=submit] {cursor: pointer; font-size: 12px;} -input[text] {font-size: 12px; } - -/* user_portal course status icon */ -.coursestatusicons{ - border: 0px solid #000; - float: left; - padding-right: 5px; - width: auto; +input, input[type=file], select, textarea { + background:#F8F8F8; + border:1px solid #999999; + padding:1px 2px; } - -/* user_portal course list */ -.courses { - list-style-type: none; - margin-bottom: 5px; +input[type=button], input[type=submit] { + border:1px solid #999999; + background:#F0F0F0; + padding-left:10px; + padding-right:10px; + font-weight:bold; + color:#666; } -/***************************************************** - * HEADER STYLES * - *****************************************************/ +/* header styles */ #header { - width: 100%; - padding: 0; - margin: 0; } -/******************************************************** - * HEADER 1: Title, portal, organisation, course title * - ********************************************************/ +/* header 1 styles */ #header1 { - font-size: 12px; - padding: 4px; background-color: #dcdcdc; color: #666; border-bottom: 1px solid #ccc; } #header1 a { - color: #000; + color: #333; text-decoration: none; } -#header1 a:hover{ - text-decoration: underline; -} -#sitename { - margin: 0; - font-weight: bold; -} -#institution { - float: left; - font-weight: bold; -} - - -#top_corner -{ +#header1 a:hover { } - - -#my_courses { +#header1right { float: right; font-weight: bold; + margin-right: 100px; +} +#header1 img { + border: 0px; } -/******************************************************** - * HEADER 2: Users online, help, student/teacher view * - ********************************************************/ +/* header 2 styles */ #header2 { - position: relative; /* to avoid the IE peekabo bug*/ - font-size: 1.0em; - font-weight: normal; - padding: 0.2em 0.5em; - padding-bottom: 0.2em; background: #f0f0f0; color: #666; border-bottom: 1px solid #ccc; } #header2 a { - color: #666; + color: #333; text-decoration: none; - font-weight:normal; } -#header2 a:hover{ - text-decoration: underline; +#header2 a:hover { } -/* Header2Right: online users, student/teacher view, help */ -#Header2Right ul{ - position: relative; /* to avoid the IE peekabo bug*/ +#header2right ul { float: right; - width: 70%; - margin: 0; - padding: 0; list-style-type: none; text-align: right; + color:#680157; + margin: 0; + padding: 0; } -#Header2Right ul li { +#header2right ul li { display: inline; } -#Header2Right ul li a { - padding: 4px 6px 4px 4px; - color:#666; +#header2right ul li a { + color:#333; } - - -/***************************************************** - * HEADER 3: TABS OF THE HEADER * - *****************************************************/ +#header2right ul li a:hover { + color:#333; +} +/* header 3 styles */ #header3 { - font-size: 1.0em; - padding: 0.8em 0.5em 0.4em 0.5em; background: #fff; - color: #006; border-bottom: 1px solid #aeaeae; + color: #333; height:auto; - margin-bottom: 1px; -} -#header3 A { - PADDING-RIGHT: 15px; - DISPLAY: block; - PADDING-LEFT: 6px; - FONT-WEIGHT: bold; - BACKGROUND: url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; - PADDING-BOTTOM: 0px; - COLOR: #333; - PADDING-TOP: 5px; - TEXT-DECORATION: none; -} -#header3 A:hover { - COLOR: #333; - BACKGROUND: url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top; -} -#header3 UL { - PADDING-RIGHT: 10px; - PADDING-LEFT: 10px; - PADDING-BOTTOM: 0px; - MARGIN: 0px; - LIST-STYLE-TYPE: none; - display: inline; + font-weight: bold; } -#header3 LI { - PADDING-RIGHT: 0px; - PADDING-LEFT: 9px; - BACKGROUND: url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; - FLOAT: left; - PADDING-BOTTOM: 0px; - MARGIN: 0px; - PADDING-TOP: 0px; - /*border-bottom: 1px solid #dcdcdc;*/ -} -#header3 LI:hover { - PADDING-RIGHT: 0px; - PADDING-LEFT: 9px; - BACKGROUND: url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top; - PADDING-BOTTOM: 0px; - MARGIN: 0px; - PADDING-TOP: 0px -} -#header3 #current { - BACKGROUND-IMAGE: url(../../img/dokeosgrey/tab_left_active.gif); - border-bottom: 1px solid #fff; +#header3 ul { + list-style:none; } -#header3 #current A { - BACKGROUND-IMAGE: url(../../img/dokeosgrey/tab_right_active.gif); - COLOR: #333 +#header3 li { + /*display:inline;*/ + cursor: pointer; } - -#header3 .banner_links { - margin: 0; +#header3 a { + float:left; + background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; + text-decoration:none; + cursor: pointer; + color: #333; + padding-right: 1px; + padding-left: 9px; + height:25px; } - -#header3 input.logout { - /* makes an input appear like a link in this header */ - margin: 0 0 0 0; - padding: 0; - background-color: transparent; - border: none; - COLOR: #333; - font-size: 1.0em; - font-weight:bold; - font-family: verdana, arial, helvetica, sans-serif; - display: inline; - BACKGROUND: url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; - PADDING-RIGHT: 10px; - PADDING-TOP: 3px; +#header3 li a:hover { + float:left; + background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top; + text-decoration:none; + cursor: pointer; } -#header3 input:hover { - COLOR: #333; - BACKGROUND: url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top; +#header3 li a span { + float:left; + display:block; + background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; + color:#333; + cursor: pointer; + padding-right: 10px; + padding-top: 5px; + height:20px; } -#header3 input { - PADDING-RIGHT: 15px; - DISPLAY: block; - PADDING-LEFT: 6px; +#header3 li a:hover span { + float:left; + display:block; + background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top; + color:#333; + cursor: pointer; } -#header3 #logout { - margin-top: 0px; +#header3 #current a { + float:left; + background:url(../../img/dokeosgrey/tab_left_active.gif) no-repeat left top; + text-decoration:none; } - -#header3 input.logout:hover { - +#header3 #current a span { + float:left; + display:block; + background:url(../../img/dokeosgrey/tab_right_active.gif) no-repeat right top; } -#logout{ - display: inline; +#logout li a { float: right; - width: auto; - text-align: right; - font-size: 1.0em; + vertical-align:top; + background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; + margin-right:5px; + text-decoration:none; +} +#logout li a:hover { + float: right; + vertical-align:top; + background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top; + text-decoration:none; + margin-right:5px; +} +#logout li a span { + float:left; + display:block; + background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; + color:#333; + cursor: pointer; +} +#logout li a:hover span{ + background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top; } -/***************************************************** - * HEADER 3: not used * - *****************************************************/ + +/* header 4 styles */ #header4 { - background-color: #fff; - color: #009; - padding: 4px; - margin-bottom: 2px; - float: left; - clear:right; -} -#header4 a { - color: #666; + margin-left: 5px; + height: 21px; } -#header4 a:hover { - text-decoration: none; - color: #f3840d; +a.breadcrumb { + height: 21px; } -/* The tool shortcuts */ -#toolshortcuts { - text-align: right; - clear: right; +a.breadcrumb0 { + background:url(images/home.gif) no-repeat; + padding-left: 22px; } - -/***************************************************** - * FOOTER STYLES * - *****************************************************/ +/* footer styles */ #footer { - padding: 8px; - border-top: 1px solid #aeaeae; - background-color: #f0f0f0; - font-size: 12px; + background: transparent url("images/footer-right.jpg") no-repeat top right; + height:80px; + padding: 0px 0px 0px 0px; } -#footer .copyright { +#footerright { + margin-top: 10px; float: right; + margin-right:20px; } - -#bottom_corner -{ - +#footerleft { + padding-top: 10px; +} +#footer a { + color: #771A6A; +} +/* main styles */ +#main { + position: relative; + min-height: 320px; + padding-left: 17px; + padding-bottom: 5px; +} +/* my courses styles */ +#maincontent { + float: left; + width: 75%; + min-height: 333px; + margin-top:0; +} +.coursestatusicons { + border: 0px solid #000; + float: left; + padding-right: 5px; + width: auto; +} +.courseslist { + margin-left: -25px; +} +.courses { + list-style-type: none; + margin-bottom: 5px; +} +.courses a { + text-decoration:underline; +} +.user_course_category { + background-color: #efefef; + border: 1px solid #666; + font-weight: bold; + color: #666; + list-style-type: none; + margin: 5px; + padding: 5px; } - - - -/***************************************************** - * NAVIGATION MENU * - *****************************************************/ .menu { float: right; - width: 20%; - padding: 0 0 6px 0; - background-color: #f0f0f0; + width: 200px; + min-height: 150px; + background-color: #F0F0F0; border: 1px solid #bbb; + margin-right: 0px; + margin-bottom: 10px; + padding-bottom: 10px; +} +.menu form { + margin: 0px 6px 0 6px; } .menucaption { font-size: 12px; @@ -393,7 +273,7 @@ input[text] {font-size: 12px; } .menusectioncaption { position: relative; top: -9px; - background-color: #f0f0f0; + background-color:#F0F0F0; font-size: 12px; padding: 0 8px 0 4px; } @@ -402,260 +282,54 @@ input[text] {font-size: 12px; } margin: 0 0 12px 0; padding: 0; } -#centerwrap { - float: left; - width: 100%; - margin-right: -95%; - /* this needs to be less than 100% for Moz/Mac which thinks - it's empty otherwise. The difference is made up by putting a - negative left margin on the left float: - Note IE/Mac doesn't like this method ~ it wants the 100% so it can - be fed in using IE only CSS below becasue IE/Win also works with the 100% method. - */ -} -/* --- course navigation menu as a definition list --- */ -#swap_menu_link { - float: left; -} -#toolnavbox { - margin: 0 0 0 10px; - padding: 0; - float: left; - border: 1px solid #f0f0f0; +.note { + width: auto; + margin: 24px 6px 0 6px; + padding: 3px; + background-color:#bbb; + border: 1px outset; } -#toolnavbox dl { - width: 160px; - margin: 0 auto; - padding: 0; - background: transparent; - font-size: 12px; - text-align: center; +/* form styles */ +.form { + width: 75%; + float: 'left'; } -#toolnavbox dt { - margin: 0; - padding: 0; - font-weight: bold; - font-size: 12px; - text-align: center; - color: #000; - border-bottom: 1px solid #fff; - background: transparent; +form div.row { + clear: both; + padding-top: 5px; } -#toolnavbox dd { - margin: 0; - padding: 0; - color: #009; - text-align: left; - border-bottom:1px solid #fff; - background: #E5EDF9; +.form_header { + white-space: nowrap; + padding: 2px; + background-color: #f0f0f0; + border: 1px solid #bbb; + font-weight: bold; } -#toolnav img { +form div.row div.label { float: left; - width: 25px; - height: 25px; - margin: 0 4px 0 0; -} -#toolnavlist a, #toolnavlist a:link { - background: #E5EDF9; - color: #dcdcdc; - padding: 5px 5px 5px 10px; - margin: 0; - text-decoration: none; - display: block; -} -#toolnavlist a:hover { - background: #fff; - color:#dcdcdc; -} -#toolnavlist a#here { - background: #fff; - color:#dcdcdc; + width: 18%; + text-align: right; } -/* --- end of course navigation menu section --- */ -/* -this lets the navigation menu appear to the left: -#center { margin: 0 0 0 180px; padding: 10px 0 40px 0; - min-height: 300px; } - -#toolnav { float: left; width: 180px; padding: 20px 0 0 0; - margin-left: -5%; +form div.row div.formw { + width: 80%; } -#toolnav { float: right; width: 180px; padding: 0; margin: 0; - margin-left: -5%; /* the difference to make the left colum appear flush left */ +[dir=ltr] form div.row div.label, [dir=rtl] form div.row div.formw { + float: left; + text-align: right; } - -/* Hide from IE5-mac. Only IE-win sees this. \*/ -* html #toolnav { margin-right: 0px;} -* html #center { height: 1%; margin-left: 0; } - /* End hide from IE5/mac */ -*/ - -/***************************************************** - * LOGIN AND LANGUAGE FORM * - *****************************************************/ -#lang_form { +[dir=rtl] form div.row div.label, [dir=ltr] form div.row div.formw { + float: right; text-align: left; - font-size: 12px; - margin: 2px 0 10px 0; - padding: 2px; -} -#lang_form input, #lang_form select{ - font-size: 12px; -} - -#formLogin label { - font-size: 12px; - margin: 4px 6px; } -#formLogin input { - font-size: 13px; - margin: 4px 6px; -} -#login_fail { - margin: 0 6px 6px 6px; - padding: 4px; - border: 1px solid #f00; - background-color: #fff; - font-size: 12px; +form span.form_required { color: #f00; } -input.mainoption { - font-weight : bold; -} -input.liteoption { - font-weight : normal; -} - - - - - -/***************************************************** - * COURSE HOMEPAGE * - *****************************************************/ -/* various sections in course-home.php file */ -#toolremove { - width: 40%; +form span.form_error { color: #f00; - font-weight: bold; - margin: 10px auto; - padding: 10px; - border: 2px solid #f00; -} - -#courseintro { clear: both; width: 80%; margin: 10px auto; - padding: 10px; border-bottom: 1px solid #dcdcdc;} -#courseintro_icons { clear: both; width: 80%; margin: 10px auto;} - -.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/ - width: 80%; margin: 10px auto; padding: 10px;} - -.courseadminview, .platformadminview {position: relative; width: 80%; - margin: 25px auto 10px; padding: 10px; border: 1px solid #4171B5;} - -.viewcaption {position: relative; top: -20px; font-size: 12px; - font-weight: bold; color: #dcdcdc; background-color: #fff; padding: 0 4px;} -/***********************************/ - -/***************************************************** - * AGENDA * - *****************************************************/ -#agenda { - width: 100%; - margin: 0 auto; - border: 1px solid #bbb; - border-collapse: collapse; + font-size: x-small; + margin: 2px; } -.agenda_month_divider {background-color: #dcdcdc; font-weight: bold; - font-size: 12px; color: #fff; text-align: center;} -#agenda .title a { color: #fff;} -#agenda .agendaitem {font-size: 12px;} -#smallcalendar .title {background-color: #dcdcdc; font-weight: bold; padding: 2px; - color: #666; text-align: center; font-size: 11px;} -#smallcalendar .title a { color: #666;} -#agenda_select {list-style: none; border: 0px solid green; - margin: 30px 0 0 0; padding: 0 0 0 10px;} - - -/* --------------------------------------------------- - styles for the agenda (day, week, month view) ------------------------------------------------------*/ -#agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff; - border-collapse: collapse;} - -/*The caption of the calendar (displays the month and the << and >> links*/ -#agenda_list .title {background-color: #dcdcdc; font-weight: bold; - font-size: 12px; color: #666; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #bbb;} -#agenda_list .title a:link, #agenda_list #title a:visited {background-color: #dcdcdc; font-weight: bold; - font-size: 11px; color: #666; padding: 2px 10px;text-align: center;} -#agenda_list .title a:hover {background-color: #dcdcdc; font-weight: bold; - font-size: 11px; color: #f3840d; padding: 2px 10px;text-align: center;} - -/* The cells with the name of the days of the weeks (mon->sun)*/ -#agenda_list .weekdays {background-color: #dcdcdc; text-align: center; - font-weight: bold; border: 1px solid #264269; border-collapse: collapse;} - -/* The cells for the days (1->31) */ -#agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top; - border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;} -#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top; - border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;} -#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top; - border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;} - -/* text in the cells: display of agenda items (visible)*/ -#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px; - font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;} -#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} -#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} - -/*text in the cells: display of agenda items (invisible)*/ -#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px; - font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} -#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} -#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} - -/*text in the cells: display of agenda items (highlighted)*/ -#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px; - font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;} -#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} -#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px; - font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} - -/* --------------------------------------------------- - styles for the mini agenda ------------------------------------------------------*/ -#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff; - border-collapse: collapse;} -#smallcalendar .weekdays {background-color: #dcdcdc; text-align: center; - font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;} -#smallcalendar .days_week {background-color: #f5f5f5; text-align: center; - font-size: 11px; border-collapse: collapse;} -#smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center; - font-size: 11px; border: 1px solid #fff; border-collapse: collapse;} -#smallcalendar .days_today {width: 12%; text-align: center; - font-size: 11px; border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;} - -/* --------------------------------------------------- - styles for the personal agenda ------------------------------------------------------*/ -.personal_agenda {color: #008000; } -.personal_agenda a:link, .personal_agenda a:visited {color: #008000; } -a.personal_agenda:link, a.personal_agenda:visited {color: #008000; } -.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; } -a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } - -.ical_export { float: right; margin-top: 0.2em;} - -/***************************************************** - * DISPLAY MESSAGES * - *****************************************************/ -/* normal and erro message-box */ +/* feedback messages */ .normal-message { position: relative; margin: 10px auto; @@ -716,215 +390,362 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } background-color: #FFD1D1; min-height: 30px; } -.confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link -{ - position: absolute; - bottom: 0.2em; - right: 0.5em; +/* other styles */ +.clear { + clear: both; + line-height: 0px; + height: 0; +} +/* actions */ +.actions_lp { + background:#F8F8F8; + /*border-bottom:1px solid #999999; */ + /*border-top:1px solid #999999; */ + height:29px; + padding-left: -17px; + margin-bottom: 1px; + background:url(images/actions.jpg) repeat-x; + vertical-align:middle; + width: 90%; + margin-left:17px; +} +.actions_lp img { + vertical-align:middle; +} +.actions_lp a { + margin-right: 10px; + vertical-align:middle; +} +.actions_lp span { + margin-right: 10px; + vertical-align:middle; +} +.actions_lp form { + margin-right: 10px; + vertical-align:middle; +} +.actions { + background:#efefef; + border-bottom:1px dotted #999999; + border-top:1px dotted #999999; + height:35px; + padding:2px; + margin-bottom: 5px; + /*background:url(images/actions.jpg) repeat-x;*/ + vertical-align:middle; } -#message {margin: 0 auto; text-align: center;} -#message select {margin: 10px 0; width: 220px;} -#message textarea {margin: 10px 0;} -#message td {padding: 4px;} - -/********************************************** - * DOCUMENT MODULE * - **********************************************/ -/* styles from the document.php file */ -.comment { margin-left: 30px; } - -/* styles from the upload.php file */ -dl.upload_option {margin: 1em 0; padding: 0;} -.upload_option dt {font-weight:bold; margin:0;} -.upload_option dd {margin:0;} -.document_owner {text-align: right;} -/********************************************** - * DROPBOX MODULE * - **********************************************/ -/* styles from dropbox.php file */ -.dropbox_detail {font-size: small} -.dropbox_date { - color: #737780; - font-style: italic ; - font-weight: normal; +.actions img { + display:inline-block; + border: none; + text-decoration: none; + background-color: #efefef; + padding-right: 5px; + vertical-align:middle; +} +.actions a { + margin-right: 10px; + vertical-align:middle; +} +.actions span { + margin-right: 10px; + vertical-align:middle; +} +.actions form { + margin-right: 10px; + vertical-align:middle; +} +/* big actions */ +.actionsbig { + background:#F8F8F8; + border-bottom:1px solid #999999; + border-top:1px solid #999999; + background-color:#efefef; + height:64px; + padding:2px; + margin-bottom: 5px; + vertical-align:middle; } - -.dropbox_person {font-weight: bold} -.dropbox_listTitle { color: #000000;} -.dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto} -.dropbox_feedbacks {height: 250px; width: 100%; overflow: auto} - -/********************************************** - * CHAT MODULE * - **********************************************/ -/* styles for chat / conference tools */ -#chat_entermessage { -background-color: #D6E5FA; border-top: 1px solid #dcdcdc; - padding: 5px; margin: 0;} - -/* the following for the greyed out elements */ -a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;} -a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;} - -.note { margin: 6px; font-size: 12px; line-height: 14px; - font-family: verdana, arial, helvetica, sans-serif; background-color: #f0f0f0; - color: #dcdcdc; border: 1px solid #bbb; padding: 4px;} - -.alternativeBgLight { background-color: #f5f5f5; - border: 1px solid #dcdcdc; border-collapse: collapse;} -.alternativeBgDark { background-color: #ccf; - border: 1px solid #dcdcdc; border-collapse: collapse;} -.myagendatoday { - background-color: #FFCA8D; - border-collapse: collapse; - font-family: verdana, arial, helvetica, sans-serif; - color: #CC3300; - font-weight: bold; - } - -/***************************************************** - * FORM STYLES * - *****************************************************/ -div.row { - clear: both; - padding-top: 8px; +.actions img { + vertical-align:middle; } -div.row div.form_header { - white-space: nowrap; - padding: 2px; - background-color: #f0f0f0; - border: 1px solid #bbb; +.actions a { + margin-right: 10px; + vertical-align:middle; } -div.row div.label { +/* styles for the profile page */ +.profile_image { + float: right; + margin-right: 20px; +} +.profile_form { float: left; - width: 18%; - text-align: right; + width: 75%; } -div.row div.formw { +/* course introduction */ +#courseintrocenter { + position: relative; width: 80%; + margin: 25px auto 10px; } -[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw { - float: left; - text-align: right; +#courseintro_iconscenter { + position: relative; + width: 80%; + margin: 0px auto 10px; } -[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw { - float: right; +#courseintroleft { + position: relative; + width: 80%; + margin-bottom: 5px; +} +#courseintro_iconsleft { + position: relative; + width: 80%; +} +/* styles for the agenda */ +#agenda { + width: 100%; + margin: 0 auto; + border: 1px solid #CCCCCC; + border-collapse: collapse; +} +/* The cells with the name of the days of the weeks (mon->sun)*/ +.weekdays { + background-color: #dcdcdc; + text-align: center; + font-weight: bold; + border: 1px solid #CCCCCC; + border-collapse: collapse; +} +/* The cells for the days (1->31) */ +.days_week { + height: 40px; + width: 12%; + border: 1px solid #CCCCCC; + border-collapse: collapse; + background-color: #f9f9f9; +} +.days_weekend { + height: 40px; + width: 12%; + border: 1px solid #CCCCCC; + border-collapse: collapse; + background-color: #eaeaea; +} +.days_today { + height: 40px; + width: 12%; + border: 1px solid #CCCCCC; + border-collapse: collapse; + background-color: #FFCA8D; + color: #CC3300; + font-weight: bold; +} +.agenda_month_divider { + background-color: #666; + color: #fff; + text-align: center; +} +/*The caption of the calendar (displays the month and the << and >> links*/ +#agenda_list .title { + background-color: #680157; + color: #fff; text-align: left; + padding: 2px 10px; + text-align: center; + border: 1px solid #bbb; } -span.form_required { - color: #f00; +#agenda_list .title a:link, #agenda_list #title a:visited { + color: #fff; + padding: 2px 10px; + text-align: center; } -span.form_error { - color: #f00; - font-size: x-small; - margin: 2px; +#agenda_list .title a:hover { + color: #B70297; + padding: 2px 10px; + text-align: center; } - -/***************************************************** - * DATA TABLE STYLES * - *****************************************************/ -.cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;} /* header cell in data table in tools */ - -.data_table{ +/* text in the cells: display of agenda items (visible)*/ +#agenda_list .data { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: bold; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +#agenda_list .datanotbold { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +#agenda_list .text { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +/*text in the cells: display of agenda items (invisible)*/ +#agenda_list .data_hidden { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: bold; + border: 0px solid #dcdcdc; + border-collapse: collapse; + color: #999999; +} +#agenda_list .datanotbold_hidden { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; border-collapse: collapse; - width: 100%; + color: #999999; +} +#agenda_list .text_hidden { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; + border-collapse: collapse; + color: #999999; +} +/*text in the cells: display of agenda items (highlighted)*/ +#agenda_list .datanow { + background-color: #FFCC00; + text-align: left; + padding: 2px 10px; + font-weight: bold; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +#agenda_list .datanotboldnow { + background-color: #FFCC00; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +#agenda_list .textnow { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #dcdcdc; + border-collapse: collapse; +} +.personal_agenda { + color: #008000; +} +.personal_agenda a:link, .personal_agenda a:visited { + color: #008000; +} +a.personal_agenda:link, a.personal_agenda:visited { + color: #008000; +} +.personal_agenda a:hover, .personal_agenda a:hover { + color: #B70297; +} +a.personal_agenda:hover, a.personal_agenda:hover { + color: #B70297; +} +/* Login form */ +#formLogin div { + margin-bottom: 3px; +} +#formLogin div input[type=submit] { + width: 109px; +} +/* normal table*/ +.normal_table { + margin: 3px; + border-collapse: collapse; + width: 98%; + padding: 5px; +} +/* Data table */ +.data_table { + margin: 3px; + border-collapse: collapse; + width: 98%; padding: 5px; } -.data_table th{ +.data_table th { + font-weight: bold; padding-right: 20px; - border: 1px solid gray; - background-color: #f0f0f0; + border: 1px solid #666; + background-color: #999; + color: #fff; } -.data_table tr.row_odd{ +.data_table th a { + color: #fff; + text-decoration:none; +} +.data_table tr.row_odd { background-color: #fafafa; - } -.data_table tr.row_odd:hover, .data_table tr.row_even:hover{ +} +.data_table tr.row_odd:hover, .data_table tr.row_even:hover { background-color: #f0f0f0; } -.data_table tr.row_even{ +.data_table tr.row_even { background-color: #fff; } -.data_table td{ +.data_table td { padding: 5px; vertical-align: top; border-bottom: 1px solid #b0b0b0; border-right: 1px dotted #e1e1e1; border-left: 1px dotted #e1e1e1; } - -/* admin page tool list definitions */ -.tool_list dt { font-weight: bold; } -.tool_list dd { margin: 0; padding: 4px 0 0 10px;} - -/* divs for category list / platform news on home page */ -.home_cats {width: 45%; float: left; position: relative; - margin: 0; padding: 0px; padding-top: 8px; background: #fff;} - -.home_news {width: 45%; float: right; position: relative; - margin: 0; padding: 0px; padding-top: 8px; background: #fff;} - - -label.left { float: left; width: 15em; margin: 0 0 0.5em 0; } -form br { clear: both; } - -/* Fix for alignment problem in IE-Win browsers */ -/* Hide from IE5-mac. Only IE-win sees this. \*/ -* html .label { margin-right: 10px; } -* html .data { height: 1%; margin-left: 0;} -/* End hide from IE5/mac */ - -.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;} - -.required { color: #f00; font-weight: bold;} - -/* Admin section */ -div.admin_section { - width: 40%; - float: left; - padding: 5px; - margin: 10px 20px; -} -div.admin_section h4 { - margin: 0; - border-bottom: 1px solid gray; - width: 100%; -} -.user_course_category { - background-color: #efefef; - border: 1px solid #666; +/* sections in the page */ +.sectiontitle { + background-color: #EFEFEF; + border: 1px solid #cccccc; font-weight: bold; - color: #666; + color: #666666; list-style-type: none; margin: 5px; padding: 5px; } -.sessions_list { - line-height: 20px; margin-top: 20px; -} -.sessions_list_inactive { - line-height: 20px; +.sectioncomment { + color: #000000; + margin: 5px; + padding: 5px; } -.session_box { - background-color: #efefef; - border: 1px solid #666; - font-weight: bold; - color: #666; +.sectionvalue { list-style-type: none; margin: 5px; padding: 5px; - margin-bottom: 10px; } -.session_box_title { +/* invisible styles */ +a.invisible { + color: #999999; } -.session_box_coach { +a.invisible:visited { + color: #999999; } -.session_course_item { - padding: 0px; margin: 0px; +a.invisible:active { + color: #999999; } -/*************************************************************** - * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION * - ***************************************************************/ -.settingtitle{ +a.invisible:hover { + color: #999999; +} +/* Platform Administration */ +div.admin_section { + width: 40%; + float: left; + padding: 5px; + margin: 10px 20px; +} +div.admin_section h4 { background-color: #EFEFEF; border: 1px solid #cccccc; font-weight: bold; @@ -932,250 +753,250 @@ div.admin_section h4 { list-style-type: none; margin: 5px; padding: 5px; - font-size: 11px; - } -.settingcomment{ - color: #000000; - margin: 5px; - padding: 5px; - font-size: 11px; } -.settingvalue{ - list-style-type: none; - margin: 5px; - padding: 5px; +/* course homepage */ +.courseadminview, .platformadminview { + position: relative; + width: 80%; + margin: 25px auto 10px; + padding: 10px; + border: 1px solid #ccc; } - -/***************************************************** - * ANNOUNCEMENTS * - *****************************************************/ -.announcements_datum -{ - font-size: 12px; - font-style: italic; - color: #666666; -} -/***************************************************** - * SYSTEM ANNOUNCEMENTS * - *****************************************************/ -div.system_announcements{ -} -div.system_announcements h3{ - +.courseadminview img, .platformadminview img { + display:inline-block; + border: none; + text-decoration: none; + background-color: #fff; + padding-right: 5px; + vertical-align:middle; } -div.system_announcement{ - margin: 5px; +.viewcaption { + position: relative; + top: -20px; + font-weight: bold; + color: #ccc; + background-color: #fff; + padding: 0 4px; } -div.system_announcement_title{ +/* learning path */ +table.lp_build { + height:400px; + width:100%; } -div.system_announcement_content{ - margin-left: 20px; - border-left: 1px solid gray; - padding-left: 5px; +table.lp_build td { + vertical-align:top; } - - - - - - -/***************************************************** - * THE NEW FORUM * - *****************************************************/ -/* **** FORUM CATEGORY **** */ -.forum_category { - background-color: #0066CC; - color: #fff; +table.lp_build td.tree { + border-right:1px solid #999999; + width:240px; } -.forum_category a{ - color: #fff; +table.lp_build td.workspace { + padding: 0px; + padding-left:5px; + width:auto; } -.forum_category_header { - background-color: #0066CC; - color: #fff; +table.lp_overview { + width:100%; } -tr.forum_category_header a{ - color: #fff; +table.lp_overview td { + border-bottom:1px solid #999999; + border-top:1px solid #999999; + height:20px; + padding:3px; + vertical-align:middle; + width:auto; } - -/* **** FORUM **** */ -.forum_header{ - background-color: #EFEFEF; +table.lp_overview td.title { + width:200px; } - -/* **** THREAD **** */ -.forum_threadheader{ - color: #aaa; - background-color: #F7F7F7; +table.lp_overview td.actions { + text-align:center; + width:100px; } -tr.forum_threadheader td{ +table.lp_overview td.move { + text-align:center; + width:50px; } - -/* **** POST **** */ -.quote{ - background-color: #EFEFEF; +table.lp_overview th { + background:#FFFFFF; + padding-left:3px; + text-align:center; } -.forum_message_left { - width: 150px; - vertical-align: top; - /*border-bottom: 1px solid #666666;*/ - border-right: 1px solid #aaa; - background-color: #F7F7F7; +table.lp_overview tr { + background:#F8F8F8; } -.forum_message_left_2_be_approved { - width: 150px; - vertical-align: top; - /*border-bottom: 1px solid #666666;*/ - border-right: 1px solid #aaa; - background-color: #F7F7F7; - color: #999; +table.lp_overview tr:hover { + background:#E5EDF9; } -.forum_message_post_title{ - /*border-bottom: 1px solid #666666;*/ - font-weight: bold; - background-color: #F7F7F7; - height: 20px; +table.lp_overview img { + margin-left:3px; } -.forum_message_post_title_2_be_approved{ - /*border-bottom: 1px solid #666666;*/ - color: #999; - font-weight: bold; - background-color: #F7F7F7; - height: 20px; +table.lp_prerequisites th { + background:#F8F8F8; + border-bottom:1px solid #999999; + border-top:1px solid #999999; } -.forum_message_post_text{ - /*border-bottom: 1px solid #666666;*/ - margin-bottom: 10px; - vertical-align: top; +.lp_mediaplayer { + float: right; + padding-top: 3px; + margin-right: 5px; } -.forum_message_post_text_2_be_approved{ - /*border-bottom: 1px solid #666666;*/ - color: #999; - margin-bottom: 10px; - vertical-align: top; +div.lp_manipulate { + background:#F8F8F8; + border-bottom:1px dotted #999999; + margin-bottom:0px; + padding:3px 0 3px 10px; } -.current{ - font-weight: bold; +div.lp_manipulate a { + padding-right:10px; } -.structure{ - /*border-bottom: 1px solid #666666;*/ - font-weight: bold; - background-color: #F7F7F7; - height: 20px; +div.lp_resource_header { + background:#F0F0F0; + border:1px solid #999999; + font-weight:bold; + padding:10px; + width:350px; + cursor:pointer; + margin-top: -1px; +} +div.lp_resource_elements { + background:#FAFAFA; + border:1px solid #999999; + display:none; + padding:5px 10px; + width:350px; + margin-top: -1px; +} +.learnpath_chapter_form { + width: 300px; } -a.forum_group_link { - font-weight: lighter; - display:inline; +.learnpath_item_form { + width: 300px; } - - -.forum_description { - color: #000; - font-weight: normal; - font-family:Arial,sans,sans-serif; +#learnpath_preview_frame { + margin-top: 5px; + border:1px solid #CCCCCC; + height:490px; + width:95%; } - -.forum_title{ - color: #000; - font-size: 14px; - font-family:Arial,sans,sans-serif; - +/* exercices styles */ +.exercice_form { + width: 300px; } -.forum_low_description{ - color: #737780; - font-style: italic ; - font-weight: normal; - font-family:Arial,sans,sans-serif; +#validationButton { + text-decoration: none; + margin: 5px; + border:1px solid #999999; + background:#F0F0F0; + padding: 3px; + padding-left:10px; + padding-right:10px; + font-weight:bold; + color:#666; } - -.forum_attach_comment { - color: #737780; - font-style: italic ; - font-weight: normal; +.exercise_scenario_label { } - - -/* **** BLOG **** */ -span.blog_title { - font-size: 20px; - font-weight: bold; - color: #1657A9; +.exercise_scenario_element { } -span.blog_subttitle { - font-size: 12px; +span.checkbox { + width: 19px; + height: 25px; + padding: 0 5px 0 0; + background: url(images/checkbox.gif) no-repeat; + display: block; + clear: left; + float: left; } -td.blog_left { - margin-right: 5px; - padding-right: 5px; - border-right: 1px solid #dddddd; +span.radio { + width: 19px; + height: 25px; + padding: 0 5px 0 0; + background: url(images/radio.gif) no-repeat; + display: block; + clear: left; + float: left; } -td.blog_right { - padding-left: 10px; +/* forum styles */ +.forum_header { + background: #f3f3f3; + font-weight: bold; } -td.blog_menu_title { - background-color: #dddddd; - color: #1657A9; +.forum_message_left { + width: 150px; + vertical-align: top; + /*border-bottom: 1px solid #666666;*/ + border-right: 1px solid #aaa; + background-color: #F7F7F7; +} +.forum_message_post_title { + border-bottom: 1px solid #aaa; font-weight: bold; - font-size: 11px; - padding: 2px; + background-color: #F7F7F7; + height: 20px; +} +/* Survey styles */ +#survey_title { + background-color:#dcdcdc; + color:#000; + padding:2px; +} +#survey_subtitle { + background-color:#dcdcdc; + color:#000; + padding:2px; +} +.survey_content { + background-color:#EFEFEF; + color:#264269; + padding:5px; + border: 1px solid #999; +} +.survey_question_wrapper { + border: 1px solid #999; } -td.blog_menu { +.survey_question { + /* 264269 4271b5 E5EDF9 */ + background-color:#f0f0f0; + color:#999; + padding:5px;/*border: 1px solid #264269;*/ +} +.survey_question_options { + /* 264269 4271b5 E5EDF9 */ + background-color:#FFF; + color:#000; + padding:5px;/*border: 1px solid #264269;*/ +} +/* Blog */ +.blog_menu { border-bottom: 1px dashed #dddddd; border-right: 1px dashed #dddddd; border-left: 1px dashed #dddddd; padding: 10px; } -td.blog_menu ul { - margin-top: 0; - margin-right: 0; - margin-bottom: 0; - margin-left: 15px; - padding: 0; -} -td.blog_menu ul li { +.blogpost { + border: 1px solid #DDDDDD; + background-color: #ECECEC; + margin-bottom: 15px; + padding: 10px; } -span.blogpost_title { +.blogpost_title { display: block; - font-size: 18px; font-weight: bold; - color: #1657A9; padding-bottom: 5px; } -span.blogpost_date { +.blogpost_date { display: block; - font-size: 12px; font-weight: bold; color: #333333; padding-bottom: 10px; } -span.blogpost_info { +.blogpost_info { display: block; color: #333333; border-top: 1px solid #dddddd; margin-top: 5px; } -table.newBlog { - border: 1px solid #dddddd; - margin-bottom: 10px; - margin-top: 10px; - padding: 10px; - background-color: #f6f6f6; -} -table.newTask { - border: 1px solid #dddddd; - margin-bottom: 10px; - margin-top: 10px; - padding: 10px; - background-color: #f6f6f6; -} -table.new_comment { - border: 1px solid #dddddd; - margin-bottom: 10px; - margin-top: 10px; - padding: 10px; - background-color: #F4F4F4; -} -div.blogpost_comment { +.blogpost_comment { border-top: 1px dashed #dddddd; border-right: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd; @@ -1184,166 +1005,41 @@ div.blogpost_comment { padding: 10px; background-color: white; } -span.blogpost_comment_title { +.blogpost_comment_title { display: block; - font-size: 14px; font-weight: bold; color: #1657A9; padding-bottom: 5px; } -span.blogpost_comment_date { +.blogpost_comment_date { display: block; font-size: 10px; font-weight: bold; color: #333333; padding-bottom: 10px; } -span.blogpost_comment_info { +.blogpost_comment_info { font-size: 10px; display: block; color: #333333; border-top: 1px solid #dddddd; margin-top: 10px; } -div.blogpost { +.blogpost { border: 1px solid #DDDDDD; background-color: #ECECEC; margin-bottom: 15px; padding: 10px; } -div.comments { +.comments { border: 1px solid #dddddd; margin-bottom: 10px; margin-top: 10px; padding: 10px; background-color: #F4F4F4; } - -.attachment_comment { - color: #737780; - font-style: italic ; - font-weight: normal; -} - -.link {text-decoration: none; font-weight : bold; color : #1657A9; cursor: pointer} -.link:hover {text-decoration: none; color: #abd9f1; font-weight: bold; cursor: pointer} - -/***************************************************** - * INSTALLATION * - *****************************************************/ -#installation_steps{ - float:left; - background-color: #EFEFEF; -} -.current_step{ - font-weight: bold; - -} - - - - - - - - - - - - - - - -/************************************************************ - styles below here are not necessarily used in the current - release and the CVS files, they are from earlier versions, - and have been left untouched for anyone needing them in - their own platform ... -*************************************************************/ -.topBanner a:link, .topBanner a:active, .topBanner a:visited { - text-decoration:none; - color:white; -} -.topBanner table { - text-decoration:none; -} -.topBanner a:hover { - text-decoration:underline; -} -.topBanner td { - border-top: solid White 1px; -} -.alternativeBgLight { - background-color: #f5f5f5; -} -.alternativeBgDark { - background-color: #e6e6e6 -} -.forms { - letter-spacing: normal; - text-align: justify; - text-indent: 3pt; - word-spacing: normal; - padding: 2px 5px; -} -.formsTips { -text-align: justify; -text-indent: 15pt; -word-spacing: normal; -} -/* -input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal; -padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} -*/ -.warn { - border: thin double Silver; - margin-left: 15px; - margin-right: 15px; - font-family: serif; - color: Red; - padding-left: 25px; -} -.small { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 11px -} -.xsmall { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 11px -} -.xxsmall { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 9px -} - -#glossary_menu li{ - LIST-STYLE-TYPE: none; - display: inline; - padding-left:5px; -} -.glossary_divider -{ - text-transform: capitalize; - background-color: #CCCCCC; - padding: 3px; - font-weight: bold; - margin-bottom: 3px; - margin-top: 10px; -} -.glossary_word -{ - background-color: #F7F7F7; - padding: 3px; - font-weight: bold; - margin-bottom: 3px; - margin-top: 10px; -} - -/* - * TABBED INTERFACE - */ -#tabbed_menu -{ +/* tabbed menu */ +#tabbed_menu { width: 100%; height: 20px; border-bottom-width: 1px; @@ -1351,15 +1047,13 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} border-bottom-color: #666666; margin-bottom: 20px; } -#tabbed_menu #tabbed_menu_tabs li -{ +#tabbed_menu #tabbed_menu_tabs li { margin: 0 10; padding: 0; display: inline; list-style-type: none; } -#tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited -{ +#tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited { float: left; background: #f3f3f3; font-weight: bold; @@ -1370,187 +1064,17 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} text-decoration: none; color: #666; } -#tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active -{ +#tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active { border: 1px solid #666666; border-bottom: 1px solid #fff; background: #fff; color: #000; } - -#WCAG-editor { - border: 1px #DCDCDC solid; - background-color: #F0F0F0; - width: 100%; -} - -#WCAG-editor .title { - padding: 2px; - - background-color: #DCDCDC; - - text-align: center; - color: #000000; - font-weight: bold; -} - -#WCAG-editor .body { - padding-top: 5px; - padding-left: 5px; - padding-right: 13px; - padding-bottom: 5px; -} - -#WCAG-editor textarea { - margin-left: 0px; - margin-right: 0px; - width: 100%; - height: 180px; - - border: 1px #DCDCDC solid; -} - -#WCAG-editor input { - width: 100%; -} - -/* don't work on IE 6 */ -#WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] { - width: auto; -} - -/* only for IE6 */ -#WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest { - width: auto; -} - -#WCAG-content img { - float: left; - margin-right: 5px; - margin-bottom: 5px; -} - -#WCAG-content p { - text-align: justify; -} - -/* hack for IE < 7 */ - -#course_description input { - width: auto; -} - -#course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel { - width: 100%; -} - -.WCAG-form textarea { - width: 100%; - height: 180px; +#image_preview { + text-align:center; + padding-left: 17px; } .skip { display: none; } - - - -/* ------------------------------------------------------------------------------- - OTHERS ------------------------------------------------------------------------------- -*/ -.input_titles{ - width: 300px; -} -/* ------------------------------------------------------------------------------- - Survey ------------------------------------------------------------------------------- -*/ -#survey_title{ - background-color:#dcdcdc; - color:#000; - padding:2px; -} -#survey_subtitle{ - background-color:#dcdcdc; - color:#000; - padding:2px; -} -.survey_content{ - background-color:#EFEFEF; - color:#264269; - padding:5px; - border: 1px solid #999; -} -.survey_question_wrapper{ - border: 1px solid #999; -} -.survey_question{ - /* 264269 4271b5 E5EDF9 */ - background-color:#f0f0f0; - color:#999; - padding:5px; - /*border: 1px solid #264269;*/ -} -.survey_question_options{ - /* 264269 4271b5 E5EDF9 */ - background-color:#FFF; - color:#000; - padding:5px; - /*border: 1px solid #264269;*/ -} -.survey_export_link { float: right; } -/* -------------------------------------------------------------------------------^M - sessions -------------------------------------------------------------------------------^M -*/ - -#ajax_list_coachs { - position:absolute; - border:1px solid #4171B5; - margin:0px; - padding:0px; - margin-left:200px; - margin-top:-23px; - background-color:#FFFFFF; - height:auto; - overflow:auto; -} -#ajax_list_courses { - position:absolute; - border:1px solid #4171B5; - margin:0px; - padding:0px; - margin-left:200px; - background-color:#FFFFFF; - height:auto; - overflow:auto; -} -#ajax_list_users { - position:absolute; - border:1px solid #4171B5; - margin:0px; - padding:0px; - margin-left:200px; - background-color:#FFFFFF; - height:auto; - overflow:auto; -} - -#chat_login_name { - color : #333; -} -/* Quizzes tool */ -.quiz_export_link { float: right; } - -/* ------------------------------------------------------------------------------- - Learning path ------------------------------------------------------------------------------- -*/ -#show_audiorecorder_div{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px;} - - diff --git a/main/document/create_document.php b/main/document/create_document.php index 1d78397bcb..517159469a 100644 --- a/main/document/create_document.php +++ b/main/document/create_document.php @@ -1,5 +1,5 @@ -add_html_editor('content','', false, false); // Comment-field //$form->addElement('textarea', 'comment', get_lang('Comment'), array ('rows' => 5, 'cols' => 50)); -$form->addElement('submit', 'submit', get_lang('SaveDocument')); +$form->addElement('submit', 'submit', get_lang('CreateTheDocument')); $form->setDefaults($default); // HTML diff --git a/main/document/document.inc.php b/main/document/document.inc.php index 1320ffaf2a..930ff38716 100644 --- a/main/document/document.inc.php +++ b/main/document/document.inc.php @@ -1,4 +1,5 @@ -".get_lang("ShowCourseQuotaUse").""; - echo /*"
" - .*/ "

" . $message . "

" - /*. "
"*/; -} - /** * Create a html hyperlink depending on if it's a folder or a file * diff --git a/main/document/document.php b/main/document/document.php index 8cfcd8fb08..3da8aabe3b 100644 --- a/main/document/document.php +++ b/main/document/document.php @@ -1,4 +1,4 @@ - -
-
+ '; + echo '
'; /* GO TO PARENT DIRECTORY */ @@ -643,6 +642,7 @@ echo(build_directory_selector($folders,$curdirpath,(isset($group_properties['dir   + @@ -657,7 +657,7 @@ echo(build_directory_selector($folders,$curdirpath,(isset($group_properties['dir echo " ". get_lang('ViewSlideshow') . ""; } echo "
"; - + echo(build_directory_selector($folders,$curdirpath,(isset($group_properties['directory'])?$group_properties['directory']:array()),true)); //============================================================================== if(isset($docs_and_folders) && is_array($docs_and_folders)) @@ -682,7 +682,6 @@ if(isset($docs_and_folders) && is_array($docs_and_folders)) $invisibility_span_close = ($id['visibility']==0)?'':''; //size (or total size of a directory) $size = $id['filetype']=='folder' ? get_total_folder_size($id['path'],$is_allowed_to_edit) : $id['size']; - //get the title or the basename depending on what we're using if ($use_document_title=='true' AND $id['title']<>'') { @@ -834,19 +833,6 @@ if(!empty($table_footer)) echo $table_footer; } -/* -============================================================================== - Quota section - - Proposal: perhaps move/add the quota display to another section, e.g. course info -============================================================================== -*/ -if ($is_allowed_to_edit) display_document_options(); - -/* -============================================================================== - Footer -============================================================================== -*/ +// footer Display::display_footer(); ?> diff --git a/main/document/slideshow.php b/main/document/slideshow.php index b6de52bb8a..7152de815f 100644 --- a/main/document/slideshow.php +++ b/main/document/slideshow.php @@ -1,5 +1,5 @@ - -

-

- - - - - - - - - - - -
+
0) + { + echo ''; + } + echo '<<'.get_lang('_previous_slide'); + if ($slide > 0) + { + echo " "; + } -if ($slide > 0) -{ - echo ""; -} -?> - << 0) -{ - echo ""; -} -?> -  |  - "all") -{ + // next slide + if ($slide < $total_slides -1 and $slide_id <> "all") + { echo ""; -} -?> - >> - 0) + { + echo " "; + } -if ($slide > 0) -{ - echo ""; -} -?> -
- '.get_lang('_exit_slideshow').' '; -if ($slide_id <> "all") -{ - echo get_lang('_image')." ".$next_slide." ".get_lang('_of')." ".$total_slides; -} + // show thumbnails + if ($slide_id <> "all") + { + echo "".get_lang('_show_thumbnails')." "; + } + else + { + echo get_lang('_show_thumbnails').' '; + } + + $image = $sys_course_path.$_course['path']."/document/".$folder.$image_files_only[$slide]; + + // slideshow options + echo ''.get_lang('_set_slideshow_options').' '; ?> -
- + "all") { - echo "".get_lang('_show_thumbnails').""; -} -else -{ - echo get_lang('_click_thumbnails'); + echo get_lang('_image')." ".$next_slide." ".get_lang('_of')." ".$total_slides; } -$image = $sys_course_path.$_course['path']."/document/".$folder.$image_files_only[$slide]; - -// EXIF DATA, remove "and 0==1" in the if statement if you want to display the EXIT data in a popup -//if (exif_read_data($image)) -// { -// $_SESSION["exif_image"]=$image; -// -// echo "| Show Exif metadata"; -// } -?> -
-'.htmlspecialchars($image_files_only[$slide]); // ======================================================================= // TREATING THE POST DATA FROM SLIDESHOW OPTIONS