/* * Special CSS styles for the chamilo_XXX themes */ /* the sticky effect */ html { height: 100%; } body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); margin: 0; padding: 0; background-color: #fff; height: 100%; /* stick */ } /* Sticky footer*/ #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -9em; /* Do not change this value */ } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ background-color: #fff; background-repeat:no-repeat; } /* Hides from IE5-mac \*/ * html #outerframe { height: 1%; } /* End hide from IE5-mac */ #main { } #submain { border: 1px solid #ccc; margin: 0px auto; min-height: 320px; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; box-shadow: 3px 3px 10px #ddd; -moz-box-shadow: 3px 3px 10px #ddd; } .bread { border-bottom: none; } .item { -moz-border-radius:5px; border-radius:5px; border:1px solid #E1E1E0; } /* Side-Menu Slider (JQuery) see banner.inc.php */ ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 78px; right: -10px; list-style: none; z-index:9999; } ul#navigation li { width: 73px; } ul#navigation li a { display: block; margin-left: 1px; width: 65px; height: 60px; background-color:#CFCFCF; background-repeat:no-repeat; background-position:center center; border:1px solid #AFAFAF; -moz-border-radius:10px 0px 0px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -moz-box-shadow: 0px 4px 3px #000; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -webkit-box-shadow: 0px 4px 3px #000; } ul#navigation .help a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#879DAA; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding: 6px 0 8px 6px; } ul#navigation .report a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#8fd400; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding: 6px 0 8px 6px; } ul#navigation .student a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#b27651 ; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding-bottom: 8px; } ul#navigation .user-online a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#ccbc67 ; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding: 6px 0 8px 6px; } /* Other colors for other tabs in the earth tones */ ul#navigation .user-connect a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#fac97a ; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding: 6px 0 8px 6px; } ul#navigation .student-connect a { -moz-border-radius:8px 0 0 8px; -moz-box-shadow:0 2px 2px #000000; background-color:#d0d5d1 ; background-position:center center; background-repeat:no-repeat; border:1px solid #FFFFFF; display:block; height:44px; margin-left:50px; opacity:0.6; width:65px; padding: 6px 0 8px 6px; } #center { margin: 0 190px 0 0; padding: 10px 0 40px 0; min-height: 300px; background-color: #fff; } .courseadminview table td a, .Authoringview table td a { font-weight: bold; font-size:13px; margin-left:2px; } /* Student view */ .Authoringview { position: relative; width: 80%; margin: 25px auto 10px; padding: 10px; } /* Teacher view*/ .courseadminview, .platformadminview { position: relative; width: 80%; margin: 25px auto 10px; padding: 10px; -moz-border-radius:5px; border-radius:5px; border:1px solid #E1E1E0; } .Authoringview table td a { font-weight: bold; } .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; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } input.link_alike:hover { background-color: #FFFFFF; border-width: 0px; color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } /***************************************************** * HEADER STYLES * *****************************************************/ #header { } /******************************************************** * HEADER 1: Title, portal, organisation, course title * ********************************************************/ #header1 a { font-size:12px; font-weight:normal; color: #666666; text-decoration: none; } #header1 a:hover { text-decoration: underline; } #sitename { margin: 0; } #institution { background-repeat:no-repeat; height:80px; overflow:hidden; margin-left:4%; margin-top:1%; } #my_courses { float:right; height:16px; padding-right:4%; } /******************************************************** * HEADER 2: Users online, help, student/teacher view * ********************************************************/ #header2 a { } #header2 a:hover { text-decoration: underline; } #current { color:#FFFFFF; cursor:pointer; display:block; overflow:hidden; padding-bottom:6px; margin-right:-3px; margin-right: 2px; } /* HEADER 4: */ #header4 { height:26px; padding:0px; background:none; width: 100%; /*margin-top:35px;*/ margin-bottom:5px; background-repeat:repeat-x; color: #009; border: 1px solid #EEEEEE; } #header4 a { color: #666; } #header4 a:hover { text-decoration: none; color: #f3840d; } /* The tool shortcuts */ #toolshortcuts { clear:right; margin-left:auto; margin-right:auto; text-align:right; width:92%; } footer a:link, footer a:visited { color:#f1d40d; } /* NAVIGATION MENU */ #menu-wrapper { display: block; background-color: #F3F4F5; border-bottom: 1px solid #CCCCCC; border-bottom-left-radius: 5px; border-left: 1px solid #CCCCCC; box-shadow: -3px 3px 32px 0 #E8E8E8; color: #595959; margin-bottom: 1em; min-height: 20px; padding-bottom: 20px; } .menucaption { font-size: 12px; font-weight: bold; padding-left: 12px; } .menusection { width:100%; } .menusectioncaption { background-color: #8A8A8A; color: #FFFFFF; font-size: 1.12em; font-weight: normal; margin-bottom: 8px; padding: 7px 10px 7px 15px; /*width: 205px;*/ display:block; } .menulist { margin: 0 20px; list-style: none; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; } .menulist li { /* float:left; */ /* margin-left:10px; */ margin-bottom:10px; display:list-item; } #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. */ } #center { margin: 0 190px 0 0; min-height: 300px; padding: 10px 0 40px 0; } #toolnav { float:right; margin:-7px 0 0 -5%; overflow:hidden; padding:0; position:absolute; right:0px; } #toolnav img { float: left; width: 25px; height: 25px; margin: 0 4px 0 0; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html #toolnav { margin-right: 0px; } * html #center { height: 1%; margin-left: 0; } /* course navigation menu as a definition list */ #swap_menu_link { float: left; } #toolnavbox { border: 1px solid #4271b5; float: left; margin: 0 0 0 10px; padding: 0; } #toolnavbox dl { background: transparent; font-size: 12px; margin: 0 auto; text-align: center; width: 160px; } #toolnavbox dt { background: transparent; border-bottom: 1px solid #fff; color: #000; font-size: 12px; font-weight: bold; margin: 0; text-align: center; } #toolnavbox dd { background: #E5EDF9; border-bottom:1px solid #fff; color: #009; margin: 0; text-align: left; } #toolnavlist a, #toolnavlist a:link { background: #E5EDF9; color: #4171b5; display: block; margin: 0; padding: 5px 5px 5px 10px; text-decoration: none; line-height:24px; } #toolnavlist a:hover, #toolnavlist a#here { background: #fff; color:#4171b5; } /* 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 */ /* Warning and error messages to the user */ .confirmation-message img, .error-message img, .normal-message img, .warning-message img { position: relative; margin-top: 5px; margin-bottom: 10px; float:left; } .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link { position: absolute; bottom: 0.2em; right: 0.5em; } /* New training message link */ .bottom-link { border: 2px outset; text-decoration: none; background-color:#E5EDF9; border-color: #D4E2F6; background-position:10px 50%; background-repeat:no-repeat; font-size:100%; margin-top:1px; padding:5px 20px; vertical-align:middle; padding-left:35px; display:block; } .bottom-link:active { border: 2px inset; } .bottom-link:link { border-style: solid; border-width : 1px 2px 2px 1px; text-decoration : none; border-color : #69f #00f #00f #69f; } .bottom-link:hover { border-color: #ccc; color: #111; } /***************************************************** * COURSE HOMEPAGE * *****************************************************/ /* various sections in course-home.php file */ #toolremove { width: 40%; color: #f00; font-weight: bold; margin: 10px auto; padding: 10px; border: 2px solid #f00; } #courseintro { clear: both; width: 80%; margin: 10px auto; padding: 10px; } #courseintro_icons { clear: both; width: 80%; /* margin: 10px auto; */ } .everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/ -moz-border-radius:5px; border-radius:5px; border:1px solid #E1E1E0; width: 80%; margin: 10px auto; padding: 10px; } .viewcaption { position: relative; top: -20px; font-size: 12px; font-weight: bold; color: #aaa; background-color: #fff; padding: 0 4px; } .tool-icon { /*margin-bottom: -3px;*/ } /********************************************** * 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; } .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; } .alternativeBgLight { background-color: #f5f5f5; border: 1px solid #dcdcdc; border-collapse: collapse; } .alternativeBgDark { background-color: #ccf; border: 1px solid #dcdcdc; border-collapse: collapse; } /***************************************************** * DATA TABLE STYLES * *****************************************************/ /* header cell in data table in tools */ .data_table { margin-top: 8px; border-collapse: collapse; border-spacing: 0; border: 1px solid #DDDDDD; font-size: 12px; margin-bottom: 15px; text-align: left; width: 100%; } .data_table th { border-bottom: 1px solid #DDDDDD; line-height: normal; padding: 8px 10px; text-align: center; vertical-align: middle; background-color: #F2F2F2; font-weight: bold; } .cell_header { background-color: #EEEEFF; font-weight:bold; text-align:left; padding-left:5px; } .data_table tr.row_odd { background-color: #F9F9F9; } .data_table tr.row_odd:hover, .data_table tr.row_even:hover { background-color: #E5EDF9; } .data_table tr.row_even { background-color: #fff; } .data_table td { border-bottom: 1px solid #DDDDDD; line-height: normal; padding: 6px; text-align: left; vertical-align: middle; } .data_table_no_border td .highlight{ font-weight: bold; } .data_table_pagination { width:100%; margin-top: 8px; } /* 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: transparent; } .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; } .required { /* color: #f00; font-weight: bold;*/ } /* Admin section */ div.admin_section { -moz-border-radius:10px; border-radius:10px; border:1px solid #E1E1E0; width: 42%; float: left; padding: 5px; margin: 10px 20px; min-height:280px; } div.admin_section h4 { margin: 5px 0px 5px 5px; /*padding: 0px 0px 5px 0px; */ border-bottom: 1px solid #E1E1E0; width: 100%; } .admin_section li { background-repeat:no-repeat; list-style:none; background-position: center left; } .admin_section li a { margin-left:15px; } .admin_section li input { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } .user_course_category { background-color: #E5EDF9; font-weight: bold; color: #666; list-style-type: none; margin: 5px; padding: 5px; } .sessions_list { line-height: 20px; margin-top: 20px; } .sessions_list_inactive { line-height: 20px; } .session_box { border: 1px solid #DCE5F3; /* font-weight: bold; */ color: #666; list-style-type: none; margin:5px 5px 10px 5px; padding: 5px; background-color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sub_session_box { border: 1px solid #DCE5F3; /* font-weight: bold; */ color: #666; list-style-type: none; margin:5px 5px 10px 0px; padding: 5px; background-color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sub_session_box_title { margin-bottom: 10px; background-color:#F9F9F9; } .session_box_title { margin-bottom: 10px; background-color:#F9F9F9; } .admin_section { } .session_box_coach { } /*************************************************************** * CHAMILO CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION * ***************************************************************/ .sectiontitle { background-color: #D2ECF5; border: 1px solid #ABDAEA; font-weight: bold; color: #666666; list-style-type: none; margin: 5px 5px 5px 0px; padding: 5px; font-size: 14px; } .sectioncomment { color: #000000; margin: 5px 5px 5px 0px; padding: 5px; font-size: 11px; } .sectionvalue { list-style-type: none; margin: 5px 5px 5px 0px; padding: 5px; } /***************************************************** * ANNOUNCEMENTS * *****************************************************/ .announcements_datum { font-size: 12px; font-style: italic; color: #666666; } /***************************************************** * SYSTEM ANNOUNCEMENTS * *****************************************************/ div.system_announcement { padding: 10px; border: 1px solid #ddd; -moz-border-radius-topright : 5px; -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; min-height:20px; } .system_announcement { font: bold 100% arial, sans-serif, sans; } .system_announcement_content { font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans; } .system_announcements { padding-top: 10px; padding-bottom: 10px; } .system_announcements h3 { padding-left:70px; padding-top: 30px; } .system_announcement_title { font-weight: bold; font-size: 120%; float:left; } .system_announcement_date { font-color: #ccc; float:right; } /* **** BLOG **** */ span.blog_title { font-size: 20px; font-weight: bold; color: #2A4B74; } span.blog_subttitle { font-size: 12px; } td.blog_left { margin-right: 5px; padding-right: 5px; border-right: 1px solid #dddddd; } td.blog_right { padding-left: 10px; } td.blog_menu_title { background-color: #dddddd; color: #2A4B74; font-weight: bold; font-size: 11px; padding: 2px; } td.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 { } span.blogpost_title { display: block; font-size: 18px; font-weight: bold; color: #2A4B74; padding-bottom: 5px; } span.blogpost_date { display: block; font-size: 12px; font-weight: bold; color: #333333; padding-bottom: 10px; } span.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 { 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; z-index: -1; } span.blogpost_comment_title { display: block; font-size: 14px; font-weight: bold; color: #1657A9; padding-bottom: 5px; } span.blogpost_comment_date { display: block; font-size: 10px; font-weight: bold; color: #333333; padding-bottom: 10px; } span.blogpost_comment_info { font-size: 10px; display: block; color: #333333; border-top: 1px solid #dddddd; margin-top: 10px; } div.blogpost { border: 1px solid #DDDDDD; background-color: #ECECEC; margin-bottom: 15px; padding: 10px; } div.comments { border: 1px solid #dddddd; margin-bottom: 10px; margin-top: 10px; padding: 10px; background-color: #F4F4F4; margin-left:50px; } .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; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } .small { font-size: 11px } .xsmall { font-size: 10px } .xxsmall { 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 { width: 100%; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; margin-bottom: 20px; } #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 { float: left; background: #f3f3f3; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #cccccc; text-decoration: none; color: #666; } #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%; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } /* don't work on IE 6 */ #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] { width: auto; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0;} /* 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; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel { width: 100%; } .WCAG-form textarea { width: 100%; height: 180px; } .skip { display: none; } /* Document title */ .input_titles { width: 400px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #E1E1E0; } /* Survey */ #survey_title { background-color:#dcdcdc; color:#000; padding:2px; } #survey_subtitle { background-color:#dcdcdc; color:#000; padding:2px; } .survey_content { background-color:#a0e5fc; color:#264269; padding:5px; border: 1px solid #999; margin-top: 4px; } .survey_question_wrapper { border: 1px solid #999; margin-top:4px; } .survey_question { /* 264269 4271b5 E5EDF9 */ background-color:#E5EDF9; 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;*/ } /* Added: to fit img and blocks in home page */ #hellomindfactory { border: 1px solid #ccc; margin:-14px 0 0 0; width:690px; height:428px; } #tophellomindfactory { margin: 10px 5px 5px 5px; height:200px; width:680px; } #bottomhellomindfactory { margin: 5px; height:200px; width:680px; } /* .copyright { display:none; } */ /* Quizzes tool */ .quiz_export_link { float: right; } /*Exercice timer*/ #square{ padding:5px; background-color:#EEEEEE; border:1px solid #CCCCCC; margin-right : 24px; width : 155px; margin-bottom:20px; } #wrapper-clock{ width:100%; margin:0; } .count_down{ padding: 3px; font-size:22px; font-weight:bold; color:#222; } /* ------------------------------------------------------------------------------ Learning path ------------------------------------------------------------------------------ */ #show_audiorecorder_div { background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px; } /* 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; } .glossary-msg-error { color: #FF0000; display :none; font-weight: normal; font-size: 80%; } /* Notebook */ .notebook-add-form { margin: 1em; background-color: #c3d9ff; padding: 1em 1em; } .notebook-add-desc-textarea { background-color: #f2f5f8; border-color: #ffe99b; overflow: hidden; } .notebook-add-title-text { background-color: #f2f5f8; border-color: #ffe99b; } .notebook-edit-desc-textarea { background-color: #e0ecff; border-color: #ffe99b; overflow: hidden; } .notebook-edit-title-text { background-color: #e0ecff; border-color: #ffe99b; } .notebook-msg-error { color: #FF0000; display :none; background-color: #ffe99b; width: 40%; } .notebook-list { margin: 1em 1em 0em 1em; background-color: #79b; padding: 0.3em 0.3em; -moz-border-radius: 0.5em; } .notebook-title-list { color : #fff; padding: 0.3em 0.3em; font-weight: bold; font-size: 120%; } .notebook-desc-list { margin: 0em; background-color: #f2f5f8; padding: 0.5em 0.3em 2em 0.3em; border: 1px solid #79b; } .notebook-term-action-links { padding: 0.3em 0.3em; width: 50%; color : #fff; } .notebook-orderby-link { text-align:right; margin-right: 1em; } .notebook-search-title { text-align:right; margin: 1em; } .notebook-date-information { color : #fff; padding: 0.3em; font-size: 120%; font-weight: bold; } /* Gradebook */ .resource-deleted { color:#990000; } .gradebook-table-header { border: 1px solid rgb(153, 153, 153); background: rgb(240, 240, 240) none repeat scroll 0% 0%; } .gradebook-table-body { border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .label_result { float: left; width: 25%; text-align: left; padding-top:8px; } .formw_result { width: 75%; float:left; } /* actions */ .actions_lp { background:#F8F8F8; height: 40px; padding-left: -17px; margin: 5px 2px 1px 12px; vertical-align:middle; width: 90%; } .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:1px solid #ccc; margin-bottom: 5px; height:32px; padding:2px; vertical-align:middle; } .actions a { display:inline-block; margin-right: 10px; vertical-align:middle; } .actions span { margin-right: 10px; vertical-align:middle; } .actions fieldset { margin-top:0px; } /* big actions */ .actionsbig { background:#F8F8F8; border-bottom:1px solid #999999; border-top:1px solid #999999; background-color:#E5EDF9; height:100%; padding:2px; margin-bottom: 5px; vertical-align:middle; float:left; width:100%; } .content_table { padding:2px; margin-bottom: 5px; vertical-align:middle; float:left; width:100%; } .actionsbig a { float:left; padding-left:6px; padding-right:12px; text-align:center; } .actions-title { background:#E5EDF9; border-bottom:1px dotted #999999; border-top:1px dotted #999999; /*height:35px;*/ padding:4px; margin-bottom: 5px; font-size:14px; font-weight:bolder; /*background:url(images/actions.jpg) repeat-x;*/ vertical-align:middle; } .actions-message { white-space: nowrap; padding: 2px; background-color: #D2ECF5; border: 1px solid #ABDAEA; } /********************************************** * EXERCISE TOOL * **********************************************/ .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; } .rounded { border: 3px solid #CCCCCC; padding: 3px; width: 200px; /*margin-left:10px;*/ } .rounded_inner { background:#FFF; padding-top: 10px; padding-bottom: 10px; } .rounded_inner:hover { color:#C802A5; background:#F0F0F0; } .exercise_scenario_label { } .exercise_scenario_element { } span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; display: block; clear: left; float: left; } span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; display: block; clear: left; float: left; } #question_title { font-size: 1.5em; font-weight: bold; } #question_description { padding-left:5px; padding-top:10px; } #question_score { padding-left:5px; padding-top:10px; padding-bottom:10px; font-weight:bold; font-size:130%; } #exercise_close_link { padding-left: 20px; } #exercise_close_link:hover { padding-left: 20px; } /***************************************************** * BUTTONS * *****************************************************/ button { margin:2px 5px 3px 3px !important; background-color: #F5F5F5; border-width: 0px; border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; border-style:solid; border-width:1px; font-family: bold arial, verdana, helvetica, sans-serif; font-size: 100%; line-height :130%; text-decoration: none; color: black; cursor: pointer; padding:5px 15px 5px 15px; vertical-align:middle; } button:hover { color:#545454; /* border-style: inset; */ /*background-color:#DFF4FF; */ } /* button with image */ button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back { padding-left:30px; background-position:8px; background-repeat:no-repeat; } /* POSITIVE */ button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back { /* background-color:#; */ /* border-color: #fff; */ } button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover { /* border-color: #fff; background-color:#fff; */ } /* NEGATIVE */ button.cancel { background-color:#F8E8E6; border-color: #FFE3DE; } button.cancel:hover { border-color: #F4E1D0; background-color: #FFE3DE; } /*including "login" image*/ button.login { background-position:right; float:left; margin-right:20px; padding-right:30px; margin:2px 5px 3px 5px !important; } .icon_image_content { width:70px; cursor:hand; height:6em; text-align: center; padding-right: 10px; padding-left: 0px; border: 1px dotted #ccc; background-color: #eee; margin-right: 0.2em; margin-top: 0.1em; -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-topright : 5px; } .icon_image_content:hover { background-color: #fff; border: 1px solid #ccc; } #expire_session div { float:left; padding-left:15px; } /* Fake buttons: links that look like buttons */ .fake_button_back { border: 2px outset; padding: 2px; text-decoration: none; background-color:#E5EDF9; border-color: #D4E2F6; padding-left:30px; background-position:10px; background-repeat:no-repeat; } .fake_button_back:active { border: 2px inset; } .fake_button_back:link { border-style: solid; border-width : 1px 2px 2px 1px; text-decoration : none; /*padding : 4px; */ border-color : #69f #00f #00f #69f; } .fake_button_back:hover { border-color: #ccc; color: #111; } .question_menu { list-style:none; float:left; } .question_menu li { float:left; margin:0px; } #exercise_admin { margin: 0; padding: 0; border: 0; } div#friend-header { float:left; width:100%; line-height: 2.1em; } div#friend-header a { padding-right:6px; } div#friend-container { float:left; } div.image_friend_network { float:left; /* border:1px solid #CCCCCC; */ margin:2px; padding:4px; height:125px; width:82px; z-index:5; } div.image_friend_network span { overflow:hidden; display:block; height:92px; margin: 0px 0px; } div.image_friend_network img { vertical-align:middle; } div.image_friend_network center.friend { overflow:hidden; height:30px; } .friend_invitations { float:left; margin: 0 0 4px 12px; } /* button >> */ button.arrowr { -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-topright : 5px; padding-left:20px; padding-top:20px; background-position:10px; background-color:#E5EDF9; border-color: #D4E2F6; border-width: 1px; display:block; font-size: 100%; line-height :130%; vertical-align:middle; } /*including "arrowr" image*/ button.arrowr { background-repeat:no-repeat; } /* button << */ button.arrowl { margin:0px; -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-topright : 5px; padding-left:20px; padding-top:20px; background-position:10px; background-color:#E5EDF9; border-color: #D4E2F6; border-width: 1px; display:block; font-size: 100%; line-height :130%; vertical-align:middle; } /*including "arrowl" image*/ button.arrowl { background-repeat:no-repeat; } .u-m-answer { float:left; width:100%; } /* input >> */ input.arrowr { -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-topright : 5px; padding-left:25px; padding-top:20px; background-position:10px; background-color:#F1F1F1; border-color: #D4E2F6; border-width: 1px; display:block; font-size: 100%; line-height :130%; vertical-align:middle; background-repeat:no-repeat; } /* input << */ input.arrowl { margin:0px; -moz-border-radius-topleft : 5px; -moz-border-radius-bottomright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-topright : 5px; padding-right:25px; padding-top:20px; background-position:10px; background-color:#F1F1F1; border-color: #D4E2F6; border-width: 1px; display:block; font-size: 100%; line-height :130%; vertical-align:middle; background-repeat:no-repeat; } .u-m-answer p { margin:4px; } .refresh { background-repeat:no-repeat; padding-left:20px; padding-bottom:2px; } .portal { background-repeat:no-repeat; padding-left:28px; padding-bottom:10px; padding-top:8px; } .legal-terms { height:150px; overflow:auto; background-color:#eee; width:500px; } a.read { font-weight:normal; } .actions-title { background:#efefef; border:1px solid #ccc; padding:4px; margin-bottom: 5px; font-size:14px; font-weight:bolder; vertical-align:middle; } /* INVITATIONS */ .invitation_confirm { border-top:1px solid #D8DFEA; } .invitation_image { width:110px; } /* DASHBOARD */ /* Head section */ #head { background-color: #000; height: 100px; } #head h1 { line-height: 100px; color: #FFF; text-align: center; text-indent: -9999em } /* End Head Section */ /* Columns section */ #columns .column { float: left; width: 50%; /* Min-height: */ min-height: 400px; height: auto !important; height: 400px; } #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;} /* To add in 1.8.7*/ .session_box_title span { font-size: 130%; font-weight: bold; } .sub_session_box_title span { font-size: 130%; font-weight: bold; } #session_category_title { font-size: 140%; font-weight: bold; padding: 2px 0px 5px 5px; } /* fixes the * */ span.form_required { padding-right:5px; } .courseadminview-activity-3col, .platformadminview-activity-3col { -moz-border-radius:5px 5px 5px 5px; border:1px solid #E1E1E0; float:left; margin:0px 20px 10px 2px; padding:11px; width:220px; height:330px; } .courseadminview-activity-3col ul { padding:0px 20px 10px 4px; list-style-type:none; height:240px; margin-left:0px; margin: 0px 0px 0px 0px ; } .courseadminview-activity-3col ul li { padding:4px 0px 4px 0px; } #activity-3col { width: 800px ; margin-left: auto ; margin-right: auto ; } .userportal-catalog-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #DCE5F3; /*background-color:#F9F9F9; */ padding:0px 0px 0px 5px; margin:5px; /* height:40px; */ } .userportal-catalog-item .catalog_box li span { font-size:130%; font-weight:bold; margin-left:5px; } .catalog_box { /* font-weight: bold; */ color: #666; list-style-type: none; margin:5px 5px 10px 5px; padding: 5px; background-color:#FFF; } .course-student-view-activity-3col { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#FFFFFF; height: 350px; width: 800px ; margin-left: auto ; margin-right: auto ; } .course-student-view-activity-3col ul { padding:10px 20px 10px 20px; list-style-type:none; /* height:240px; */ margin-left:0px; margin: 0px 0px 0px 0px ; float:left; width : 280px; } .course-student-view-activity-3col ul li { padding:5px 0px 4px 0px; } /* plugins divs */ #plugin-header { margin-left:65px; padding:5px; } #plugin-mycourses_menu { padding:5px; } #plugin-mycourses_main { padding:5px; } #plugin-footer { padding:0px; } #id_contact_form .normal-message{ padding:20px; } #header3 { font-size: 11px; font-weight: bold; } /* Scroll effect */ .subnav-fixed .nav { /* width: 938px; */ margin: 0 auto; padding: 0 1px; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Subnav */ .subnav { width:100%; height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* default subnav color */ background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ border: 1px solid #e5e5e5; /* end default subnav background colors */ } .subnav .nav { margin-bottom: 0; } .subnav .nav > li > a { margin: 0; padding-top: 11px; padding-bottom: 11px; border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .subnav .nav > #current > a, .subnav .nav > #current > a:hover { padding-left: 13px; color: #777; background-color: #e9e9e9; border-right-color: #ddd; border-left: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); box-shadow: inset 0 3px 5px rgba(0,0,0,.05); } .subnav .nav > #current > a .caret, .subnav .nav > #current > a:hover .caret { border-top-color: #777; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { border-left: 0; padding-left: 12px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .subnav .nav > li:last-child > a { border-right: 0; } .subnav .dropdown-menu { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .subnav .nav > li > a:hover { text-decoration: none; /*background-color: #eeeeee; */ } /* Text resize icons in header */ .resize_font { /* the canvas */ margin: 0 5px 0 5px; } .reset_font { font-size: 1.2em; color: gray; border: 1px solid white; padding: 2px; } .reset_font:hover { border: 1px solid black; cursor: pointer; } .increase_font { font-size: 1.8em; color: gray; border: 1px solid white; padding: 2px; } .increase_font:hover { border: 1px solid black; cursor: pointer; } .decrease_font { font-size: 0.6em; color: gray; border: 1px solid white; padding: 2px; } .decrease_font:hover { border: 1px solid black; cursor: pointer; } .progresstext { text-align:center; } /* tips Abbr-plugin for FCKeditor */ abbr { border-bottom: 1px dotted rgb(102, 102, 102); background-color:#F00; cursor: help; } #toolshortcuts_horizontal { border-top:1px solid #ccc; width:92%; padding: 8px 0px 2px 0; }