From 153da934a8d4d2c36ac1c2a0555a91bbac64e893 Mon Sep 17 00:00:00 2001 From: Julio Montoya Date: Thu, 12 Jun 2008 19:38:15 +0200 Subject: [PATCH] [svn r15576] New Cosmic Campus - CSS Added --- main/css/cosmic_campus/default.css | 1585 +++++++++++++++++ .../css/cosmic_campus/images/fondoHeader3.jpg | Bin 0 -> 619 bytes main/css/cosmic_campus/images/fondoNav.jpg | Bin 0 -> 3997 bytes main/css/cosmic_campus/images/footer.jpg | Bin 0 -> 22701 bytes main/css/cosmic_campus/images/header.jpg | Bin 0 -> 17851 bytes main/css/cosmic_campus/images/outer.png | Bin 0 -> 3653 bytes main/css/cosmic_campus/images/tab.png | Bin 0 -> 2966 bytes main/css/cosmic_campus/images/tabCurrent.png | Bin 0 -> 2565 bytes main/css/cosmic_campus/images/tabHover.png | Bin 0 -> 2915 bytes main/css/cosmic_campus/learnpath.css | 104 ++ main/css/cosmic_campus/print.css | 657 +++++++ main/css/cosmic_campus/scorm.css | 176 ++ main/css/cosmic_campus/scormfs.css | 79 + 13 files changed, 2601 insertions(+) create mode 100644 main/css/cosmic_campus/default.css create mode 100644 main/css/cosmic_campus/images/fondoHeader3.jpg create mode 100644 main/css/cosmic_campus/images/fondoNav.jpg create mode 100644 main/css/cosmic_campus/images/footer.jpg create mode 100644 main/css/cosmic_campus/images/header.jpg create mode 100644 main/css/cosmic_campus/images/outer.png create mode 100644 main/css/cosmic_campus/images/tab.png create mode 100644 main/css/cosmic_campus/images/tabCurrent.png create mode 100644 main/css/cosmic_campus/images/tabHover.png create mode 100644 main/css/cosmic_campus/learnpath.css create mode 100644 main/css/cosmic_campus/print.css create mode 100644 main/css/cosmic_campus/scorm.css create mode 100644 main/css/cosmic_campus/scormfs.css diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css new file mode 100644 index 0000000000..52d383b56d --- /dev/null +++ b/main/css/cosmic_campus/default.css @@ -0,0 +1,1585 @@ +/***************************************************** + * MAIN COSMIC - CAMPUS * + *****************************************************/ +body { + font-family: bold arial, verdana, helvetica, sans-serif; + font-size: 12px; + color: #000; + margin: 0; + padding: 0; + background-color: #ffffff; +} + +#outerframe { + position: relative; /* do not remove, fixes a bug in IE */ + background-color: #fff; + +} + +/* Hides from IE5-mac \*/ +* html #outerframe {height: 1%;} +/* End hide from IE5-mac */ + +#main { + position: relative; /* to avoid the IE peekabo bug*/ + margin: 0px auto; + margin-top: 10px; + width: 98%; + padding: 0px 10px 10px 10px; + background-color: transparent; + min-height: 320px; + border-top: 10px #999999; + background-repeat: no-repeat; +} + + +/* for content section in main index.php file */ +/* +|---------------------------------------------------------------------------- +| modified: to fit img and blocks in home page +|---------------------------------------------------------------------------- +| +*/ +.maincontent { + float: left; + width: 68%; + padding: 0 20px 0 20px; + background-color: transparent; + min-height: 333px; + margin-top:0; + border-top: 10px #999999; + +} + +/* + +.maincontent td { + float: left; + width: 100%; + padding: 4px; +} +*/ +#center { + margin: 0 190px 0 0; + padding: 10px 0 40px 0; + min-height: 300px; + background-color: #00ff00; +} +.invisible { + color: #999; +} +.invisible a:link, .invisible a:visited { + color: #999; +} +a.invisible:link, a.invisible:visited { + color: #999; +} +.clear {clear: both; line-height: 0px; height: 0;} + + +input.link_alike { background-color: #FFFFFF; border-width: 0px; + color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; } +input.link_alike:hover { background-color: #FFFFFF; border-width: 0px; + color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; } + +/***************************************************** + * REDEFINED HTML TAGS * + *****************************************************/ +img { + border: none; + +} +p,blockquote,ol,ul { + font-size: 12px; +} +h1 { + font-size: 21px; +} +h2 { + font-size: 18px; +} +h3 { + font-size: 15px; + margin-top:0px; + padding-top:0px; +} +h4 { + font-size: 12px; +} +h5,h6 { + font-family: verdana, arial, helvetica, sans-serif; +} + +/* the following for regular elements */ +a:link { + text-decoration: none; + font-weight : bold; + color : #333; +} +a:visited { + text-decoration: none; + font-weight : bold; + color : #333; +} +a:hover { + text-decoration: none; + color: #f3840d; + font-weight: bold; +} +a:active { + text-decoration: none; + font-weight : bold; + color : #f00; +} +select, textarea { + color : #000; + border: 1px solid #000; +} +input.checkbox { + border-width: 0; +} + + +select, +input[type=checkbox], +input[type=radio], +input[type=button], +input[type=submit] {cursor: pointer; font-size: 12px;} +input[text] {font-size: 12px; } + +/* user_portal course status icon */ +.coursestatusicons{ + border: 0px solid #000; + float: left; + padding-right: 5px; + width: auto; +} + +/* user_portal course list */ +.courses { + list-style-type: none; + margin-bottom: 5px; +} +/***************************************************** + * HEADER STYLES * + *****************************************************/ +#header { + width: 100%; + padding: 0; + margin: 0; +} +/******************************************************** + * HEADER 1: Title, portal, organisation, course title * + ********************************************************/ +#header1 { + font-size: 12px; + padding: 4px; + background-color: #7171b7; + color: #666; + height: 50px; + background-image: url(images/header.jpg); + Background-repeat: no-repeat; + + +} +#logoDemo{ + position: relative; + float:right; + width:317px; + height:120px; + margin-bottom: 0px; + margin-top: 15px; + margin-right: 5px; + padding: 0px 0px 0px 0px; + background: transparent; + background-image: url("images/logoDemo.png"); +} +#header1 a { + color: #fff; + text-decoration: none; +} +#header1 a:hover{ + text-decoration: underline; +} +#sitename { + margin: 0; + font-weight: bold; +} + +#top_corner +{ + +} + +#institution { + float: left; + font-weight: bold; +} +#my_courses { + float: right; + font-weight: bold; +} +/******************************************************** + * HEADER 2: Users online, help, student/teacher view * + ********************************************************/ +#header2 { + position: relative; /* to avoid the IE peekabo bug*/ + font-size: 1.0em; + font-weight: normal; + min-height:10px; + padding: 0.2em 0.5em; + padding-bottom: 0.2em; + background: #A7A7E5; + color: #666; + +} +#header2 a { + color: #666; + text-decoration: none; + font-weight:normal; +} +#header2 a:hover{ + text-decoration: underline; +} +/* Header2Right: online users, student/teacher view, help */ +#Header2Right ul{ + position: relative; /* to avoid the IE peekabo bug*/ + float: right; + width: 70%; + margin: 0; + padding: 0; + list-style-type: none; + text-align: right; +} +#Header2Right ul li { + display: inline; + color:#ffffff; +} +#Header2Right ul li a { + padding: 4px 6px 4px 4px; + color:#f1d40d; +} + + +/***************************************************** + * HEADER 3: TABS OF THE HEADER * + *****************************************************/ +#header3 { + font-size: 1.0em; + padding: 0.8em 0.5em 0.4em 0.5em; + background: #fff; + color: #006; + border-bottom: 1px solid #aeaeae; + height:25px; + margin-bottom: 1px; + background-image: url(images/fondoHeader3.jpg); + +} +#header3 A { + PADDING: 10px 0px 20px 0px; + DISPLAY: block; + width:150px; + height:25px; + BACKGROUND: url(images/tab.png) no-repeat; + COLOR: #fff; + TEXT-DECORATION: none; + text-align:center; +} +#header3 A:hover { + COLOR: #fff; + BACKGROUND: url(images/tabHover.png) no-repeat; + +} +#header3 UL { + PADDING-RIGHT: 75px; + PADDING-LEFT: 10px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + LIST-STYLE-TYPE: none; + display: inline; + width:50px; + height:50px; + +} +#header3 LI { + PADDING-RIGHT: 0px; + PADDING-LEFT: 9px; + FLOAT: left; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + PADDING-TOP: 0px; + /*border-bottom: 1px solid #dcdcdc;*/ +} +#header3 LI:hover { + PADDING-RIGHT: 0px; + PADDING-LEFT: 9px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + PADDING-TOP: 0px +} +#header3 #current { + +} +#header3 #current A { + COLOR: #666; + BACKGROUND:url(images/tabCurrent.png) no-repeat; + + +} + +#header3 .banner_links { + margin: 0; +} + +#header3 input.logout { + /* makes an input appear like a link in this header */ + margin: 0 0 0 0; + padding: 50px 50px 30px 0px; + background-color: transparent; + border: none; + COLOR: #fff; + font-size: 1.0em; + font-weight:bold; + font-family: verdana, arial, helvetica, sans-serif; + display: inline; + + PADDING-RIGHT: 10px; + PADDING-TOP: 3px; +} +#header3 input:hover { + COLOR: #999; + +} +#header3 input { + PADDING-RIGHT: 15px; + DISPLAY: block; + PADDING-LEFT: 6px; +} +#header3 #logout { + margin-top: 0px; +} + +#header3 input.logout:hover { + +} +#logout{ + display: inline; + float: right; + width: auto; + text-align: right; + font-size: 1.0em; +} + +/***************************************************** + * HEADER 3: not used * + *****************************************************/ +#header4 { + background-color: transparent; + color: #009; + padding: 2px; + margin-bottom: 1px; + margin-top: 0px; + margin-left: 18px; + position:relative; + float: left; + clear:left; +} +#header4 a { + color: #7171b7; + font-size:12px; + background:transparent; +} +#header4 a:hover { + text-decoration: none; + color: #f3840d; +} +/* The tool shortcuts */ +#toolshortcuts { + text-align: right; + clear: right; +} + +/***************************************************** + * FOOTER STYLES * + *****************************************************/ +#footer { + padding: 60px; + height: 10px; + background-color: #ffffff; + background-image: url(images/footer.jpg); + background-repeat: no-repeat; + font-size: 12px; + color:#ffffff; + +} +#footer .copyright { + float: right; +} +#footer a{ + color:#f1d40d; + +} +#bottom_corner +{ + +} + +/***************************************************** + * NAVIGATION MENU * + *****************************************************/ +.menu { + float: right; + width: 200px; + min-height: 150px; + background-color: #F0F0F0; + border: 1px solid #bbb; + padding: 60px 10px 10px 10px; + background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center; +} + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #bbb; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color:#F0F0F0; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} +/* --- course navigation menu as a definition list --- */ +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #f0f0f0; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #E5EDF9; + color: #dcdcdc; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#dcdcdc; +} +#toolnavlist a#here { + background: #fff; + color:#dcdcdc; +} +/* --- end of course navigation menu section --- */ +/* +this lets the navigation menu appear to the left: +#center { margin: 0 0 0 180px; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: left; width: 180px; padding: 20px 0 0 0; + margin-left: -5%; +} +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ +*/ + +/***************************************************** + * LOGIN AND LANGUAGE FORM * + *****************************************************/ +#lang_form { + text-align: left; + font-size: 12px; + margin: 2px 0 10px 0; + padding: 2px; +} +#lang_form input, #lang_form select{ + font-size: 12px; + margin-left: 10px; +} + +#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; +} +input.mainoption { + font-weight : bold; +} +input.liteoption { + font-weight : normal; +} + + + + + +/***************************************************** + * 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; border-bottom: 1px solid #dcdcdc;} +#courseintro_icons { clear: both; width: 80%; margin: 10px auto;} + +.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/ + width: 80%; margin: 10px auto; padding: 10px;} + +.courseadminview, .platformadminview {position: relative; width: 80%; + margin: 25px auto 10px; padding: 10px; border: 1px solid #4171B5;} + +.viewcaption {position: relative; top: -20px; font-size: 12px; + font-weight: bold; color: #7171b7; background-color: #fff; padding: 0 4px;} +/***********************************/ + +/***************************************************** + * AGENDA * + *****************************************************/ +#agenda { + width: 100%; + margin: 0 auto; + border: 1px solid #bbb; + border-collapse: collapse; +} +.agenda_month_divider {background-color: #dcdcdc; font-weight: bold; + font-size: 12px; color: #fff; text-align: center;} +#agenda .title a { color: #fff;} +#agenda .agendaitem {font-size: 12px;} +#smallcalendar .title {background-color: #dcdcdc; font-weight: bold; padding: 2px; + color: #666; text-align: center; font-size: 11px;} +#smallcalendar .title a { color: #666;} +#agenda_select {list-style: none; border: 0px solid green; + margin: 30px 0 0 0; padding: 0 0 0 10px;} + + +/* --------------------------------------------------- + styles for the agenda (day, week, month view) +-----------------------------------------------------*/ +#agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff; + border-collapse: collapse;} + +/*The caption of the calendar (displays the month and the << and >> links*/ +#agenda_list .title {background-color: #dcdcdc; font-weight: bold; + font-size: 12px; color: #666; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #bbb;} +#agenda_list .title a:link, #agenda_list #title a:visited {background-color: #dcdcdc; font-weight: bold; + font-size: 11px; color: #666; padding: 2px 10px;text-align: center;} +#agenda_list .title a:hover {background-color: #dcdcdc; font-weight: bold; + font-size: 11px; color: #f3840d; padding: 2px 10px;text-align: center;} + +/* The cells with the name of the days of the weeks (mon->sun)*/ +#agenda_list .weekdays {background-color: #dcdcdc; text-align: center; + font-weight: bold; border: 1px solid #264269; border-collapse: collapse;} + +/* The cells for the days (1->31) */ +#agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top; + border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;} +#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top; + border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;} +#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top; + border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;} + +/* text in the cells: display of agenda items (visible)*/ +#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px; + font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;} +#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} +#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} + +/*text in the cells: display of agenda items (invisible)*/ +#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px; + font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} +#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} +#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} + +/*text in the cells: display of agenda items (highlighted)*/ +#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px; + font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;} +#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} +#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px; + font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} + +/* --------------------------------------------------- + styles for the mini agenda +-----------------------------------------------------*/ +#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff; + border-collapse: collapse;} +#smallcalendar .weekdays {background-color: #dcdcdc; text-align: center; + font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;} +#smallcalendar .days_week {background-color: #f5f5f5; text-align: center; + font-size: 11px; border-collapse: collapse;} +#smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center; + font-size: 11px; border: 1px solid #fff; border-collapse: collapse;} +#smallcalendar .days_today {width: 12%; text-align: center; + font-size: 11px; border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;} + +/* --------------------------------------------------- + styles for the personal agenda +-----------------------------------------------------*/ +.personal_agenda {color: #008000; } +.personal_agenda a:link, .personal_agenda a:visited {color: #008000; } +a.personal_agenda:link, a.personal_agenda:visited {color: #008000; } +.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; } +a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } + + + +/***************************************************** + * DISPLAY MESSAGES * + *****************************************************/ +/* normal and erro message-box */ +.normal-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; + border: 1px solid #dcdcdc; + color: #000; + background-color: #E5EDF9; + min-height: 30px; +} +.warning-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; + border: 1px solid #FFB30F; + color: #000; + background-color: #FFEFA7; + min-height: 30px; +} +.confirmation-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; + border: 1px solid #1F8323; + color: #000; + background-color: #CAF0C7; + min-height: 30px; +} +.error-message { + position: relative; + margin: 10px auto; + margin-left: -250px; + width: 500px; + left: 50%; + right: 50%; + border-width: 1px; + border-style: solid; + padding: 5px; + border: 1px solid #FF0000; + color: #000; + background-color: #FFD1D1; + min-height: 30px; +} +.confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link +{ + position: absolute; + bottom: 0.2em; + right: 0.5em; +} + +#message {margin: 0 auto; text-align: center;} +#message select {margin: 10px 0; width: 220px;} +#message textarea {margin: 10px 0;} +#message td {padding: 4px;} + +/********************************************** + * DOCUMENT MODULE * + **********************************************/ +/* styles from the document.php file */ +.comment { margin-left: 30px; } + +/* styles from the upload.php file */ +dl.upload_option {margin: 1em 0; padding: 0;} +.upload_option dt {font-weight:bold; margin:0;} +.upload_option dd {margin:0;} + +/********************************************** + * 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;} + +.note { margin: 6px; font-size: 12px; line-height: 14px; + font-family: verdana, arial, helvetica, sans-serif; background-color: #f0f0f0; + color: #666666; border: 1px solid #bbb; padding: 10px 10px 10px 10px;} + .note b {margin: 10px 10px 5px 0px; } + +.alternativeBgLight { background-color: #f5f5f5; + border: 1px solid #dcdcdc; border-collapse: collapse;} +.alternativeBgDark { background-color: #ccf; + border: 1px solid #dcdcdc; border-collapse: collapse;} +.myagendatoday { + background-color: #FFCA8D; + border-collapse: collapse; + font-family: verdana, arial, helvetica, sans-serif; + color: #CC3300; + font-weight: bold; + } + +/***************************************************** + * FORM STYLES * + *****************************************************/ +div.row { + clear: both; + padding-top: 5px; +} +div.row div.form_header { + white-space: nowrap; + padding: 2px; + background-color: #f0f0f0; + border: 1px solid #bbb; +} +div.row div.label { + float: left; + width: 18%; + text-align: right; +} +div.row div.formw { + 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; +} + +/***************************************************** + * 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: 12px; + border: 1px solid gray; + background-color: #f0f0f0; +} +.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; 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;} +/* 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; +} +/*************************************************************** + * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION * + ***************************************************************/ +.settingtitle{ + background-color: #EFEFEF; + border: 1px solid #cccccc; + font-weight: bold; + color: #666666; + list-style-type: none; + margin: 5px; + padding: 5px; + font-size: 11px; + } +.settingcomment{ + color: #000000; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.settingvalue{ + list-style-type: none; + margin: 5px; + padding: 5px; +} + +/***************************************************** + * ANNOUNCEMENTS * + *****************************************************/ +.announcements_datum +{ + font-size: 12px; + font-style: italic; + color: #666666; +} +/***************************************************** + * SYSTEM ANNOUNCEMENTS * + *****************************************************/ +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; +} + + + + + + +/***************************************************** + * THE NEW FORUM * + *****************************************************/ +/* **** FORUM CATEGORY **** */ +.forum_category { + background-color: #0066CC; + color: #fff; +} +.forum_category a{ + color: #fff; +} +.forum_category_header { + background-color: #0066CC; + color: #fff; +} +tr.forum_category_header a{ + color: #fff; +} + +/* **** FORUM **** */ +.forum_header{ + background-color: #EFEFEF; +} + +/* **** THREAD **** */ +.forum_threadheader{ + color: #aaa; + background-color: #F7F7F7; +} +tr.forum_threadheader td{ +} + +/* **** POST **** */ +.quote{ + background-color: #EFEFEF; +} +.forum_message_left { + width: 150px; + vertical-align: top; + /*border-bottom: 1px solid #666666;*/ + border-right: 1px solid #aaa; + background-color: #F7F7F7; +} +.forum_message_left_2_be_approved { + width: 150px; + vertical-align: top; + /*border-bottom: 1px solid #666666;*/ + border-right: 1px solid #aaa; + background-color: #F7F7F7; + color: #999; +} +.forum_message_post_title{ + /*border-bottom: 1px solid #666666;*/ + font-weight: bold; + background-color: #F7F7F7; + height: 20px; +} +.forum_message_post_title_2_be_approved{ + /*border-bottom: 1px solid #666666;*/ + color: #999; + font-weight: bold; + background-color: #F7F7F7; + height: 20px; +} +.forum_message_post_text{ + /*border-bottom: 1px solid #666666;*/ + margin-bottom: 10px; + vertical-align: top; +} +.forum_message_post_text_2_be_approved{ + /*border-bottom: 1px solid #666666;*/ + color: #999; + margin-bottom: 10px; + vertical-align: top; +} +.current{ + font-weight: bold; +} +.structure{ + /*border-bottom: 1px solid #666666;*/ + font-weight: bold; + background-color: #F7F7F7; + height: 20px; +} +a.forum_group_link { + font-weight: lighter; + display:inline; +} + +.forum_description { + color: #000; + font-weight: normal; + font-style: italic ; +} + +.forum_title{ + color: #000; + font-size: 12px; + +} +.forum_low_description{ + color: #737780; + font-style: italic ; + font-weight: normal; +} + +.forum_attach_comment { + color: #737780; + font-style: italic ; + font-weight: normal; +} + + +/* **** BLOG **** */ +span.blog_title { + font-size: 20px; + font-weight: bold; + color: #3D4091; +} +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: #3D4091; + 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: #3D4091; + 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; +} +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; +} + +.attachment_comment { + color: #737780; + font-style: italic ; + font-weight: normal; +} + + +.link {text-decoration: none; font-weight : bold; color : #1657A9; cursor: pointer} +.link:hover {text-decoration: none; color: #abd9f1; font-weight: bold; cursor: pointer} + +/***************************************************** + * INSTALLATION * + *****************************************************/ +#installation_steps{ + float:left; + background-color: #EFEFEF; +} +.current_step{ + font-weight: bold; + +} + + + + + + + + + + + + + + + +/************************************************************ + styles below here are not necessarily used in the current + release and the CVS files, they are from earlier versions, + and have been left untouched for anyone needing them in + their own platform ... +*************************************************************/ +.topBanner a:link, .topBanner a:active, .topBanner a:visited { + text-decoration:none; + color:white; +} +.topBanner table { + text-decoration:none; +} +.topBanner a:hover { + text-decoration:underline; +} +.topBanner td { + border-top: solid White 1px; +} +.alternativeBgLight { + background-color: #f5f5f5; +} +.alternativeBgDark { + background-color: #e6e6e6 +} +.forms { + letter-spacing: normal; + text-align: justify; + text-indent: 3pt; + word-spacing: normal; + padding: 2px 5px; +} +.formsTips { +text-align: justify; +text-indent: 15pt; +word-spacing: normal; +} +/* +input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal; +padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} +*/ +.warn { + border: thin double Silver; + margin-left: 15px; + margin-right: 15px; + font-family: serif; + color: Red; + padding-left: 25px; +} +.small { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px +} +.xsmall { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px +} +.xxsmall { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 9px +} + +#glossary_menu li{ + LIST-STYLE-TYPE: none; + display: inline; + padding-left:5px; +} +.glossary_divider +{ + text-transform: capitalize; + background-color: #CCCCCC; + padding: 3px; + font-weight: bold; + margin-bottom: 3px; + margin-top: 10px; +} +.glossary_word +{ + background-color: #F7F7F7; + padding: 3px; + font-weight: bold; + margin-bottom: 3px; + margin-top: 10px; +} + +/* + * TABBED INTERFACE + */ +#tabbed_menu +{ + 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; + border-bottom: 1px solid #666666; + 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%; +} + +/* don't work on IE 6 */ +#WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] { + width: auto; +} + +/* only for IE6 */ +#WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest { + width: auto; +} + +#WCAG-content img { + float: left; + margin-right: 5px; + margin-bottom: 5px; +} + +#WCAG-content p { + text-align: justify; +} + +/* hack for IE < 7 */ + +#course_description input { + width: auto; +} + +#course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel { + width: 100%; +} + +.WCAG-form textarea { + width: 100%; + height: 180px; +} + +.skip { + display: none; +} + + + +/* +------------------------------------------------------------------------------ + OTHERS +------------------------------------------------------------------------------ +*/ +.input_titles{ + width: 300px; +} +/* +------------------------------------------------------------------------------ + Survey +------------------------------------------------------------------------------ +*/ +#survey_title{ + background-color:#dcdcdc; + color:#000; + padding:2px; +} +#survey_subtitle{ + background-color:#dcdcdc; + color:#000; + padding:2px; +} +.survey_content{ + background-color:#EFEFEF; + color:#264269; + padding:5px; + border: 1px solid #999; +} +.survey_question_wrapper{ + border: 1px solid #999; +} +.survey_question{ + /* 264269 4271b5 E5EDF9 */ + background-color:#f0f0f0; + color:#999; + padding:5px; + /*border: 1px solid #264269;*/ +} +.survey_question_options{ + /* 264269 4271b5 E5EDF9 */ + background-color:#FFF; + color:#000; + padding:5px; + /*border: 1px solid #264269;*/ +} + +/* +|---------------------------------------------------------------------------- +| 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; +} + +.topa { + background:transparent url('images/logoa4.gif') no-repeat; +} + +.topb { + background:transparent url('images/logob4.gif') no-repeat; +} + +#bottomhellomindfactory { + margin: 5px; + height:200px; + width:680px; + background:transparent url('images/textologo.jpg') no-repeat; +} +/* +.copyright { + display:none; +} +*/ + + +/* +------------------------------------------------------------------------------ + Learning path +------------------------------------------------------------------------------ +*/ +#show_audiorecorder_div{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px;} + + + + diff --git a/main/css/cosmic_campus/images/fondoHeader3.jpg b/main/css/cosmic_campus/images/fondoHeader3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2154d1a15c9cbe62beeec360cc608f7cc49e785f GIT binary patch literal 619 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 If5PPd0Lz)|EdT%j literal 0 HcmV?d00001 diff --git a/main/css/cosmic_campus/images/footer.jpg b/main/css/cosmic_campus/images/footer.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a58fd41d7e61161613dcd1687cae7f754e6aa782 GIT binary patch literal 22701 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 G_5T4H?DYQt literal 0 HcmV?d00001 diff --git a/main/css/cosmic_campus/images/header.jpg b/main/css/cosmic_campus/images/header.jpg new file mode 100644 index 0000000000000000000000000000000000000000..37c266d53302422a0e7df660e5f8af282465fc76 GIT binary patch literal 17851 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 z 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 NV{KNzZ2LU_{{Xv&y+8l} literal 0 HcmV?d00001 diff --git a/main/css/cosmic_campus/images/outer.png b/main/css/cosmic_campus/images/outer.png new file mode 100644 index 0000000000000000000000000000000000000000..1bcc85fd8ef654a40df299cdf49a1e3cfe6096b1 GIT binary patch literal 3653 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 N002ovPDHLkV1kIEZvp@S literal 0 HcmV?d00001 diff --git a/main/css/cosmic_campus/learnpath.css b/main/css/cosmic_campus/learnpath.css new file mode 100644 index 0000000000..ff9e5bad29 --- /dev/null +++ b/main/css/cosmic_campus/learnpath.css @@ -0,0 +1,104 @@ +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{background:#F0F0F0; border:1px solid #999999; border-bottom:0; 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:400px; padding:3px 10px 3px 0; overflow-x : auto; overflow-y : scroll; width:230px;} + + +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:0px; +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; width:240px;} +table.lp_build td.workspace{padding:0; 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;} \ No newline at end of file diff --git a/main/css/cosmic_campus/print.css b/main/css/cosmic_campus/print.css new file mode 100644 index 0000000000..44943fed35 --- /dev/null +++ b/main/css/cosmic_campus/print.css @@ -0,0 +1,657 @@ +/* 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; +} +#header3 { + 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; +} +.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; 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*/ +.settingtitle{ + background-color: #EFEFEF; + border: 1px solid #cccccc; + font-weight: bold; + color: #666666; + list-style-type: none; + margin: 5px; + padding: 5px; + font-size: 11px; + } +.settingcomment{ + color: #000000; + margin: 5px; + padding: 5px; + font-size: 11px; +} +.settingvalue{ + list-style-type: none; + margin: 5px; + padding: 5px; +} + +/* New Announcements Tool */ +.announcements_datum +{ + font-size: 12px; + font-style: italic; + color: #666666; +} + +/* Styles for user roles and rights */ + +.role_right_true a:link, .role_right_true a:visited {color: #00CC00; } +a.role_right_true:link, a.role_right_true:visited {color: #00CC00; } +.role_right_true a:hover, .role_right_true a:hover {color: #00CC00; } +a.role_right_true:hover, a.role_right_true:hover {color: #00CC00; text-decoration:underline } + +.role_right_false a:link, .role_right_false a:visited {color: #FF0000; } +a.role_right_false:link, a.role_right_false:visited {color: #FF0000; } +.role_right_false a:hover, .role_right_false a:hover {color: #FF0000; } +a.role_right_false:hover, a.role_right_false:hover {color: #FF0000; text-decoration:underline } + +/* 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; +} +.view_role_form { + display: inline; +} + +/***************************************************** + * 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; +} \ No newline at end of file diff --git a/main/css/cosmic_campus/scorm.css b/main/css/cosmic_campus/scorm.css new file mode 100644 index 0000000000..745a4485e0 --- /dev/null +++ b/main/css/cosmic_campus/scorm.css @@ -0,0 +1,176 @@ +.scormpage +{ + height: 100%; +} +.scormpage .menu +{ + width: 180px; + float: left; + margin: 1px; + padding: 0px; + margin-top: 0px; + padding-top: 0px; + font-size: small; +} +.lp_toc{ + background-color: white; + height: 380px; + width: 99%; + border-right: 1px none; +} +.inner_lp_toc{ + overflow: auto; + background-color: white; + height: 325px; + width: 90%; + border-right: 1px #999999 solid; + border-left: 15px #FFF solid; + +} +.inner_lp_toc .scorm_item{ + + font-size: 11px; + margin-left: 10px; + margin-right:20px; + padding-bottom: 2px; + text-decoration: none; +} + +.inner_lp_toc .scorm_item A +{ + font-size: 11px; + margin-right: 1px; + padding-bottom: 2px; + text-decoration: none; + font-weight: normal; +} + +.inner_lp_toc .scorm_item A.chapter_module{ + font-weight: normal; + margin-right: 10px; +} + + +.inner_lp_toc .scorm_item_highlight +{ + font-size: 11px; + margin-right: 1px; + padding-bottom: 2px; + text-decoration: none; + font-weight: normal; + + background:#aaa; +} + +.inner_lp_toc .scorm_item_highlight A +{ + font-size: 11px; + margin-right: 1px; + text-decoration: none; + font-weight: normal; + +} +.inner_lp_toc .scorm_item_1 +{ + font-size: 11px; + margin-right: 1px; + padding-bottom: 2px; + text-decoration: none; + font-weight: normal; + + background:#ddd; +} + +.inner_lp_toc .scorm_item_2 +{ + font-size: 11px; + margin-right: 1px; + padding-bottom: 2px; + text-decoration: none; + font-weight: normal; + + background:#eee; +} + + +.inner_lp_toc .scorm_title +{ + font-weight: bold; + background:#A7A7E5; + + font-size: 12px; + color: #fff; +} + + +.inner_lp_toc .scorm_status_img{ + margin:0px; + margin-left: -10px; + width:10px; +} + + + + +.lp_navigation{ + overflow: auto; + background-color: white; + height: 44px; + width:180px; + padding-top: 4px; + padding-bottom:0px; + border: none; + margin-top: -18px; + border-top: 1px dotted black; + border-bottom: 1px dotted black; +} + +.lp_navigation_elem{ + padding-left: 60px; + padding-top: 0px; +} +/*.scormpage .menu */ +.lp_navigation_elem .progresstext{ + margin-top: -12px; + margin-left: 4em; + font-size: smaller; +} + +/*.scormpage .menu */ +.lp_navigation_elem .buttons{ + margin-left: 5px; + margin-right: 0em; + margin-top: 0.4em; +} + +.scormpage .menu .notification{ + background-color: white; + height: 50px; +} +.scormpage .menu .notification .message{ + background-color: white; + height: 50px; + width: 180px; + border: none; +} + +.scormpage .content{ + /*float: left; + width: 60%;*/ + margin-top: 0px; + padding-top: 0px; + padding-left: 180px; + background-color: white; +} +.iframe{ + border: 0px solid black; + height: 580px; + width: 95%; + margin: 0px; + padding-right: 0px; + overflow: auto; + vertical-align: top; +} +.scormpage .footer{ + clear: both; +} diff --git a/main/css/cosmic_campus/scormfs.css b/main/css/cosmic_campus/scormfs.css new file mode 100644 index 0000000000..e9a7656cd6 --- /dev/null +++ b/main/css/cosmic_campus/scormfs.css @@ -0,0 +1,79 @@ +.scormpage{ +} +.scormpage .menu +{ + width: 180px; + padding: 0px; + font-size: small; + position: absolute; + background-color: white; +} +.scormpage .menu .lp_nav{ + height: 50px; + width: 160px; + padding-top: 4px; + padding-bottom:0px; +/* + margin-left: 10px; + margin-right: 10px; +*/ + margin-top: 0px; +} + +.lp_navigation_elem{ + padding-left: 60px; + padding-top: 0px; +} +/*.scormpage .menu */ +.lp_navigation_elem .progresstext{ + margin-top: -12px; + margin-left: 4em; + font-size: smaller; +} + +/*.scormpage .menu */ +.lp_navigation_elem .buttons{ + margin-left: 5px; + margin-right: 0em; + margin-top: 0.4em; +} + +#msg_div_id{ + padding-left: 10px; + padding-top: 4px; +} +.scormpage .menu .notification{ + height: 50px; + margin-left: 15px; + margin-right: 15px; +} +.scormpage .menu .notification .message{ + height: 50px; + width: 140px; + border: none; +} +.scormpage .menu .notification .lp_log{ + height: 100px; + width: 180px; + border: none; + overflow: auto; +} +.scormpage .content .iframe{ + /* + border: none; + height: 700px; + margin: 0px; + padding-right: 0px; + margin-right: 0%; + margin-left: 0%; + */ + /* trying the absolute mode */ + position: fixed; + bottom:0; + left:0; + width: 100%; + height: 100%; +} +.scormpage .footer{ + clear: both; +}