/* 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-size: 12px; color: #000; background-color: #fff; margin: 0; padding: 0; } img { border: none; } a { font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } a:link { color: #317100; } a:visited { color: #317100; } a:hover { color: #683000; } a:active { } input, input[type=file], select, textarea { border:1px solid #EE4C03; padding:1px 2px; } input[type=button], input[type=submit] { border:1px solid #EE4C03; background:#F0F0F0; padding-left:10px; padding-right:10px; font-weight:bold; color:#EE4C03; } /* header 1 styles */ #header { background: transparent url('images/bgheader.jpg') repeat-y top right; font-weight: bold; } #header1 { padding-left: 30px; } #header1 a { text-decoration: none; } #header1 a:hover { } #my_courses { float: right; font-weight: bold; } #header1 img { border: 0px; } /* header 2 styles */ #header2 { float: right; clear: right; } #header2 a { text-decoration: none; } #header2 a:hover { } #Header2Right ul { float: right; list-style-type: none; text-align: right; margin: 0; padding: 0; } #Header2Right ul li { display: inline; } #Header2Right ul li a { } #Header2Right ul li a:hover { } /* header 3 styles */ #header3 { border-bottom: 1px solid #aeaeae; height:auto; font-weight: bold; margin: 0; padding: 0; } #header3 ul { list-style:none; } #header3 li { display:inline; cursor: pointer; } #header3 a { float:left; text-decoration:none; cursor: pointer; padding-right: 1px; height:25px; } #header3 li a:hover { float:left; text-decoration:none; cursor: pointer; } #header3 li a span { float:left; cursor: pointer; padding-right: 10px; padding-top: 5px; height:20px; } #header3 li a:hover span { float:left; cursor: pointer; } #header3 #current a { color: #fff; float:left; text-decoration:none; } #header3 #current a span { float:left; } #logout li a { display: inline; float: right; vertical-align:top; margin-right:5px; text-decoration:none; } #logout li a:hover { float: right; vertical-align:top; text-decoration:none; margin-right:5px; } #logout li a span { float:left; cursor: pointer; } #logout li a:hover span{ } /* header 4 styles */ #header4 { background-color: #fff; height: 21px; } a.breadcrumb { height: 21px; } a.breadcrumb0 { background:url(images/home.gif) no-repeat; padding-left: 22px; } /* footer styles */ #footer { background: #4171b5 url('images/bg.jpg') no-repeat 100% 100%; color: #f7d77e; padding: 82px 0 .8em 2%; } #footerright { margin-top: 10px; float: right; margin-right:20px; } #footerleft { padding-top: 10px; } #footer a { font-weight:normal; } /* main styles */ #main { padding-left: 30px; position: relative; min-height: 320px; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; } /* my courses styles */ #maincontent { float: left; width: 80%; min-height: 333px; margin-top:0; float: right; clear: right; } .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: transparent url("images/thindivider.jpg") no-repeat left; background-color: #fff; padding-top: 10px; font-weight: bold; color: #666; list-style-type: none; margin: 5px; padding: 5px; padding-left: 130px; } .menu { background: url('images/bglogin.jpg') repeat-y top center; float: left; clear: left; width: 215px; border: 1px solid #EE4C03; margin: 0 0 1em 0; padding: 0 0 .3em 0; /* min-height hack for ie6 or older*/ min-height: 320px; height: auto !important; height: 320px; } .menu #lang_form select { margin: 1em 31px; } .menu form { color: #000915; font-weight: bold; margin-bottom: .8em; text-align: center; } .menucaption { font-size: 12px; font-weight: bold; padding-left: 12px; } .menusection { width: 100%; margin: .3em 0 .3em 0; padding-left: 3px; } .menusectioncaption { font-weight:bold; position: relative; } .menulist { list-style: none; padding: 0; } .note { width: auto; margin: 24px 6px 0 6px; padding: 3px; border: 2px outset; border-color:#4171b5; } /* form styles */ .form { width: 75%; float: 'left'; } form div.row { clear: both; padding-top: 5px; } .form_header { white-space: nowrap; padding: 2px; background-color: #f0f0f0; border: 1px solid #bbb; font-weight: bold; } form div.row div.label { float: left; width: 18%; text-align: right; } form div.row div.formw { width: 80%; } [dir=ltr] form div.row div.label, [dir=rtl] form div.row div.formw { float: left; text-align: right; } [dir=rtl] form div.row div.label, [dir=ltr] form div.row div.formw { float: right; text-align: left; } form span.form_required { color: #f00; } form span.form_error { color: #f00; font-size: x-small; margin: 2px; } /* feedback messages */ .confirmation-message,.error-message,.normal-message,.warning-message { border: 2px solid #EE8003; margin: 1em auto; padding: 40px .5em .5em .3em; position: relative; width: 500px; color: #EE4C03; background: transparent url('images/alert.jpg') no-repeat 54px 0px; font: bold 110% Arial, sans-serif, sans; text-align: left; } .confirmation-message img,.error-message img,.normal-message img,.warning-message img { position: absolute; top: 0; left: 238px; } .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-color:#FDDEAA; border-bottom:1px solid #EE4C03; border-top:1px solid #EE4C03; height:29px; padding-left: -17px; margin-bottom: 1px; 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-color:#FDDEAA; border-bottom:1px solid #EE4C03; border-top:1px solid #EE4C03; /*height:35px;*/ padding:2px; margin-bottom: 5px; /*background:url(images/actions.jpg) repeat-x;*/ vertical-align:middle; } .actions img { /*display:inline-block;*/ border: none; text-decoration: none; background-color: #FDDEAA; padding-right: 5px; vertical-align:middle; } .actions a { display:inline-block; 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 #4171b5; border-top:1px solid #4171b5; background-color:#efefef; height:64px; padding:2px; margin-bottom: 5px; vertical-align:middle; } .actions img { vertical-align:middle; } .actions a { margin-right: 10px; vertical-align:middle; } /* styles for the profile page */ .profile_image { float: right; margin-right: 20px; } .profile_form { float: left; width: 75%; } /* course introduction */ #courseintrocenter { position: relative; width: 80%; margin: 25px auto 10px; } #courseintro_iconscenter { position: relative; width: 80%; margin: 0px auto 10px; } #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: #FDDEAA; color: #EE4C03; text-align: center; border:1px solid #EE4C03; } /*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; } #agenda_list .title a:link, #agenda_list #title a:visited { color: #fff; padding: 2px 10px; text-align: center; } #agenda_list .title a:hover { color: #B70297; padding: 2px 10px; text-align: center; } /* 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; } .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: 100%; padding: 5px; } .data_table th { text-transform: capitalize; padding: .2em; background: #FDDEAA url('images/headertables.jpg') repeat-x; color: #3c471c; border-right: 1px solid #fff; } .data_table th a { text-decoration:none; } .data_table th a:hover{ } .data_table tr.row_odd { border-right: 1px solid #fff; background: #ffea9f; padding: .2em; color: #00122B; margin: 0; } .data_table tr.row_odd:hover, .data_table tr.row_even:hover { background-color: #eebb03; } .data_table tr.row_even { border-right: 1px solid #fff; background: #ffdc9f; padding: .2em; color: #00122B; margin: 0; } .data_table td { padding: 5px; vertical-align: top; border-bottom: 2px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; } /* sections in the page */ .sectiontitle { background: url('images/headertables.jpg') repeat-x top center; background-color: #ffb963; border: 1px solid #EE4C03; font-weight: bold; color: #EE4C03; list-style-type: none; margin: 5px; padding: 5px; } .sectioncomment { color: #000000; margin: 5px; padding: 5px; } .sectionvalue { list-style-type: none; margin: 5px; padding: 5px; } /* invisible styles */ a.invisible { color: #999999; } a.invisible:visited { color: #999999; } a.invisible:active { color: #999999; } a.invisible:hover { color: #999999; } /* Platform Administration */ div.admin_section { width: 40%; float: left; margin: 10px 20px; border: 1px solid #EE4C03; } div.admin_section h4 { background-color: #FDDEAA; font-weight: bold; list-style-type: none; margin: 0px; padding: 5px; } /* course homepage */ .courseadminview, .platformadminview { position: relative; width: 80%; margin: 25px auto 10px; padding: 10px; border: 1px solid #EE4C03; } .courseadminview img, .platformadminview img { display:inline-block; border: none; text-decoration: none; background-color: #fff; padding-right: 5px; vertical-align:middle; } .viewcaption { position: relative; top: -20px; font-weight: bold; background-color: #fff; padding: 0 4px; } /* learning path */ table.lp_build { height:400px; width:100%; } table.lp_build td { vertical-align:top; } table.lp_build td.tree { border-right:1px solid #999999; width:240px; } table.lp_build td.workspace { padding: 0px; padding-left:5px; width:auto; } table.lp_overview { width:100%; } table.lp_overview td { border-bottom:1px solid #999999; border-top:1px solid #999999; height:20px; padding:3px; vertical-align:middle; width:auto; } table.lp_overview td.title { width:200px; } table.lp_overview td.actions { text-align:center; width:100px; } table.lp_overview td.move { text-align:center; width:50px; } table.lp_overview th { background:#FFFFFF; padding-left:3px; text-align:center; } table.lp_overview tr { background:#F8F8F8; } table.lp_overview tr:hover { background:#E5EDF9; } table.lp_overview img { margin-left:3px; } table.lp_prerequisites th { background:#F8F8F8; border-bottom:1px solid #999999; border-top:1px solid #999999; } .lp_mediaplayer { float: right; padding-top: 3px; margin-right: 5px; } div.lp_manipulate { background:#F8F8F8; border-bottom:1px dotted #999999; margin-bottom:0px; padding:3px 0 3px 10px; } div.lp_manipulate a { padding-right:10px; } 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; } .learnpath_item_form { width: 300px; } #learnpath_preview_frame { margin-top: 5px; border:1px solid #CCCCCC; height:490px; width:95%; } /* exercices styles */ .exercice_form { width: 300px; } #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; } .exercise_scenario_label { } .exercise_scenario_element { } span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(images/checkbox.gif) no-repeat; display: block; clear: left; float: left; } span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(images/radio.gif) no-repeat; display: block; clear: left; float: left; } /* forum styles */ .forum_header { background: transparent url('images/line.jpg') repeat-x bottom center; font-weight: bold; } .forum_threadheader { background: transparent url('images/line.jpg') repeat-x bottom center; font-weight: bold; } .forum_message_left { width: 150px; vertical-align: top; /*border-bottom: 1px solid #666666;*/ border-right: 1px solid #EE4C03; background: url('images/bglogin.jpg') repeat-y top center; background-color: #ebc41f; } .forum_message_post_title { border-bottom: 1px solid #EE4C03; font-weight: bold; background-color: #FDDEAA; height: 20px; color: #EE4C03; } /* 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; } .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; } .blogpost { border: 1px solid #DDDDDD; background-color: #ECECEC; margin-bottom: 15px; padding: 10px; } .blogpost_title { display: block; font-weight: bold; padding-bottom: 5px; } .blogpost_date { display: block; font-weight: bold; color: #333333; padding-bottom: 10px; } .blogpost_info { display: block; color: #333333; border-top: 1px solid #dddddd; margin-top: 5px; } .blogpost_comment { border-top: 1px dashed #dddddd; border-right: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd; border-left: 1px dashed #dddddd; margin-bottom: 10px; padding: 10px; background-color: white; } .blogpost_comment_title { display: block; font-weight: bold; color: #1657A9; padding-bottom: 5px; } .blogpost_comment_date { display: block; font-size: 10px; font-weight: bold; color: #333333; padding-bottom: 10px; } .blogpost_comment_info { font-size: 10px; display: block; color: #333333; border-top: 1px solid #dddddd; margin-top: 10px; } .blogpost { border: 1px solid #DDDDDD; background-color: #ECECEC; margin-bottom: 15px; padding: 10px; } .comments { border: 1px solid #dddddd; margin-bottom: 10px; margin-top: 10px; padding: 10px; background-color: #F4F4F4; } /* tabbed menu */ #tabbed_menu { border: 1px solid #EE8003; background: transparent url('images/dropbox.jpg') no-repeat top left; width: 300px; margin: 0 0 1em 0; } #tabbed_menu_tabs { width: 90%; margin: 15px .2em 0 .2em; padding: 0; list-style-type: none; } #tabbed_menu_tabs li { padding: 0; margin: 0 .8em; } /* system announcements */ div.system_announcement { border: 1px solid #EE8003; } .system_announcement_title { color: #794102; } .system_announcements { background: transparent url('images/systemenouvelles.gif') no-repeat top left; padding-top: 30px; width: 50%; } .system_announcements h3 { text-align: center; } .system_announcement { background: #ffb963 url('images/headertables.jpg') repeat-x; font: bold 100% arial, sans-serif, sans; } .system_announcement_content { font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans; } #image_preview { text-align:center; padding-left: 17px; } .skip { display: none; } /* Specific forms: profile,add course,advanced search,advanced course search,etc.. */ #add_course,#profile,#advanced_course_search,#advanced_search,#category,#course_user_import,#export_users,#update_course,#user_add,#user_import { border: 1px solid #EE4C03; background: transparent url("images/headerform.jpg") no-repeat top left; width: 550px; position: relative; padding: 60px 0 1em 0; } #advanced_search,#category,#course_user_import { background: transparent url("images/headerform2.jpg") no-repeat top left ; } #export_users,#update_course,#user_add,#user_import { background: transparent url("images/headerform3.jpg") no-repeat top left ; } /* Glossary tool */ .glossary-term { margin: 1em; background-color: #ffe99b; padding: 0.5em 0.5em 1.8em 0; -moz-border-radius: 0.5em; } .glossary-term-title { margin: 2em 0 1em 0.5em; font-weight: bold; font-size: 120%; } .glossary-term-desc { margin-left: 1em; } .glossary-term-action-links { float: right; } .glossary-term-edit-form { margin: 1em; background-color: #FFE4C4; padding: 0.5em 0.5em 2em 0; -moz-border-radius: 0.5em; } .glossary-term-edit-desc { font-weight: bold; font-size: 120%; } .glossary-term-edit-title { font-weight: bold; font-size: 120%; } .glossary-add-form { font-weight: bold; font-size: 120%; margin: 1em; } .glossary-orderby-link { float:right; margin: 1em; }