diff --git a/app/Resources/public/css/themes/cancun/default.css b/app/Resources/public/css/themes/cancun/default.css new file mode 100644 index 0000000000..a156f7e0fa --- /dev/null +++ b/app/Resources/public/css/themes/cancun/default.css @@ -0,0 +1,256 @@ +/*! + * CSS Chamilo LMS - Default v.2.0 + * Homepage: http://www.chamilo.org + * Copyright 2012-2015 Alex Aragón + * Licensed GLP + * Based on Bootstrap +*/ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff2) format('woff2'), url(fonts/OpenSans-Light.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff2) format('woff2'), url(fonts/OpenSans.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff2) format('woff2'), url(fonts/OpenSans-Semibold.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff2) format('woff2'), url(fonts/OpenSans-Bold.woff) format('woff'); +} + + +html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; + font-family: 'Open Sans', sans-serif; + line-height: 1.72222; +} + +a { + color: #2E75A3; + text-decoration: none; + -webkit-transition: .25s; + transition: .25s; +} +a:hover, +a:focus { + color: #1abc9c; + text-decoration: none; +} +header{ + background: url("images/bg-playa.png") repeat-x 0 -50px; +} +a:focus { + outline: none; +} +.navbar{ + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.navbar { + background: #2E75A3; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +} +.navbar-inverse{ + background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -o-linear-gradient(#484e55, #3a3f44 60%, #313539); + background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539)); + background-image: linear-gradient(#484e55, #3a3f44 60%, #313539); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0); + -webkit-filter: none; + filter: none; + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: none; +} +.nav > li > a{ + padding: 10px 15px; +} +.navbar-nav > li > a{ + font-size: 14px; + font-weight: 600; + line-height: 25px; + padding-top: 12.5px; + padding-bottom: 12.5px; +} +.navbar-collapse{ + overflow: hidden !important; +} +.navbar-default .navbar-nav > li > a:focus, +.navbar-default .navbar-nav > li > a:hover { + color: #A4DC2D; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus{ + color: #fff; + background-color:#F64D54; +} +.navbar-default .navbar-nav > li > a{ + color: #ffffff; +} +.navbar-default{ + border: none; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus{ + background: #00677C; + color: #ffffff; +} +.navbar-nav > li > .dropdown-menu{ + min-width: 100%; + margin-top: 2px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; +} +.navbar-default .navbar-nav > .open > .dropdown-menu{ + padding: 3px 4px; + background-color: #00677C; +} +.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{ + padding: 6px 9px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + color: #ffffff !important; +} +.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover, +.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus{ + + background-color:#00829C; +} +.nav > li > a:hover, .nav > li > a:focus{ + background-color: transparent; +} + +.navbar-inverse li a{ + line-height: 30px; + background: none !important; + font-size: 12px; + font-weight: normal; + padding-top: 5px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 5px; +} +.navbar-fixed-top .navbar-collapse{ + min-height:auto; +} +.navbar-inverse .navbar-brand{ + padding: 10px; + font-size: 14px; + height: auto; +} +.navbar-form .form-control{ + height: 25px; + padding: 6px; +} +.navbar-fixed-top{ + min-height: 40px; +} +.navbar-fixed-top .dropdown-menu li a{ + line-height: 20px; +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{ + color: #ffffff; +} +.navbar-inverse li a:hover { + background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d) !important; + background-image: -o-linear-gradient(#020202, #101112 40%, #191b1d) !important; + background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)) !important; + background-image: linear-gradient(#020202, #101112 40%, #191b1d) !important; + background-repeat: no-repeat !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0) !important; + -webkit-filter: none !important; + filter: none !important; + border-left-color: transparent !important; +} +.navbar-inverse .dropdown-menu li a:hover, +.navbar-inverse .dropdown-menu li a:focus{ + background:#3C4147 !important; + color: #fff; +} + +.badge-warning{ + background-color: #FD6600; +} +.breadcrumb{ + padding: 8px 15px; + margin-bottom: 21px; + list-style: outside none none; + background-color: #ECF0F1; +} +.breadcrumb > .active{ + color: #95a5a6; +} +.panel-default{ + border-color: #ECF0F1; +} +.panel-default .panel-heading{ + color: #2c3e50; + background-color:#ECF0F1; + border-color: #ECF0F1; +} +/* Jquery UI */ +.ui-accordion .ui-accordion-icons{ + padding-left: 0.2em; +} +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default{ + background: #ECF0F1; + border-color: #ECF0F1; +} +/* End Jquery UI */ +footer{ + background-color:#181D20; + border-bottom: 1px solid #181D20; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +} +footer{ + color: #ffffff; +} +footer a{ + color: #ffffff; +} + +.navbar-default .navbar-brand { + color:white; +} +.navbar-default .navbar-collapse, .navbar-default .navbar-form{ + border-color: #00677C; +} +.navbar-default .navbar-toggle{ + border-color: #00677C; +} +.navbar-default .navbar-toggle .icon-bar{ + background-color: #ffffff; +} +.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ + background-color: #00677C; +} +.page-header{ + margin: 10px 0 10px; +} \ No newline at end of file diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff new file mode 100644 index 0000000000..a0a331e74d Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff2 b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff2 new file mode 100644 index 0000000000..9ab88e241b Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Bold.woff2 differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff new file mode 100644 index 0000000000..70646281e9 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff2 b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff2 new file mode 100644 index 0000000000..90b828fe49 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Light.woff2 differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff new file mode 100644 index 0000000000..6304fc979b Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff2 b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff2 new file mode 100644 index 0000000000..7e5e42c267 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans-Semibold.woff2 differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff b/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff new file mode 100644 index 0000000000..e9ce2f320e Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff differ diff --git a/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff2 b/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff2 new file mode 100644 index 0000000000..bf65567c27 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/fonts/OpenSans.woff2 differ diff --git a/app/Resources/public/css/themes/cancun/frames.css b/app/Resources/public/css/themes/cancun/frames.css new file mode 100644 index 0000000000..ba07856159 --- /dev/null +++ b/app/Resources/public/css/themes/cancun/frames.css @@ -0,0 +1,989 @@ +body { + font-family: verdana, arial, helvetica, sans-serif; + font-size: 12px; + color: #000; + margin: 10px; + padding: 0; + background-color: #fff; +} +img { + border: none; +} +#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 */ + +/***************************************************** + * HEADER STYLES * + *****************************************************/ +#header { + width: 100%; + padding: 0; + margin: 0; +} +/* Header 1: Containing title, portal and organization */ +#header1 { + font-size: 12px; + padding: 4px; + background-color: #264269; + color: #fff; + border-bottom: 1px solid white; +} +#header1 a { + color: #ffffff; + text-decoration: none; +} +#header1 a:hover { + text-decoration: underline; +} +#sitename { + margin: 0; + font-weight: bold; +} +#institution { + float: left; + font-weight: bold; +} +#my_courses { + float: right; + font-weight: bold; +} +#logout { + float: right; + width:20%; + text-align:right; +} + +/* The tool shortcuts */ +#toolshortcuts { + text-align: right; +} +/***************************************************** + * FOOTER STYLES * + *****************************************************/ +#footer { + padding: 8px; + border-top: 1px solid #4171B5; + background-color: #E5EDF9; + font-size: 12px; +} +#footer .copyright { + float: right; +} +/***************************************************** + * MAIN STYLES * + *****************************************************/ +#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; +} +/* "menu" classes for menu/navigation section in main index.php */ +.menu { + float: right; + width: 20%; + padding: 0 0 6px 0; + background-color: #E5EDF9; + border: 1px solid #4171B5; +} +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#lang_form { + text-align: left; + font-size: 12px; + margin: 2px 0 10px 0; + padding: 2px; +} +#lang_form input, #lang_form select { + font-size: 12px; +} +#loginform label { + font-size: 12px; + margin: 4px 6px; +} +#loginform input { + display: block; + 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; + color: #f00; +} +/*** layout divs for course and tool pages (being tested in some pages) ****/ +#contentfloatholder {/* also makes the right "sliding" tab */ + /*background: url(../pics/sidebar-r.gif) repeat-y 100% 0; +background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */ +float: left; + width: 100%; + position: relative; +} +#contentfloatholder:after { + /* this is for NN6 to clear floats */ +content: "."; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} +#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 0 0 180px; + padding: 10px 0 40px 0; + min-height: 300px; +} +#left { + float: left; + width: 180px; + padding: 20px 0 0 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} +/* --- left navigation box menu as a definition list --- */ +#leftnavbox { + margin: 0; + padding: 0; + float:left; +} +#leftnavbox dl { + width: 160px; + margin: 12px auto 4px auto; + padding: 0 0 10px 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#leftnavbox dt { + margin: 0; + padding: 1px 2px; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#leftnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #ccf; +} +#leftnavlist a, #leftnavlist a:link { + display: block; + color: #fff; + text-decoration: none; + padding: 2px 5px 2px 10px; + background: #4171B5; + width:140px; + border: 1px solid #009; +} +#leftnavlist a:visited { + color:#eee; + text-decoration: none; + display: block; + padding: 2px 5px 2px 10px; + background: #4171B5; + color: #eee; + width:140px; +} +#leftnavlist a:hover { + background: #fff; + color:#4171B5; + display: block; +} +/* --- end of left side definition list menu section --- */ + + + +/* 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; + border-bottom: 1px solid #4171B5; +} +#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: #4171B5; + background-color: #fff; + padding: 0 4px; +} +/***********************************/ + +/* =================================================== + AGENDA STYLES +===================================================*/ + +/* --------------------------------------------------- + check if these are still used or not +-----------------------------------------------------*/ +#agenda { + width: 100%; + margin: 0 auto; + border: 1px solid #4171B5; + border-collapse: collapse; +} +.agenda_month_divider { + background-color: #4171B5; + 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: #4171B5; + font-weight: bold; + padding: 2px; + color: #fff; + text-align: center; + font-size: 11px; +} +#smallcalendar #title a { + color: #fff; +} +#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: #4171B5; + font-weight: bold; + font-size: 12px; + color: #fff; + text-align: left; + padding: 2px 10px; + text-align: center; + border: 1px solid #264269; +} +#agenda_list #title a:link, #agenda_list #title a:visited { + background-color: #4171B5; + font-weight: bold; + font-size: 12px; + color: #fff; + text-align: left; + padding: 2px 10px; + text-align: center; +} +#agenda_list #title a:hover { + background-color: #4171B5; + font-weight: bold; + font-size: 12px; + color: #ff0000; + text-align: left; + padding: 2px 10px; + text-align: center; +} +/* The cells with the name of the days of the weeks (mon->sun)*/ +#agenda_list .weekdays { + background-color: #D3DFF1; + 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 #4171B5; + border-collapse: collapse; +} +#agenda_list .datanotbold { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; +} +#agenda_list .text { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + 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 #4171B5; + border-collapse: collapse; + color: #999999; +} +#agenda_list .datanotbold_hidden { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; + color: #999999; +} +#agenda_list .text_hidden { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + 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 #4171B5; + border-collapse: collapse; +} +#agenda_list .datanotboldnow { + background-color: #FFCC00; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; +} +#agenda_list .textnow { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + 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: #D3DFF1; + 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; +} +/* normal and erro message-box */ +.normal-message, .error-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; +} +.normal-message { + border: 1px solid #FF8001; + color: #000; + background-color: #FDC77E; +} +.error-message { + border: 1px solid #3F70AC; + color: #000; + background-color: #FDC273; +} +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +/* styles from the document.php file */ +.comment { + margin-left: 30px; +} +.invisible { + color: #999; +} +.invisible a:link, .invisible a:visited { + color: #999; +} +a.invisible:link, a.invisible:visited { + color: #999; +} +/* 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; +} +/* styles from dropbox.php file */ +.dropbox_detail { + font-size: small +} +.dropbox_date { + font-style: italic +} +.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 +} +/* styles for chat / conference tools */ +#chat_entermessage { + background-color: #D6E5FA; + border-top: 1px solid #4171B5; + padding: 5px; + margin: 0; +} +/* styles for general formatting */ +.clear { + clear: both; + line-height: 0; + height: 0; +} +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 : #4171b5; +} +a:visited { + text-decoration: none; + font-weight : bold; + color : #4171b5; +} +a:hover { + text-decoration: none; + color: red; + font-weight: bold +} +a:active { + text-decoration: none; + font-weight : bold; + color : #f00; +} +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: #FF0000; + font-weight: bold; + text-align: left; + padding: 0px; + margin: 0px; +} +/* 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: #FFF089; + color: #4171B5; + border: 1px solid #4171B5; + padding: 4px; +} +.alternativeBgLight { + background-color: #f5f5f5; + border: 1px solid #4171B5; + border-collapse: collapse; +} +.alternativeBgDark { + background-color: #ccf; + border: 1px solid #4171B5; + border-collapse: collapse; +} +.myagendatoday { + background-color: #FFCA8D; + border-collapse: collapse; + font-family: verdana, arial, helvetica, sans-serif; + color: #CC3300; + font-weight: bold; +} +/* Form elements - some general styling*/ +select, textarea { + color : #000; + border: 1px solid #000; +} +input.checkbox { + border-width: 0; +} +input.mainoption { + font-weight : bold; +} /* Main submit button */ +input.liteoption { + font-weight : normal; +} /* None-bold submit button */ +select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { + cursor: pointer; + font-size: 12px; +} +input[text] { + font-size: 12px; +} +/************************************************************ + 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 +} +/***************************************************** + * 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 { + border-collapse: collapse; + width: 100%; + padding: 5px; +} +.data_table th { + padding-right: 20px; + border: 1px solid gray; + background-color: #E5EDF9; +} +.data_table tr.row_odd { + background-color: #fafafa; +} +.data_table tr.row_odd:hover, .data_table tr.row_even:hover { + background-color: #f0f0f0; +} +.data_table tr.row_even { + background-color: #fff; +} +.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; + margin: 0; + padding: 0px; + padding-top: 8px; + background: #fff; +} +.home_news { + width: 45%; + float: right; + 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; + font-weight: bold; + color: #666; + list-style-type: none; + margin: 5px; + padding: 5px; +} +/* Styles for the Dokeos Config Settings of the platform admin section*/ +.sectiontitle { + background-color: #EFEFEF; + border: 1px solid #cccccc; + font-weight: bold; + color: #666666; + list-style-type: none; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.sectioncomment { + color: #000000; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.sectionvalue { + list-style-type: none; + margin: 5px; + padding: 5px; +} +/* New Announcements Tool */ +.announcements_datum { + font-size: 12px; + font-weight: italic; + color: #666666; +} +/* System announcements on homepage */ +div.system_announcements { +} +div.system_announcements h3 { +} +div.system_announcements ul { + list-style-type: none; +} +div.system_announcement { + margin: 5px; +} +div.system_announcement_title { +} +div.system_announcement_content { + margin-left: 20px; + border-left: 1px solid gray; + padding-left: 5px; +} +/* tips Abbr-plugin for FCKeditor */ +abbr { + border-bottom: 1px dotted rgb(102, 102, 102); + background-color:#F00; + cursor: help; +} diff --git a/app/Resources/public/css/themes/cancun/images/bg-playa.png b/app/Resources/public/css/themes/cancun/images/bg-playa.png new file mode 100644 index 0000000000..51900cc6a0 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/images/bg-playa.png differ diff --git a/app/Resources/public/css/themes/cancun/images/header-logo.png b/app/Resources/public/css/themes/cancun/images/header-logo.png new file mode 100644 index 0000000000..14bf2794c9 Binary files /dev/null and b/app/Resources/public/css/themes/cancun/images/header-logo.png differ diff --git a/app/Resources/public/css/themes/cancun/learnpath.css b/app/Resources/public/css/themes/cancun/learnpath.css new file mode 100644 index 0000000000..8e8346a583 --- /dev/null +++ b/app/Resources/public/css/themes/cancun/learnpath.css @@ -0,0 +1,232 @@ +/* items scorm*/ +.scorm_item_normal.scorm_completed { + background:url("images/scorm_completed.png") no-repeat left center; +} +.scorm_item_normal.scorm_failed{ + background:url("images/scorm_failed.png") no-repeat left center; +} +.scorm_item_normal.scorm_not_attempted{ + background:url("images/scorm_not_attempted.png") no-repeat left center; +} +.scorm_item_normal.scorm_highlight{ + background:url("images/scorm_highlight.png") no-repeat left center; +} + +div.text { + margin-left : 6; + margin-right : 6; + margin-top : 5; + margin-bottom : 5; + text-align : justify; +} +span.messagesmall { + font-style : italic; + color : Red; +} +/* newscorm/learnpath */ + +div.lp_actions { + background:#F8F8F8; + border-bottom:1px solid #999999; + padding:3px; +} +div.lp_actions img { + margin-right:5px; +} +div.lp_small_form { + background:#F8F8F8; + border:1px solid #999999; + padding:10px; +} +div.lp_small_form input { + font-size:10px; +} +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_message { + background:#FEC880; + border:1px solid #E28C15; + font-size:12px; + padding:10px; +} +div.lp_resource_header { + cursor: pointer; + background:#F0F0F0; + border:1px solid #999999; + font-weight:bold; + padding:10px; + width:350px; +} +div.lp_resource_header_end { + background:#F0F0F0; + border:1px solid #999999; + font-weight:bold; + padding:10px; + width:350px; +} +div.lp_resource_elements { + background:#FAFAFA; + border:1px solid #999999; + border-bottom:0; + display:none; + padding:5px 10px; + width:350px; +} +div.lp_resource_elements_end { + background:#FAFAFA; + border:1px solid #999999; + border-top: 0px; + display:none; + padding:5px 10px; + width:350px; +} +div.lp_resource_elements div { + padding:3px; +} +div.lp_tree { + height:100%; + padding:3px 10px 3px 0; + overflow-x : auto; + overflow-y : auto; + width:190px; +} +hr { + background:#999999; + border:0; + color:#999999; + height:1px; + margin:10px auto; + width:75%; +} +option.bottom { + border-top:1px solid #999999; + margin-top:2px; + padding-top:2px; +} +option.top { + border-bottom:1px solid #999999; + margin-bottom:2px; + padding-bottom:2px; +} +p.lp_action { + margin:5px 0; +} +p.lp_text { + margin-top:0px; +} +p.lp_title { + font-weight:bold; + margin-top:5px; + padding-left:7px; +} +table.lp_build { + font-size:12px; + height:400px; + width:100%; +} +table.lp_build td { + vertical-align:top; +} +table.lp_build td.tree { + /* border-right:1px solid #999999;*/ + padding-right: 5px; + width:205px; +} +table.lp_build td.workspace { + padding: 0px; + padding-left:5px; + width:auto; +} +table.lp_form { + font-size:12px; + margin:0 10px; + width:auto; +} +table.lp_form td { + height:25px; + padding:5px; + vertical-align:top; + width:auto; +} +table.lp_form td.label { + padding-top:7px; + text-align:right; +} +table.lp_form td.radio { + width:300px; +} +table.lp_form td.exercise { + width:50px; +} +table.lp_form th { + background:#F8F8F8; + border-bottom:1px solid #999999; + border-top:1px solid #999999; +} +table.lp_overview th.exercise { + width:50px; +} +table.lp_form input, table.lp_form select, table.lp_form textarea { +/* background:#F8F8F8; + border:1px solid #999999; + font-family:Arial, Verdana, Helvetica, sans-serif; + font-size:12px; + padding:1px 2px; + width:300px;*/ +} +table.lp_form td.radio input, table.lp_form td.exercise input { + width:auto; +} +table.lp_form .small_form { + background:#FFFFFF; +} +table.lp_form select { +/* padding:0;*/ +} +table.lp_form input.button { + width:75px; +} +table.lp_overview { + font-size:12px; + 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; +} diff --git a/app/Resources/public/css/themes/cancun/print.css b/app/Resources/public/css/themes/cancun/print.css new file mode 100644 index 0000000000..77a57d5bed --- /dev/null +++ b/app/Resources/public/css/themes/cancun/print.css @@ -0,0 +1,943 @@ +/* Print Style Sheet for Dokeos (in progress ...) + first default style sheet + 2004-07-18 by Wolfgang Schneider + (info@ws-webservice.de / webmaster@bibelcenter.de) + updated on 2005-02-25 by Olivier Brouckaert + (oli.brouckaert@dokeos.com) + update on 2005-03-01 by Wolfgang Schneider + update on 2005-05-27 by Patrick Cool + update to print.css on 2005-01-05 by Jeroen Coupe + */ + +body { + font-family: arial, verdana, helvetica, sans-serif; + font-size: 12px; + color: #000; + margin: 0; + padding: 0; + background-color: #fff; +} +img { + border: none; +} +#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 */ + +/***************************************************** + * HEADER STYLES * + *****************************************************/ + + +#my_courses { + background-color: #fff; + color: #009; +} +/*show the institution*/ +#header1 { + padding: 2px; + float: right; +} +#my_courses { + display: none; +} +#header2 { + display: none; +} +.subnav { + display: none; +} +/* show the way to the printed document (breadcrumbs)*/ +#header4 { + padding: 2px; + border-bottom: 1px solid #4171B5; +} +#header4 a { + color: #4171b5; +} +#toolshortcuts { + display:none; +} +/***************************************************** + * FOOTER STYLES * + *****************************************************/ +#footer { + padding: 8px; + border-top: 1px solid #4171B5; + background-color: #E5EDF9; + font-size: 12px; +} +#footer .copyright { + float: right; +} +/***************************************************** + * MAIN STYLES * + *****************************************************/ +#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; +} +/* "menu" doesn't show in printed version*/ +.menu { + display: none; +} +#lang_form { + 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; + color: #f00; +} +/*** layout divs for course and tool pages (being tested in some pages) ****/ +#contentfloatholder {/* also makes the right "sliding" tab */ + /*background: url(../pics/sidebar-r.gif) repeat-y 100% 0; +background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */ +float: left; + width: 100%; + position: relative; +} +#contentfloatholder:after { + /* this is for NN6 to clear floats */ +content: "."; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} +#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. + */ +} +/*no navigation options need to be showed in the print version */ +#toolnav { + display:none; +} +/* 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 */ + + +/* 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; + border-bottom: 1px solid #4171B5; +} +#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: #4171B5; + background-color: #fff; + padding: 0 4px; +} +/***********************************/ + +/* =================================================== + AGENDA STYLES +===================================================*/ + +/* --------------------------------------------------- + check if these are still used or not +-----------------------------------------------------*/ +#agenda { + width: 100%; + margin: 0 auto; + border: 1px solid #4171B5; + border-collapse: collapse; +} +.agenda_month_divider { + background-color: #4171B5; + 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: #4171B5; + font-weight: bold; + padding: 2px; + color: #fff; + text-align: center; + font-size: 11px; +} +#smallcalendar .title a { + color: #fff; +} +/*agenda select not visible on print*/ +#agenda_select { + display:none; +} +/* --------------------------------------------------- + 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: #4171B5; + font-weight: bold; + font-size: 12px; + color: #fff; + text-align: left; + padding: 2px 10px; + text-align: center; + border: 1px solid #264269; +} +#agenda_list #title a:link, #agenda_list #title a:visited { + background-color: #4171B5; + font-weight: bold; + font-size: 12px; + color: #fff; + text-align: left; + padding: 2px 10px; + text-align: center; +} +#agenda_list #title a:hover { + background-color: #4171B5; + font-weight: bold; + font-size: 12px; + color: #ff0000; + text-align: left; + padding: 2px 10px; + text-align: center; +} +/* The cells with the name of the days of the weeks (mon->sun)*/ +#agenda_list .weekdays { + background-color: #D3DFF1; + 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 #4171B5; + border-collapse: collapse; +} +#agenda_list .datanotbold { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; +} +#agenda_list .text { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + 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 #4171B5; + border-collapse: collapse; + color: #999999; +} +#agenda_list .datanotbold_hidden { + background-color: #eee; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; + color: #999999; +} +#agenda_list .text_hidden { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + 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 #4171B5; + border-collapse: collapse; +} +#agenda_list .datanotboldnow { + background-color: #FFCC00; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; +} +#agenda_list .textnow { + background-color: #fff; + text-align: left; + padding: 2px 10px; + font-weight: normal; + border: 0px solid #4171B5; + border-collapse: collapse; +} +/* --------------------------------------------------- + styles for the mini agenda +-----------------------------------------------------*/ +/* mini agenda invisible in print */ + +#smallcalendar { + display:none; +} +/*without this the small calendar's space isn't liberated, because the table width is hardcoded in the php*/ +#layoutHulp { + display:none; +} +/* --------------------------------------------------- + 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; +} +/* normal and erro message-box */ +.normal-message, .error-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; +} +.normal-message { + border: 1px solid #FF8001; + color: #000; + background-color: #FDC77E; +} +.error-message { + border: 1px solid #3F70AC; + color: #000; + background-color: #FDC273; +} +#message { + margin: 0 auto; + text-align: center; +} +#message select { + margin: 10px 0; + width: 220px; +} +#message textarea { + margin: 10px 0; +} +#message td { + padding: 4px; +} +/* styles from the document.php file */ +.comment { + margin-left: 30px; +} +.invisible { + color: #999; +} +.invisible a:link, .invisible a:visited { + color: #999; +} +a.invisible:link, a.invisible:visited { + color: #999; +} +/* 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; +} +/* styles from dropbox.php file */ +.dropbox_detail { + font-size: small +} +.dropbox_date { + font-style: italic +} +.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 +} +/* styles for chat / conference tools */ +#chat_entermessage { + background-color: #D6E5FA; + border-top: 1px solid #4171B5; + padding: 5px; + margin: 0; +} +/* styles for general formatting */ +.clear { + clear: both; + line-height: 0px; + height: 0; +} +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 : #4171b5; +} +a:visited { + text-decoration: none; + font-weight : bold; + color : #4171b5; +} +a:active { + text-decoration: none; + font-weight : bold; + color : #f00; +} +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: #FF0000; + font-weight: bold; + text-align: left; + padding: 0px; + margin: 0px; +} +/* 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: #FFF089; + color: #4171B5; + border: 1px solid #4171B5; + padding: 4px; +} +.alternativeBgLight { + background-color: #f5f5f5; + border: 1px solid #4171B5; + border-collapse: collapse; +} +.alternativeBgDark { + background-color: #ccf; + border: 1px solid #4171B5; + 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: 5px; +} +div.row div.form_header { + white-space: nowrap; + padding: 2px; + background-color: #E5EDF9; + border: 1px solid #4271B5; +} +div.row div.label { + display: inline; + float: left; + width: 18%; + text-align: right; +} +div.row div.formw { + display: inline; + width: 80%; +} +[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw { + float: left; + text-align: right; +} +[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw { + float: right; + text-align: left; +} +span.form_required { + color: #f00; +} +span.form_error { + color: #f00; + font-size: x-small; + margin: 2px; +} +/* Form elements - some general styling */ +select, textarea { + color : #000; + border: 1px solid #000; +} +input.checkbox { + border-width: 0; +} +input.mainoption { + font-weight : bold; +} /* Main submit button */ +input.liteoption { + font-weight : normal; +} /* None-bold submit button */ +select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { + cursor: pointer; + font-size: 12px; +} +input[text] { + font-size: 12px; +} +/************************************************************ + 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 +} +/***************************************************** + * 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 { + border-collapse: collapse; + width: 100%; + padding: 5px; +} +.data_table th { + /*padding-right: 20px;*/ + border: 1px solid gray; + background-color: #E5EDF9; + text-align: left; +} +.data_table tr.row_odd { + background-color: #fafafa; +} +.data_table tr.row_odd:hover, .data_table tr.row_even:hover { + background-color: #f0f0f0; +} +.data_table tr.row_even { + background-color: #fff; +} +.data_table td .highlight { + font-weight: bold; +} +.data_table td { + padding: 5px; + border-bottom: 1px solid #b0b0b0; + border-right: 1px dotted #e1e1e1; + border-left: 1px dotted #e1e1e1; + text-align: left; +} + + +.data_table_no_border { + border-collapse: collapse; + border-spacing: 0; + font-size: 12px; + margin-bottom: 15px; + margin-top: 8px; + text-align: left; + width: 100%; +} + +.data_table_no_border td { + line-height: normal; + padding: 6px; + text-align: left; + vertical-align: middle; +} +.data_table_no_border .highlight { + font-weight: bold; +} + +/* 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; + font-weight: bold; + color: #666; + list-style-type: none; + margin: 5px; + padding: 5px; +} +/* Styles for the Dokeos Config Settings of the platform admin section*/ +.sectiontitle { + background-color: #EFEFEF; + border: 1px solid #cccccc; + font-weight: bold; + color: #666666; + list-style-type: none; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.sectioncomment { + color: #000000; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.sectionvalue { + list-style-type: none; + margin: 5px; + padding: 5px; +} +/* New Announcements Tool */ +.announcements_datum { + font-size: 12px; + font-style: italic; + color: #666666; +} +/* System announcements on homepage */ +div.system_announcements { +} +div.system_announcements h3 { +} +div.system_announcement { + margin: 5px; +} +div.system_announcement_title { +} +div.system_announcement_content { + margin-left: 20px; + border-left: 1px solid gray; + padding-left: 5px; +} +/***************************************************** + * special print ccs classes * + *****************************************************/ + + a.full_url_print:after { + content: "(" attr(href) ")"; + font-size: 75%; +} +/* to make it in visible in the printed version*/ +.print_invisible { + display:none; +} diff --git a/main/mySpace/student.php b/main/mySpace/student.php index fc43c5a0e5..b1521dabf5 100755 --- a/main/mySpace/student.php +++ b/main/mySpace/student.php @@ -177,6 +177,8 @@ if ($export_csv) { $sort_by_first_name = api_sort_by_first_name(); $actions = '
'; +$actions .= '
'; +$actions .= '
'; if (api_is_drh()) { $menu_items = array( @@ -220,8 +222,9 @@ if (api_is_drh()) { api_get_path(WEB_CODE_PATH) . "gradebook/certificate_report.php" ); } - -$actions .= ''; +$actions .= '
'; +$actions .= '
'; +$actions .= '
'; $actions .= Display::url( Display::return_icon('printer.png', get_lang('Print'), array(), ICON_SIZE_MEDIUM), 'javascript: void(0);', array('onclick'=>'javascript: window.print();') @@ -230,7 +233,9 @@ $actions .= Display::url( Display::return_icon('export_csv.png', get_lang('ExportAsCSV'), array(), ICON_SIZE_MEDIUM), api_get_self().'?export=csv&keyword='.$keyword ); -$actions .= ''; +$actions .= '
'; +$actions .= '
'; +$actions .= '
'; $actions .= '
'; $table = new SortableTable(