diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css index 4153121ba7..cc09c5c344 100644 --- a/main/css/cosmic_campus/default.css +++ b/main/css/cosmic_campus/default.css @@ -1,1394 +1,735 @@ /***************************************************** - * MAIN - COSMIC CAMPUS * + * MAIN - CHAMILO CSS *****************************************************/ -/* Adding default generic style for non chamilo_X themes */ -@import url('../base.css'); -/* Redefining html styles */ -body { - /* hack ignored by non-IE to enable ie to support :hover on button */ - behavior:url("/main/css/csshover3.htc"); - font-family: arial, verdana, helvetica, sans-serif; - font-size: 12px; - color: #000; - background-color: #fff; - margin: 0; - padding: 0; -} - -div.row div.label { - width: 0%; -} -div.row div.formw { - width: 100%; -} -img { - border: none; -} +/* Adding default style for the chamilo_X themes */ +@import url('../base_chamilo.css'); +/* the following for regular elements */ a { - font-weight: bold; - text-decoration: none; - color:#333; + text-decoration: none; + color :#6E6E6E; } a:visited { - color: #333; + text-decoration: none; } a:hover { - color: #f3840d; + text-decoration: none; + color: #FE9A2E; } - -/* header 1 styles */ -#header1 { - padding: 4px; - background-color: #7171b7; - color: #666; - height: 50px; - background-image: url(images/header.jpg); - background-repeat: no-repeat; -} -#header1 a { - color: #fff; - text-decoration: none; -} -#header1 a:hover { - text-decoration: underline; -} -#institution { - float: left; - font-weight: bold; +a:active { + text-decoration: none; } - -/* header 3 styles */ -.subnav .navbar-inner { - color: #006; - border-bottom: 1px solid #aeaeae; - background-color: #7171B7; /* Old browsers */ - background-repeat: repeat-x; /* Repeat the gradient */ - background-image: -moz-linear-gradient(top, #AAAAF2 0%, #7171B7 100%); /* FF3.6+ */ - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7171B7), color-stop(100%,#7171B7)); /* Chrome,Safari4+ */ - background-image: -webkit-linear-gradient(top, #AAAAF2 0%,#7171B7 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -o-linear-gradient(top, #AAAAF2 0%,#7171B7 100%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAAAF2', endColorstr='#7171B7',GradientType=0 ); /* IE6-9 */ - background-image: linear-gradient(top, #AAAAF2 0%,#7171B7 100%); /* W3C */ - border: 1px solid #e5e5e5; - background-image: -ms-linear-gradient(top, #AAAAF2 0%,#7171B7 100%); /* IE10+ */ +.page-section{ + background: url(images/home-bg.png) repeat-x 0 -15px; + margin-top: -10px; +} +.navbar .nav > li > a { + float: none; + line-height: 24px; + padding-bottom: 13px; + padding-right: 10px; + padding-top: 13px; + color: #FFFFFF; + text-shadow: none; +} +.subnav .navbar-inner { + background: rgb(226,56,40); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(226,56,40,1) 0%, rgba(226,56,40,1) 50%, rgba(181,45,32,1) 50%, rgba(181,45,32,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,56,40,1)), color-stop(50%,rgba(226,56,40,1)), color-stop(50%,rgba(181,45,32,1)), color-stop(100%,rgba(181,45,32,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(226,56,40,1) 0%,rgba(226,56,40,1) 50%,rgba(181,45,32,1) 50%,rgba(181,45,32,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(226,56,40,1) 0%,rgba(226,56,40,1) 50%,rgba(181,45,32,1) 50%,rgba(181,45,32,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(226,56,40,1) 0%,rgba(226,56,40,1) 50%,rgba(181,45,32,1) 50%,rgba(181,45,32,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(226,56,40,1) 0%,rgba(226,56,40,1) 50%,rgba(181,45,32,1) 50%,rgba(181,45,32,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23828', endColorstr='#b52d20',GradientType=0 ); /* IE6-9 */ + border: none; + margin-bottom: 5px; } .subnav .nav > li > a { - color: #fff; + border:none; + color: #FFFFFF; + font-weight: bold; + font-size: 13px; + box-shadow: none; + text-transform: uppercase; } -.subnav a:hover { - color: #8484CA; +.subnav .nav > li > a:hover{ + background: #3D3D3D; + color: #FFFFFF; + line-height: 22px; } -.subnav .nav > li > a { - border-left: none; - border-right: none; +.subnav .nav > #current > a, +.subnav .nav > #current > a:hover { + color: #fff; + background-color: #EC5923; + border: 1px solid #EC5923; + box-shadow:0 1px 1px rgba(0, 0, 0, 0.15) inset; + line-height: 22px; } -/* The tool shortcuts */ -#toolshortcuts { - text-align: right; - clear: right; - margin-left: auto; - margin-right: auto; - padding: 10px; - width: 98.7%; +.subnav li a { + color:#fff; } -/* footer styles */ -footer { - background-color: #7171b7; - background-image: url(images/footer.jpg); - background-repeat: no-repeat; - font-size: 12px; - color:#ffffff; - overflow:hidden; - width: 100%; - padding-bottom:10px; +.subnav .navbar-inner li a:hover { + color: #790000; + background:none; + border: none; + box-shadow:none; + line-height: 24px; } -footer a:link, footer a:visited { - color:#f1d40d; +.well .nav-list > li > a:hover { + text-decoration: none; + background: none; +} +.sidebar-nav h4{ + color: #037FB2; + padding-bottom: 3px; + padding-left: 15px; + padding-right: 15px; + padding-top: 3px; +} +.dropdown .dropdown-menu li a:hover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.push { - height: 9em; /* Very important */ +#logout_button{ + margin-top: 4px; + border: none; } +#logout_button:hover{ + margin-top: 4px; + background: none; + box-shadow: none; -/* ------------------------------------------------------------------------------ -Side-Menu Slider (JQuery) see banner.inc.php ------------------------------------------------------------------------------ -*/ -ul#navigation { - position: fixed; +} +/***************************************************** + * STYLE THEME CHAMILO * + *****************************************************/ + /*.page-section{ + background:url(images/bg-header.jpg) repeat-x; + margin-top: -5px; + }*/ +.navbar-inner{ + background: #0F0F0F; /* Old browsers */ +} +.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { + background-color: #3A4751; + color: #FFFFFF; +} +.navbar-search { + margin-bottom: 0; + margin-top: 11px; + position: relative; +} +.navbar-search .search-query { + background:#FFFFFF; + color: #666; + border: 1px solid #ffffff; +} +.navbar .nav .active > a, .navbar .nav .active > a:hover { + background:none; + color: #FFFFFF; +} +.welcome-mascot{ + background: url(images/chamilo-welcome.png) no-repeat right 0; + padding-right: 200px; + padding-bottom: 2em; + padding-top: 2em; +} + +.nav-list > li > a { + font-size: 14px; + padding-bottom: 6px; + /* padding-left: 15px; + padding-right: 15px;*/ + padding-top: 6px; +} +.controls .btn{ + background:#EC5923; + color: #ffffff; + border:1px solid rgba(0, 0, 0, 0.15); + padding: 5px 25px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); +} +.controls .btn:hover{ + background: #EC5923; /* Old browsers */ + color: #FFFFFF; + border:1px solid rgba(0, 0, 0, 0.15); + padding: 5px 25px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); + +} +.form-actions { + background:transparent; +} +.breadcrumb { + margin-bottom: 0; + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ + padding-top: 5px; + padding-bottom: 5px; + border: 1px solid #E1E1E0; + box-shadow: none; + color: #666; +} +.breadcrumb a{ + color: #666; + font-size: 13px; + line-height: 30px; + text-transform: none; +} + +.breadcrumb li{ + font-size: 14px; + text-shadow: none; +} +.breadcrumb a.btn-mini{ + font-size: 12px; + line-height: 17px; + text-transform: none; + color: #FFFFFF; +} +.breadcrumb a.btn-success { + background: #f68a7a; /* Old browsers */ +background: -moz-linear-gradient(top, #f68a7a 0%, #f26954 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f68a7a), color-stop(100%,#f26954)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f68a7a 0%,#f26954 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f68a7a 0%,#f26954 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a7a', endColorstr='#f26954',GradientType=0 ); /* IE6-9 */ + border: 1px solid #FD6600; + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); +} +.breadcrumb a.btn-success:hover{ + background: #f68a7a; /* Old browsers */ +background: -moz-linear-gradient(top, #f68a7a 0%, #ef7f70 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f68a7a), color-stop(100%,#ef7f70)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f68a7a 0%,#ef7f70 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f68a7a 0%,#ef7f70 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a7a', endColorstr='#ef7f70',GradientType=0 ); /* IE6-9 */ +text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); +} +.btn{ + display: inline-block; + padding: 3px 25px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); + cursor: pointer; + color: #FFFFFF; + background: #3D3D3D; /* Old browsers */ + border:1px solid rgba(0, 0, 0, 0.15); +} +.btn:hover{ + background: #4E5B65; /* Old browsers */ + color: #ffffff; + text-decoration: none; +} +.btn-primary{ + background:#EC5923; + color: #ffffff; + border:1px solid rgba(0, 0, 0, 0.15); + padding: 3px 25px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); +} +.btn-primary:hover{ + background: #EA4E15; /* Old browsers */ + color: #FFFFFF; + border:1px solid rgba(0, 0, 0, 0.15); + + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.17); +} + +/* styles for the star rater */ +.star-rating{ + list-style:none; margin: 0px; + padding:0px; + width: 125px; + height: 25px; + position: relative; + overflow:hidden; + background: url(images/start-level.png) top left repeat-x; +} +.star-rating li{ + padding:0px; + margin:0px; + width:25px; + height:25px; + float: left; +} +.star-rating li a{ + display:block; + width:25px; + height: 25px; + line-height:25px; + text-decoration: none; + text-indent: -9000px; + z-index: 20; + position: absolute; padding: 0px; - top: 10px; - right: -10px; - list-style: none; - z-index:9999; + overflow:hidden; } - -ul#navigation li { - width: 73px; +.star-rating li a:hover{ + background: url(images/start-level.png) left bottom; + z-index: 2; + left: 0px; + border:none; } - -ul#navigation li a { +.star-rating a.one-star{ + left: 0px; +} +.star-rating a.one-star:hover{ + width:25px; +} +.star-rating a.two-stars{ + left:25px; +} +.star-rating a.two-stars:hover{ + width: 50px; +} +.star-rating a.three-stars{ + left: 50px; +} +.star-rating a.three-stars:hover{ + width: 75px; +} +.star-rating a.four-stars{ + left: 75px; +} +.star-rating a.four-stars:hover{ + width: 100px; +} +.star-rating a.five-stars{ + left: 100px; +} +.star-rating a.five-stars:hover{ + width: 125px; +} +.star-rating li.current-rating{ + background: url(images/start-level.png) left center; + position: absolute; + height: 25px; display: block; - margin-left: 1px; - width: 65px; - height: 60px; - background-color:#CFCFCF; - background-repeat:no-repeat; - background-position:center center; - border:1px solid #AFAFAF; - -moz-border-radius:10px 0px 0px 10px; - -webkit-border-bottom-right-radius: 10px; - -webkit-border-top-right-radius: 10x; - -khtml-border-bottom-right-radius: 10px; - -khtml-border-top-right-radius: 10px; - -moz-box-shadow: 0px 4px 3px #000; - opacity: 0.6; - filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); - -webkit-box-shadow: 0px 4px 3px #000; + text-indent: -9000px; + z-index: 1; +} +/*ICON INBOX*/ +.home-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 0; + background-size: 24px auto; + padding-left: 30px; +} +.home-icon:hover,.messages-icon:hover, .invitations-icon:hover,.shared-profile-icon:hover,.friends-icon:hover, +.browse-groups-icon:hover ,.search-icon:hover ,.myfiles-icon:hover { + opacity: 0.8; +} +.messages-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -29px; + background-size: 24px auto; + padding-left: 30px; +} +.invitations-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -61px; + background-size: 24px auto; + padding-left: 30px; +} +.shared-profile-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -96px; + background-size: 24px auto; + padding-left: 30px; +} +.friends-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -130px; + background-size: 24px auto; + padding-left: 30px; +} + +.browse-groups-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -163px; + background-size: 24px auto; + padding-left: 30px; +} + +.search-icon { + background:url(images/icon-chamilo.png) no-repeat 0 -198px; + background-size: 24px auto; + padding-left: 30px; +} + +.myfiles-icon { + background:url(images/icon-chamilo.png) no-repeat 0 -229px; + background-size: 24px auto; + padding-left: 30px; +} + +/* END ICON INBOX */ +.nav-list > .active > a, .nav-list > .active > a:hover { + color: #333333; + background: none; + text-shadow:none; +} +.social-menu .well .thumbnail{ + border: none; + border-radius: none; + box-shadow: none; +} +.invitation_confirm .thumbnail{ + border: 1px solid rgba(96, 165, 209, 0.1); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + display: block; + line-height: 1; + padding: 4px; + background-color: #EEF5FA; } - -ul#navigation .help a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#879DAA; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding: 6px 0 8px 6px; +.invitation_confirm a.thumbnail:hover{ + border-color: rgba(96, 165, 209, 0.1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + background-color: #FFFFFF; } - - -ul#navigation .report a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#8fd400; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding: 6px 0 8px 6px; +.social-menu .well .thumbnail img{ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: 2px solid #FFFFFF; } +/*CSS SLIDER ANUNCIOS*/ -ul#navigation .student a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#b27651 ; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding-bottom: 8px; +.pagerslide h2{ + font-size: 18px; + font-weight: normal; + background: #E6E6E6; + color: #666; + padding-left: 15px; } +#top_main_content #announcements .page-header{ + display: none; + line-height: 1; +} +#top_main_content #announcements .span6 { + width: 800px; +} + +/*CSS PARA CONTENIDO DE CURSO INTRODUCCION*/ + +.page-course-intro{ + padding: 2em; + border: 1px solid #DDDDDD; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + margin-bottom: 2em; + background: #FFFFFF; +} -ul#navigation .user-online a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#ccbc67 ; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding: 6px 0 8px 6px; +.page-course-intro ul{ + list-style-image:url(images/vineta.png); + padding-top: 10px; } - -/* Other colors for other tabs in the earth tones */ - ul#navigation .user-connect a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#fac97a ; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding: 6px 0 8px 6px; +.page-course-intro a{ + color: #FD6600; } - -ul#navigation .student-connect a { - -moz-border-radius:8px 0 0 8px; - -moz-box-shadow:0 2px 2px #000000; - background-color:#d0d5d1 ; - background-position:center center; - background-repeat:no-repeat; - border:1px solid #FFFFFF; - display:block; - height:44px; - margin-left:1px; - opacity:0.6; - width:65px; - padding: 6px 0 8px 6px; +.page-course-intro a:hover{ + color: #FD6600; + text-decoration: underline; } -/* my courses styles */ -.maincontent { - float: left; - width: 65%; - padding: 0 20px 0 20px; - background-color: transparent; - min-height: 333px; - margin-top:0; - border-top: 10px #999999; -} -.coursestatusicons { - border: 0px solid #000; - float: left; - padding-right: 5px; - width: auto; -} -.courseslist { - margin-left: -25px; +/*FIN DE INTRODUCCION DEL CURSO*/ +.fc-header-title h2{ + color: #666; } - -/* user_portal course list */ -.courses { - list-style-type: none; - margin-bottom: 5px; - height: 30px; -} -/* user_portal session list */ -.session_course_item .courses { - margin-bottom: 5px; - height:35px; -} -.session_course_item { - /* padding: 0px; */ - margin: 0px; - font-size:135%; -} -.session_course_item .item_closed, .userportal-course-item-title .item_closed { - font-size:80%; -} -.user_course_category { - background-color: #efefef; - border: 1px solid #666; - font-weight: bold; - color: #666; - list-style-type: none; - margin: 0px; - padding: 5px; +.fc-first .fc-widget-header{ + font-size: 14px; + font-weight: normal; + padding-top: 5px; + padding-bottom: 5px; } -.note { - width: auto; - margin: 24px 6px 0 6px; - padding: 3px; - border: 2px outset; - border-color:#bbb; -} -/* form styles */ - -form span.form_required { - color: #f00; +.well { + background: #F9F9F9; /* Old browsers */ + border: 1px solid #EDEDED; + border-radius: 8px; + box-shadow: none; + margin-bottom: 20px; + min-height: 20px; + padding: 20px 10px; } -form span.form_error { - color: #f00; - font-size: x-small; - margin: 2px; +input.span3, textarea.span3, .uneditable-input.span3 { + margin-right: 10px; + width: 260px; } -/* feedback messages */ -.normal-message { - border: 1px solid #dcdcdc; - color: #00407F; - background-color: #E5EDF9; -} -.warning-message { - border: 1px solid #FFB30F; - color: #000; - background-color: #FFEFA7; +.sidebar-nav img{ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } -.confirmation-message { - border: 1px solid #1F8323; - color: #1F8323; - background-color: #CAF0C7; +#homepage .row .span9 h2{ + font-size: 26px; + font-weight: bold; + color: #666; + padding-bottom: 8px; } -.error-message { - border: 1px solid #FF0000; - color: #000; - background-color: #FFD1D1; -} -/* New training */ -.bottom-link { - background-image:url(images/button_back.jpg); -} -/* other styles */ -.clear { - clear: both; - line-height: 0px; - height: 0; -} -/* actions */ -.actions_lp { - background:#F8F8F8; - height:29px; -} -.actions_lp img { - vertical-align:middle; -} -.actions_lp span { - margin-right: 10px; - vertical-align:middle; -} -.actions_lp form { - margin-right: 10px; - vertical-align:middle; -} -.actions { - background-color:#A7A7E5; - border-bottom:1px solid #7171b7; - border-top:1px solid #7171b7; - /*height:35px;*/ - padding:2px; - margin-bottom: 5px; - vertical-align:middle; - width: 99.8% -} -.actions img { - /*display:inline-block;*/ - border: none; - text-decoration: none; - padding-right: 5px; - vertical-align:middle; -} -.actions a { - display:inline-block; - margin-right: 10px; - vertical-align:middle; -} -.actions span { - margin-right: 10px; - vertical-align:middle; -} -.actions form { - margin-right: 10px; - vertical-align:middle; -} -/* big actions */ -.actionsbig { - background-color:#A7A7E5; - border-bottom:1px solid #7171b7; - border-top:1px solid #7171b7; - background-color:#efefef; - padding:2px; - margin-bottom: 5px; - vertical-align:middle; - float:left; - width:100%; -} -.content_table { - padding:2px; - margin-bottom: 5px; - vertical-align:middle; - float:left; - width:100%; -} -.actionsbig a { - float:left; - padding-left:12px; - padding-right:12px; - text-align:center; -} -.actions img { - vertical-align:middle; -} -.actions a { - margin-right: 10px; - vertical-align:middle; -} -.actions-title { - background:#efefef; - border-bottom:1px dotted #999999; - border-top:1px dotted #999999; - /*height:35px;*/ - padding:4px; - margin-bottom: 5px; - font-size:14px; - font-weight:bolder; - /*background:url(images/actions.jpg) repeat-x;*/ - vertical-align:middle; -} -.actions-message { - white-space: nowrap; - padding: 2px; - background-color: #f0f0f0; - border: 1px solid #bbb; -} -/* styles for the profile page */ -.profile_image { - float: right; - margin-right: 20px; -} -.profile_form { - float: left; - width: 75%; -} -/* course introduction */ -#courseintrocenter { - position: relative; - width: 80%; - margin: 25px auto 10px; - border-bottom: 1px solid #dcdcdc; -} -#courseintro_iconscenter { - position: relative; - width: 80%; - margin: 0px auto 10px; -} -#courseintroleft { - position: relative; - width: 80%; - margin-bottom: 5px; - border-bottom: 1px solid #dcdcdc; -} -#courseintro_iconsleft { - position: relative; - width: 80%; +#homepage .row .span9 p,#homepage .row .span9 ol { + color: #6E6E6E; } - -/* ------------------------------------------------------------------------------ -Menu Slide JQuery ------------------------------------------------------------------------------ -*/ -ul#navigation { - position: fixed; - margin: 0px; - padding: 0px; - top: 130px; - right: -10px; - list-style: none; - z-index:9999; +#homepage .row .span9 a{ + /*color: #DE3A01;*/ } - -ul#navigation li { - width: 73px; +#homepage .row .span9 a:hover{ + /*color: #DE3A01;*/ } - -ul#navigation li a { - display: block; - margin-left: 1px; - width: 65px; - height: 60px; - background-color:#CFCFCF; - background-repeat:no-repeat; - background-position:center center; - border:1px solid #AFAFAF; - -moz-border-radius:10px 0px 0px 10px; - -webkit-border-bottom-right-radius: 10px; - -webkit-border-top-right-radius: 10x; - -khtml-border-bottom-right-radius: 10px; - -khtml-border-top-right-radius: 10px; - -moz-box-shadow: 0px 4px 3px #000; - opacity: 0.6; - filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); - -webkit-box-shadow: 0px 4px 3px #000; +.page-header h2{ + color: #666; + font-weight: bold; + font-size: 18px; + padding-left: 10px; + width: 250px; } - -ul#navigation .help a{ - background-image: url(images/help2.png); +#course_tools .course-title-tools h3 { + margin-top: 10px; + color: #666; + font-weight: bold; + + } - -/* Login form */ -#formLogin div { - margin-bottom: 3px; +.page-header { + border-bottom-color: #CCCCCC; + border-bottom-style: solid; + border-bottom-width: 1px; + box-shadow: none; + padding-bottom: 0px; } -#formLogin div input[type=submit] { - width: 109px; +.well_border{ + background: #F9F9F9; /* Old browsers */ + border: 1px solid #EDEDED; + border-radius: 8px; + box-shadow: none; + margin-bottom: 20px; + min-height: 20px; + padding: 19px; } -/* normal table*/ -.normal_table { - margin: 3px; - border-collapse: collapse; - width: 98%; - padding: 5px; +.well_border .row .span2 { + width: 98px; } -/* Data table */ -.data_table { - margin: 3px; - border-collapse: collapse; - width: 99.8%; - padding: 5px; +.well_border .row .span2 .thumbnail { + background-color: #FFFFFF; + background-image: none; } -.data_table th { - text-transform: capitalize; - border: 1px solid gray; - background-color: #f0f0f0; +#hot_courses .row .span9 .well_border .row .span6{ + width: auto; } -.data_table th a { - text-decoration:none; +.categories-course-description h3{ + color: #666; } -.data_table th a:hover { +#course_tools .content a { + font-size: 12px; + font-weight: normal; } -.data_table tr.row_odd { - background: #fafafa; +#main_content .course-box .row .span7{ + width: 730px; } -.data_table tr.row_odd:hover, .data_table tr.row_even:hover { - background-color: #f0f0f0; +#main_content .course-box .row .span7 .row .span6 { + width: 615px; } -.data_table tr.row_even { - background-color: #fff; +#main_content .course-box .row .span7 .row .span6 h3{ + font-size: 20px; +} +#course_category li, #hot_courses h5, .course_item h5, .categories-course-description h5, .course-box h5 { + font-weight: normal; +} +.bottom_actions_fixed { + background:#E23827; } -.data_table td { - padding: 5px; - vertical-align: top; - border-bottom: 2px solid #fff; - border-right: 2px solid #fff; - border-left: 2px solid #fff; +/***************************************************** + * FOOTER STYLES * + *****************************************************/ +footer { + height: 10em; + background: #E23827; + color:#ffffff; + border-top: 5px solid #B52D1F; } - -.data_table_pagination { - width:100%; - margin-top: 8px; +footer .container .row { + padding-top: 5px; } - -/* sections in the page */ -.sectiontitle { - background: url('images/headertables.jpg') repeat-x top center; - background-color: #ffb963; - border: 1px solid #EE4C03; - font-weight: bold; - color: #EE4C03; - list-style-type: none; - margin: 5px; - padding: 5px; -} -.sectioncomment { - color: #000000; - margin: 5px; - padding: 5px; -} -.sectionvalue { - list-style-type: none; - margin: 5px; - padding: 5px; -} -/* invisible styles */ -a.invisible { - color: #999999; -} -a.invisible:visited { - color: #999999; -} -a.invisible:active { - color: #999999; -} -a.invisible:hover { - color: #999999; -} -/* Platform Administration */ -div.admin_section { - width: 40%; - float: left; - margin: 10px 20px; - border: 1px solid #EE4C03; - min-height:210px; -} -div.admin_section h4 { - background-color: #FDDEAA; - font-weight: bold; - list-style-type: none; - margin: 0px; - padding: 5px; -} -div.report_section h4 { - background-color: #FDDEAA; - font-weight: bold; - list-style-type: none; - margin: 0px; - padding: 5px; -} -/* course homepage */ -.courseadminview, .platformadminview { - position: relative; - width: 80%; - margin: 25px auto 10px; - padding: 10px; - border: 1px solid #EE4C03; -} -.courseadminview img, .platformadminview img { - display:inline-block; - border: none; - text-decoration: none; - background-color: #fff; - padding-right: 5px; - vertical-align:middle; -} -.viewcaption { - position: relative; - top: -20px; - font-weight: bold; - background-color: #fff; - padding: 0 4px; -} -.tool-icon { - margin-bottom: -3px; -} -/* learning path */ -table.lp_build { - height:400px; - width:100%; -} -table.lp_build td { - vertical-align:top; -} -table.lp_build td.tree { - border-right:1px solid #999999; - width:240px; -} -table.lp_build td.workspace { - padding: 0px; - padding-left:5px; - width:auto; -} -table.lp_overview { - width:100%; -} -table.lp_overview td { - border-bottom:1px solid #999999; - border-top:1px solid #999999; - height:20px; - padding:3px; - vertical-align:middle; - width:auto; -} -table.lp_overview td.title { - width:200px; -} -table.lp_overview td.actions { - text-align:center; - width:100px; -} -table.lp_overview td.move { - text-align:center; - width:50px; -} -table.lp_overview th { - background:#FFFFFF; - padding-left:3px; - text-align:center; -} -table.lp_overview tr { - background:#F8F8F8; -} -table.lp_overview tr:hover { - background:#E5EDF9; -} -table.lp_overview img { - margin-left:3px; -} -table.lp_prerequisites th { - background:#F8F8F8; - border-bottom:1px solid #999999; - border-top:1px solid #999999; -} -.lp_mediaplayer { - float: right; - padding-top: 3px; - margin-right: 5px; -} -div.lp_manipulate { - background:#F8F8F8; - border-bottom:1px dotted #999999; - margin-bottom:0px; - padding:3px 0 3px 10px; -} -div.lp_manipulate a { - padding-right:10px; -} -div.lp_resource_header { - background:#F0F0F0; - border:1px solid #999999; - font-weight:bold; - padding:10px; - width:350px; - cursor:pointer; - margin-top: -1px; -} -div.lp_resource_elements { - background:#FAFAFA; - border:1px solid #999999; - display:none; - padding:5px 10px; - width:350px; - margin-top: -1px; -} -.learnpath_chapter_form { - width: 300px; -} -.learnpath_item_form { - width: 300px; -} -#learnpath_preview_frame { - margin-top: 5px; - border:1px solid #CCCCCC; - height:490px; - width:95%; -} -/* exercices styles */ -.exercice_form { - width: 300px; -} -#validationButton { - text-decoration: none; - margin: 5px; - border:1px solid #999999; - background:#F0F0F0; - padding: 3px; - padding-left:10px; - padding-right:10px; - font-weight:bold; - color:#666; -} -.exercise_scenario_label { -} -.exercise_scenario_element { -} -span.checkbox { - width: 19px; - height: 25px; - padding: 0 5px 0 0; - background: url(images/checkbox.gif) no-repeat; - display: block; - clear: left; - float: left; -} -span.radio { - width: 19px; - height: 25px; - padding: 0 5px 0 0; - background: url(images/radio.gif) no-repeat; - display: block; - clear: left; - float: left; -} -/* forum styles */ -.forum_header { - background: transparent url('images/line.jpg') repeat-x bottom center; - font-weight: bold; -} -.forum_threadheader { - background: transparent url('images/line.jpg') repeat-x bottom center; - font-weight: bold; -} -.forum_message_left { - width: 150px; - vertical-align: top; - /*border-bottom: 1px solid #666666;*/ - border-right: 1px solid #EE4C03; - background: url('images/bglogin.jpg') repeat-y top center; - background-color: #ebc41f; -} -.forum_message_post_title { - border-bottom: 1px solid #EE4C03; - font-weight: bold; - background-color: #FDDEAA; - height: 20px; - color: #EE4C03; -} -.forum-thread-header { - color: #000000; - background-color: #F7F7F7; - border-left: 1px solid #aaa; - border-right: 1px solid #aaa; - border-bottom: 1px solid #aaa; - border-top: 1px solid #aaa; -} -.forum-thread-body { - color: #000000; - background-color: #FFFFFF; - border-left: 1px solid #aaa; - border-right: 1px solid #aaa; - border-bottom: 1px solid #aaa; - border-top: 1px solid #aaa; -} -/* Survey styles */ -#survey_title { - background-color:#dcdcdc; - color:#000; - padding:2px; -} -#survey_subtitle { - background-color:#dcdcdc; - color:#000; - padding:2px; -} -.survey_content { - background-color:#EFEFEF; - color:#264269; - padding:5px; - border: 1px solid #999; -} -.survey_question_wrapper { - border: 1px solid #999; -} -.survey_question { - /* 264269 4271b5 E5EDF9 */ - background-color:#f0f0f0; - color:#999; - padding:5px;/*border: 1px solid #264269;*/ -} -.survey_question_options { - /* 264269 4271b5 E5EDF9 */ - background-color:#FFF; - color:#000; - padding:5px;/*border: 1px solid #264269;*/ -} -/* Blog */ -.blog_menu { - border-bottom: 1px dashed #dddddd; - border-right: 1px dashed #dddddd; - border-left: 1px dashed #dddddd; - padding: 10px; -} -.blogpost { - border: 1px solid #DDDDDD; - background-color: #ECECEC; - margin-bottom: 15px; - padding: 10px; -} -.blogpost_title { - display: block; - font-weight: bold; - padding-bottom: 5px; -} -.blogpost_date { - display: block; - font-weight: bold; - color: #333333; - padding-bottom: 10px; -} -.blogpost_info { - display: block; - color: #333333; - border-top: 1px solid #dddddd; - margin-top: 5px; -} -.blogpost_comment { - border-top: 1px dashed #dddddd; - border-right: 1px dashed #dddddd; - border-bottom: 1px dashed #dddddd; - border-left: 1px dashed #dddddd; - margin-bottom: 10px; - padding: 10px; - background-color: white; - z-index: -1; -} -.blogpost_comment_title { - display: block; - font-weight: bold; - color: #1657A9; - padding-bottom: 5px; -} -.blogpost_comment_date { - display: block; - font-size: 10px; - font-weight: bold; - color: #333333; - padding-bottom: 10px; -} -.blogpost_comment_info { - font-size: 10px; - display: block; - color: #333333; - border-top: 1px solid #dddddd; - margin-top: 10px; -} -.blogpost { - border: 1px solid #DDDDDD; - background-color: #ECECEC; - margin-bottom: 15px; - padding: 10px; -} -.comments { - border: 1px solid #dddddd; - margin-bottom: 10px; - margin-top: 10px; - padding: 10px; - background-color: #F4F4F4; - margin-left:50px; -} -/* tabbed menu */ -#tabbed_menu { - border: 1px solid #EE8003; - background: transparent url('images/dropbox.jpg') no-repeat top left; - width: 300px; - margin: 0 0 1em 0; -} -#tabbed_menu_tabs { - width: 90%; - margin: 15px .2em 0 .2em; - padding: 0; - list-style-type: none; -} -#tabbed_menu_tabs li { - padding: 0; - margin: 0 .8em; -} -/* system announcements */ -div.system_announcements { -} -div.system_announcements h3 { -} -div.system_announcement { - margin: 5px; - min-height:20px; -} -div.system_announcement_title { -} -div.system_announcement_content { - margin-left: 20px; - border-left: 1px solid gray; - padding-left: 5px; -} -#image_preview { - text-align:center; - padding-left: 17px; -} -.skip { - display: none; -} -/* Specific forms: profile,add course,advanced search,advanced course search,etc.. */ -#add_course, #profile, #advanced_course_search, #advanced_search, #category, #course_user_import, #export_users, #update_course, #user_add, #user_import { - /*border: 1px solid #EE4C03; - background: transparent url("images/headerform.jpg") no-repeat top left; - width: 550px; - position: relative; - padding: 60px 0 1em 0;*/ -} -#advanced_search, #category, #course_user_import { -/* background: transparent url("images/headerform2.jpg") no-repeat top left;*/ -} -#export_users, #update_course, #user_add, #user_import { -/* background: transparent url("images/headerform3.jpg") no-repeat top left;*/ -} -/* Glossary tool */ -.glossary-term { - margin: 1em; - background-color: #ffe99b; - padding: 0.5em 0.5em 1.8em 0; - -moz-border-radius: 0.5em; -} -.glossary-term-title { - margin: 2em 0 1em 0.5em; - font-weight: bold; - font-size: 120%; -} -.glossary-term-desc { - margin-left: 1em; -} -.glossary-term-action-links { - float: right; -} -.glossary-term-edit-form { - margin: 1em; - background-color: #FFE4C4; - padding: 0.5em 0.5em 2em 0; - -moz-border-radius: 0.5em; -} -.glossary-term-edit-desc { - font-weight: bold; - font-size: 120%; -} -.glossary-term-edit-title { - font-weight: bold; - font-size: 120%; -} -.glossary-add-form { - font-weight: bold; - font-size: 120%; - margin: 1em; -} -.glossary-orderby-link { - float:right; - margin: 1em; -} -.glossary-msg-error { - color: #FF0000; - display :none; - font-weight: normal; - font-size: 80%; +footer a:link, footer a:visited { + color: #F1D40D; } - -/*SESSIONS*/ -.sessions_list { - line-height: 20px; - margin-top: 20px; -} -.sessions_list_inactive { - line-height: 20px; -} -.sub_session_box { - border: 1px solid #DCE5F3; - /* font-weight: bold; */ - color: #666; - list-style-type: none; - margin:5px 5px 10px 0px; - padding: 5px; - background-color:#FFF; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; +/***************************************************** + * DISPLAY MESSAGES * + *****************************************************/ +/***************************************************** + * CSS CHAT * + *****************************************************/ +.chatboxmain { + bottom: 0; + display: block; + position: fixed; + right: 20px; + width: 225px; + z-index: 9000; +} + +.chatboxheadmain { + padding:7px 7px 7px 0px; + color: #ffffff; + border-right:1px solid #222; + border-left:1px solid #222; + + background-color: #222; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); + background-image: -moz-linear-gradient(top, #333333, #222222); + background-image: -ms-linear-gradient(top, #333333, #222222); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); + background-image: -webkit-linear-gradient(top, #333333, #222222); + background-image: -o-linear-gradient(top, #333333, #222222); + background-image: linear-gradient(top, #333333, #222222); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + +} +#chatboxtitlemain { + cursor: pointer; + float: left; + font-size: 12px; + font-weight: normal; + width: 160px; } - -.sub_session_box_title { - margin-bottom: 10px; - background-color:#F9F9F9; +/***************************************************** + * CSS CHAT END * + *****************************************************/ +.normal-message { + color: #00407F; + border: 1px solid #CDE6F5; + background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE; } -.session_box_title { - margin-bottom: 10px; - background-color:#F9F9F9; +.warning-message { + border: 1px solid #FFB30F; + color: #000; + background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7; } -.session_box_coach { +.confirmation-message { + border: 1px solid #1F8323; + color:#1F8323; + background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7; } -.session_course_item { - /* padding: 0px; */ - margin: 0px; - margin-bottom:20px; +.error-message { + border: 1px solid #FF0000; + color: #440000; + background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1; } -.session_course_item .courses { - margin-bottom: 5px; - height:35px; +.social-menu-title { + background-color:#00AAE3; } -/* Notebook */ -.notebook-add-form { - margin: 1em; - background-color: #c3d9ff; - padding: 1em 1em; -} -.notebook-add-desc-textarea { - background-color: #f2f5f8; - border-color: #ffe99b; - overflow: hidden; -} -.notebook-add-title-text { - background-color: #f2f5f8; - border-color: #ffe99b; -} -.notebook-edit-desc-textarea { - background-color: #e0ecff; - border-color: #ffe99b; - overflow: hidden; -} -.notebook-edit-title-text { - background-color: #e0ecff; - border-color: #ffe99b; -} -.notebook-msg-error { - color: #FF0000; - display :none; - background-color: #ffe99b; - width: 40%; -} -.notebook-list { - margin: 1em 1em 0em 1em; - background-color: #79b; - padding: 0.3em 0.3em; - -moz-border-radius: 0.5em; -} -.notebook-title-list { - color : #fff; - padding: 0.3em 0.3em; - font-weight: bold; - font-size: 120%; -} -.notebook-desc-list { - margin: 0em; - background-color: #f2f5f8; - padding: 0.5em 0.3em 2em 0.3em; - border: 1px solid #79b; -} -.notebook-term-action-links { - padding: 0.3em 0.3em; - width: 50%; - color : #fff; -} -.notebook-orderby-link { - text-align:right; - margin-right: 1em; -} -.notebook-search-title { - text-align:right; - margin: 1em; -} -.notebook-date-information { - color : #fff; - padding: 0.3em; - font-size: 120%; - font-weight: bold; -} -/*NAVIGATION MENU BAR*/ - - -.menucaption { - font-size: 12px; - font-weight: bold; - padding-left: 12px; +#social-content-online { + background-color:#00AAE3; +} + +.admin_section li { + background-image:url(images/bullet.gif); } -.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; -} -#centerwrap { - float: left; - width: 100%; - margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks - it's empty otherwise. The difference is made up by putting a - negative left margin on the left float: - Note IE/Mac doesn't like this method ~ it wants the 100% so it can - be fed in using IE only CSS below becasue IE/Win also works with the 100% method. - */ -} -#center { - margin: 0 190px 0 0; - padding: 10px 0 40px 0; - min-height: 300px; -} -#toolnav { - float:right; - margin:-7px 0 0 -5%; - overflow:hidden; - padding:0; - width:180px; -} -/* 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 */ - - - -/* --- course navigation menu as a definition list --- */ -#swap_menu_link { - float: left; -} -#toolnavbox { - margin: 0 0 0 10px; - padding: 0; - float: left; - border: 1px solid #4271b5; -} -#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: #4171b5; - padding: 5px 5px 5px 10px; - margin: 0; - text-decoration: none; - display: block; - line-height:24px; -} -#toolnavlist a:hover { - background: #fff; - color:#4171b5; -} -#toolnavlist a#here { - background: #fff; - color:#4171b5; -} -/* --- end of course navigation menu section --- */ - - - -/********************************************** - * EXERCISE TOOL * - **********************************************/ -.exercice_form { - width: 300px; -} -#validationButton { - text-decoration: none; - margin: 5px; - /*border:1px solid #999999;*/ - /*background:#F0F0F0; */ - padding: 3px; - padding-left:10px; - padding-right:10px; - font-weight:bold; - color:#666; -} -.exercise_scenario_label { -} -.exercise_scenario_element { -} -span.checkbox { - width: 19px; - height: 25px; - padding: 0 5px 0 0; - background: url(images/checkbox.gif) no-repeat; - display: block; - clear: left; - float: left; -} -span.radio { - width: 19px; - height: 25px; - padding: 0 5px 0 0; - background: url(images/radio.gif) no-repeat; - display: block; - clear: left; - float: left; -} -#question_title { -} -#question_description { - padding-left:5px; - padding-top:10px; -} -#question_score { - padding-left:5px; - padding-top:10px; - padding-bottom:10px; - font-weight:bold; -} -#question_feedback { - background-color:#FCF7BA; - border:1px solid #CCCCCC; - color:#666666; - font-size:11px; - font-weight:bold; - list-style-type:none; - margin-top:5px; - padding:5px; -} -#exercise_close_link { - background: url(images/close.gif) no-repeat; - padding-left: 20px; -} -#exercise_close_link:hover { - background: url(images/close_highlight.gif) no-repeat; - padding-left: 20px; -} -/* Quizzes tool */ -.quiz_export_link { - float: right; +.system_announcements { + background: transparent url('images/systemenouvelles.jpg') no-repeat top left; } -/***************************************************** - * BUTTONS * - *****************************************************/ +.topa { + background:transparent url('images/logoa4.gif') no-repeat; +} +.topb { + background:transparent url('images/logob4.gif') no-repeat; +} -button:hover input[type="submit"]:hover{ - background-color:#cbcbcb; - color:#545454; - border-style: inset; +#bottomhellomindfactory { + background:transparent url('images/textologo.jpg') no-repeat; } -/* button with image */ -button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next { - padding-left:30px; - background-position:10px; - background-repeat:no-repeat; +.new_actions-fixed{ + top: 49px; } + /*including "save" image*/ button.save { - background-image:url(images/button_accept.gif); + background:url(images/accept.png) 0 center no-repeat #F0F0F0; + color: #666; + text-shadow:none; +} +button.save:hover { + background:url(images/accept.png) 0 center no-repeat #ffffff; + color: #666; + text-shadow:none; } /*including "add" image*/ -button.add { - background-image:url(images/button_add.gif); +.controls .btn.add { + background:url(images/add.png) 0 center no-repeat #EC5923; + padding-left: 36px; +} +.controls .btn.add:hover { + background:url(images/add.png) 0 center no-repeat #EA4E15; + padding-left: 36px; } /*including "cancel" image*/ button.cancel { - background-image:url(images/button_delete.gif); + background-image:url(images/button_delete.gif); } /*including "search" image*/ button.search { - background-image:url(images/button_search.gif); + background:url(images/buttom.png) 0 center no-repeat #F0F0F0; + color: #666; + text-shadow:none; } -/*including "login" image*/ -button.login { - background-image:url(images/button_login.gif); - margin:2px 5px 3px 5px !important; +button.search:hover { + background:url(images/buttom.png) 0 center no-repeat #ffffff; + color: #666; + text-shadow:none; } /*including "plus" image*/ button.plus { - background-image:url(images/button_plus.gif); + background-image:url(images/button_plus.gif); } /*including "minus" image*/ button.minus { - background-image:url(images/button_minus.gif); + background-image:url(images/button_minus.gif); } /*including "next" image*/ -button.next,input[type="submit"].submit_next { - background-image:url(images/button_next.gif); +button.next { + background:url(images/next.png) 0 center no-repeat #F0F0F0; +} +button.next:hover { + background:url(images/next.png) 0 center no-repeat #ffffff; } /*including "back" image*/ button.back { - background-image:url(images/button_back.gif); + background:url(images/previus.png) 0 center no-repeat #F0F0F0; +} +button.back:hover { + background:url(images/previus.png) 0 center no-repeat #ffffff; } /*including "refresh" image*/ button.refresh { @@ -1399,676 +740,198 @@ button.upload { background-image:url(images/button_upload.gif); } -/*including "back" image*/ -button.back { - background-image:url(images/button_back.gif); -} -.icon_image_content { - width:70px; - cursor:hand; - height:6em; - text-align: center; - padding-right: 10px; - padding-left: 0px; - border: 1px dotted #ccc; - background-color: #eee; - margin-right: 0.2em; - margin-top: 0.1em; - -moz-border-radius-topleft : 5px; - -moz-border-radius-bottomright : 5px; - -moz-border-radius-bottomleft : 5px; - -moz-border-radius-topright : 5px; -} -.icon_image_content:hover { - background-color: #fff; - border: 1px solid #ccc; -} -.question_menu { - list-style:none; - float:left; - padding:0px; - margin:-2px; - min-height:100px; -} -.question_menu li { - float:left; - margin:0px; -} -#exercise_admin { - margin: 0; - padding: 0; - border: 0; -} -div#friend-header { - float:left; - width:100%; - line-height: 2.1em; -} -div#friend-header a { - padding-right:6px; -} -div#friend-container { - float:left; -} -div.image_friend_network { - float:left; - border:1px solid #CCCCCC; - margin:2px; - padding:4px; - background: #EFEFEF; - height:125px; - width:82px; - z-index:5; -} -div.image_friend_network span { - overflow:hidden; - display:block; - height:92px; - margin: 0px 0px; -} -div.image_friend_network img { - vertical-align:middle; -} -div.image_friend_network center.friend { - overflow:hidden; - height:30px; -} -.friend_invitations { - float:left; - margin: 0 0 4px 12px; -} button.arrowr, input.arrowr { - background-image:url(images/2rightarrow.gif); + background-image:url(images/2rightarrow.gif); } button.arrowl, input.arrowl { - background-image:url(images/2leftarrow.gif); -} - - -.u-m-answer { - width:100%; -} -.u-m-answer p { - margin:2px; + background-image:url(images/2leftarrow.gif); } .refresh { - background-image:url(images/refresh.png); - background-repeat:no-repeat; - padding-left:20px; - padding-bottom:2px; -} -.portal { - background-image:url(images/portal.png); - background-repeat:no-repeat; - padding-left:28px; - padding-bottom:10px; - padding-top:8px; -} - -.legal-terms { - height:150px; - overflow:auto; - background-color:#eee; - width:500px; -} - -/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/ - -* { - outline :none; + background-image:url(images/refresh.png); } -/* -input, select, textarea { - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - -x-system-font:none; - border:1px solid #CCCCCC; - color:#666666; - font-family:Arial,Helvetica,sans-serif; - font-size:120%; - font-size-adjust:none; - font-stretch:normal; - font-style:normal; - font-variant:normal; - font-weight:normal; - line-height:normal; - padding:5px; -} -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - background-image:url(images/shadow.gif); -} -.independent_course_item a { - font-size:135%; -} -.session_course_item a { - font-size:120%; -} -*/ - -#maincontent .courseslist li { - margin-bottom:8px; -} -/* -a.read { - font-weight:normal; -} -.actions { - background:#efefef; - border:1px solid #ccc; - padding:2px; - margin-bottom: 5px; - vertical-align:middle; -} -.actions-title { - background:#efefef; - border:1px solid #ccc; - padding:4px; - margin-bottom: 5px; - font-size:14px; - font-weight:bolder; - vertical-align:middle; -}*/ - - -/* GROUP TOOL */ - -#group_description { - margin: 10px 0px 10px 0px; -} - -#group_privacy { - margin: 10px 0px 10px 0px; -} - -#group_permissions { - -moz-background-clip:border; - -moz-background-inline-policy:continuous; - -moz-background-origin:padding; - -moz-border-radius-bottomleft:8px; - -moz-border-radius-bottomright:8px; - -moz-border-radius-topleft:8px; - -moz-border-radius-topright:8px; - background:#EEE none repeat scroll 0 0; - - margin: 20px 0px 20px 0px; -} - -#group_permissions ul { - list-style-image:none; - list-style-position:outside; - list-style-type:none; - margin:0; - padding:0; -} - -#group_permissions ul li { - margin: 10px 0px 10px 5px; -} - -/* Groups boxes */ - -.groups_grid_container { - width:100%; -} -.groups_grid_item { - width:80px; - float:left; - margin:5px; -} -.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;} -.groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;} -.groups_grid_element_2 { width:150px; float:left;} - -/*POPULAR GROUP*/ - -.popular_grid_item { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #E5E5E5; - border-radius: 11px 11px 11px 11px; - - -webkit-border-radius: 11px 11px 11px 11px; - -opera-border-radius: 11px 11px 11px 11px; - -moz-border-radius: 11px 11px 11px 11px; - - box-shadow: 0 4px 18px #C8C8C8; - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; - - float: left; - height: auto; - margin: 0 8px 15px 15px; - padding: 16px 12px 5px; - width:90%; -} - -.popular_grid_element_0 { - width:600px; - height:98px; - padding-left:10px; - padding-right:10px; - overflow:hidden; -} - -/*NEWEST GROUP*/ - -.newest_grid_item { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #E5E5E5; - border-radius: 11px 11px 11px 11px; - - -webkit-border-radius: 11px 11px 11px 11px; - -opera-border-radius: 11px 11px 11px 11px; - -moz-border-radius: 11px 11px 11px 11px; - - box-shadow: 0 4px 18px #C8C8C8; - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; - - float: left; - height: auto; - margin: 0 8px 15px 15px; - padding: 16px 12px 5px; - width:90%; -} - -.newest_grid_element_1 { - width:600px; - height:98x; - padding-left:10px; - padding-right:10px; - overflow:hidden; -} - -/*MY GROUPS*/ - -.mygroups_grid_item { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #E5E5E5; - border-radius: 11px 11px 11px 11px; - - -webkit-border-radius: 11px 11px 11px 11px; - -opera-border-radius: 11px 11px 11px 11px; - -moz-border-radius: 11px 11px 11px 11px; - - box-shadow: 0 4px 18px #C8C8C8; - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; - - float: left; - height: auto; - margin: 0 8px 15px 15px; - padding: 16px 12px 5px; - width:90%; -} - -.box_description_group_member { - color: #999999; - font-size: 10px; -} - -.mygroups_grid_element_1 { - width:600px; - height:100px; - padding-left:10px; - padding-right:10px; - overflow:hidden; -} - -.box_description_group_title h3 { - margin-bottom:4px; -} - -.box_description_group_title { - float:right;width:80%; -} -.box_description_group_content { - float:right; - width:80%; - margin-top:5px; - /* height:45px;*/ - font-family:Verdana, Geneva, sans-serif; - font-size:12px; - color:#666666; -} -.box_description_group_actions { - float:right; - width:80%; - text-align:right; - margin-top:4px; - margin-right:4px; -} - -#menu-wrapper { - width:200px; - float: right; -} -#menu { -/* -moz-border-radius: 10px; border: 1px solid #e1e1e0; - -webkit-border-radius: 10px; border: 1px solid #e1e1e0; - -opera-border-radius: 10px; border: 1px solid #e1e1e0; - - margin-top:20px; - margin-right:10px; - margin-bottom:40px; - - padding-left:10px; - padding-right:10px; - padding-top:5px; - padding-bottom:30px; - - width:240px; */ - float: right; - min-height: 150px; - -} - -/* INVITATIONS */ - -.invitation_confirm { - border-top:1px solid #D8DFEA; -} -.invitation_image { - width:110px; -} - - - -/* DASHBOARD */ - -/* Head section */ -#head { - background-color: #000; - height: 100px; -} -#head h1 { - line-height: 100px; - color: #FFF; - text-align: center; - text-indent: -9999em -} -/* End Head Section */ - -/* Columns section */ -#columns .column { - float: left; - width: 50%; - /* Min-height: */ - min-height: 400px; - height: auto !important; - height: 400px; -} - -#columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;} - - - - - -/* To add in 1.8.7*/ - -.session_box_title span { - font-size: 130%; - font-weight: bold; -} - -.sub_session_box_title span { - font-size: 130%; - font-weight: bold; -} - -#session_category_title { - font-size: 140%; - font-weight: bold; - padding: 2px 0px 5px 5px; -} - -/* fixes the * */ -span.form_required { - padding-right:5px; -} - -.userportal-course-item { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - background-color:#F9F9F9; - padding:5px 10px 5px 10px; - height:40px; - margin:5px; -} -.userportal-course-item-title { - font-size:135%; -} -.courseadminview-activity-3col, .platformadminview-activity-3col { - -moz-border-radius:5px 5px 5px 5px; - border:1px solid #E1E1E0; - float:left; - margin:0px 20px 10px 2px; - padding:11px; - width:220px; - height:330px; -} - -.courseadminview-activity-3col ul { - padding:0px 20px 10px 4px; - list-style-type:none; - height:240px; - margin-left:0px; - margin: 0px 0px 0px 0px ; -} - -.courseadminview-activity-3col ul li { - padding:4px 0px 4px 0px; -} - -#activity-3col { - width: 800px ; - margin-left: auto ; - margin-right: auto ; -} - - -.userportal-catalog-item { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - background-color:#F9F9F9; - padding:5px 10px 10px 6px; - /* height:40px; */ -} - -.userportal-catalog-item .catalog_box li span { - font-size:130%; - font-weight:bold; - margin-left:5px; -} - - -.catalog_box { - border: 1px solid #DCE5F3; - /* font-weight: bold; */ - color: #666; - list-style-type: none; - margin:5px 5px 10px 5px; - padding: 5px; - background-color:#FFF; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; -} - - -.course-student-view-activity-3col { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - background-color:#FFFFFF; - height: 350px; - width: 800px ; - margin-left: auto ; - margin-right: auto ; -} - -.course-student-view-activity-3col ul { - padding:10px 20px 10px 20px; - list-style-type:none; - /* height:240px; */ - margin-left:0px; - margin: 0px 0px 0px 0px ; - float:left; - width : 280px; -} - -.course-student-view-activity-3col ul li { - padding:5px 0px 4px 0px; - /* float:left; - width : 380px; */ -} - -/* plugins divs */ - -#plugin-header { - margin-left:65px; - padding:5px; -} -#plugin-mycourses_menu { - padding:5px; -} - -#plugin-mycourses_main { - padding:5px; -} - -#plugin-footer { - padding:5px; -} - -/* New forum table */ - - -.forum_table_title { - border-collapse: collapse; - width: 100%; - padding: 5px; - border-left: 1px solid gray; - border-top: 1px solid gray; - border-right: 1px solid gray; - padding:5px; -} - -.forum_table_title th { - padding-right: 12px; - /*border: 1px solid gray;*/ - background-color: #E5EDF9; -} - - -.forum_table { - border-collapse: collapse; - width: 100%; - padding: 5px; - border: 1px solid gray; - margin-bottom:15px; -} - -.forum_table .forum_head{ - padding:5px; - text-align: left; - font-size:14px; - -} - -.forum_table th { - padding-right: 12px; - /*border: 1px solid gray;*/ - background-color: #E5EDF9; -} -.forum_table tr.row_odd { - background-color: #F2F2F2; -} -.forum_table tr.row_odd:hover, .data_table tr.row_even:hover { - background-color: #E5EDF9; -} -.forum_table tr.row_even { - background-color: #fff; -} -.forum_table td { - padding: 5px; - vertical-align: top; - border-bottom: 1px solid #b0b0b0; - border-right: 1px dotted #e1e1e1; - border-left: 1px dotted #e1e1e1; -} - -.post { - border: 1px solid gray; - margin-bottom:5px; -} -/* Text resize icons in header */ -.resize_font { /* the canvas */ - margin: 0 5px 0 5px; -} -.reset_font { - font-size: 1.2em; - color: gray; - border: 1px solid white; - padding: 2px; -} -.reset_font:hover { - border: 1px solid black; - cursor: pointer; -} -.increase_font { - font-size: 1.8em; - color: gray; - border: 1px solid white; - padding: 2px; -} -.increase_font:hover { - border: 1px solid black; - cursor: pointer; -} -.decrease_font { - font-size: 0.6em; - color: gray; - border: 1px solid white; - padding: 2px; -} -.decrease_font:hover { - border: 1px solid black; - cursor: pointer; -} - - -.online_grid_item { - float:left; - margin:10px; - text-align:center; -} -.online_grid_element_0 { - width: 100px; - height: 100px; - overflow: hidden; -} -/* input values to crop the image: top, right, bottom, left */ -.online_grid_element_0 img{ - width: 200px; - margin: -10px 0 0 -50px; - /* height: 150px; */ -} -.online_grid_element_1, .online_grid_element_2 { - font-size:10px; -} - -/* tips Abbr-plugin for FCKeditor */ -abbr { - border-bottom: 1px dotted rgb(102, 102, 102); - background-color:#F00; - cursor: help; -} \ No newline at end of file +.portal { + background-image:url(images/portal.png); +} + +/*CSS ICON BLOCK USER*/ + .inbox-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -415px; + padding-left: 40px; + } + .inbox-social:hover,.new-message-social:hover,.invitations-social:hover,.profile-social:hover,.add-course:hover, + .order-course:hover,.history-course:hover, .list-course:hover{ + opacity: 0.8; + } + .new-message-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -370px; + padding-left: 40px; + } + .invitations-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -455px; + padding-left: 40px; + } + .profile-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -496px; + padding-left: 40px; + } + .add-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -327px; + padding-left: 40px; + } + .order-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -536px; + padding-left: 40px; + } + .history-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -576px; + padding-left: 40px; + } + .list-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -618px; + padding-left: 40px; + } + .forum-btn{ + background: url("images/icon-chamilo.png") no-repeat 0 -666px; + padding-left: 40px; + } + +/*+++++++++++++++++++++++++++++++++ +RESPONSIVE CSS ++++++++++++++++++++++++++++++++++*/ + +.navbar .brand { + float: left; + font-size: 16px; + font-weight: 200; + line-height: 20px; + padding-bottom: 12px; + padding-top: 15px; + color: #ffffff; +} + +@media (min-width: 481px) and (max-width: 800px) { + .navbar .brand { + color: #666; + } + .navbar .nav-collapse .nav.pull-right a{ + color: #3A4751; + line-height: 26px; + } + .navbar .nav-collapse .nav.pull-right a:hover{ + color: #FFFFFF; + } + .sidebar-nav h4 { + color: #037FB2; + font-size: 18px; + padding-bottom: 10px; + padding-left: 15px; + padding-right: 15px; + padding-top: 10px; + } + #profile_block .nav-list li, #course_block .nav-list li{ + padding-bottom: 5px; + padding-top: 5px; + } + #top_main_content .menu-column #user_image_block{ + box-shadow: none; + } + +} +@media (max-width: 600px) { +#main_content .course-box .row .span7 .row .span6 { + float: left; + /*width: 615px;*/ + padding-left: 10px; +} +#main_content .course-box .row .span7 .row .span6 h3 { + font-size: 16px; + /*width: 500px;*/ + } +} + +@media (min-width: 801px){ + .nav-list > li > a { + font-size: 13px; + padding-bottom: 8px; + padding-top: 8px; +} + +/*CSS ICON BLOCK USER*/ + .inbox-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -345px; + padding-left: 30px; + background-size: 25px auto; + } + + .new-message-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -307px; + padding-left: 30px; + background-size: 25px auto; + } + + .invitations-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -378px; + padding-left: 30px; + background-size: 25px auto; + } + + .profile-social{ + background: url("images/icon-chamilo.png") no-repeat 0 -414px; + padding-left: 30px; + background-size: 25px auto; + } + + .add-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -274px; + padding-left: 30px; + background-size: 25px auto; + } + + .order-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -447px; + padding-left: 30px; + background-size: 25px auto; + } + + .history-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -481px; + padding-left: 30px; + background-size: 25px auto; + } + + .list-course{ + background: url("images/icon-chamilo.png") no-repeat 0 -517px; + padding-left: 30px; + background-size: 25px auto; + } + .forum-btn { + background: url("images/icon-chamilo.png") no-repeat scroll 0 -552px / 25px auto rgba(0, 0, 0, 0); + padding-left: 30px; +} + +} +@media (min-width: 321px) and (max-width: 480px){ +footer { + height: 5em; + } + .welcome-mascot{ + background: none; + padding-right: 0px; + padding-bottom: 2em; + padding-top: 2em; + } + #homepage .row .span9 h2 { + color: #666; + font-size: 18px; + font-weight: bold; + padding-bottom: 8px; + line-height: 25px; +|} +#announcements{ + display: none; +} +} +/*+++++++++++++++++++++++++++++++++ +END RESPONSIVE CSS ++++++++++++++++++++++++++++++++++*/ \ No newline at end of file diff --git a/main/css/cosmic_campus/images/accept.png b/main/css/cosmic_campus/images/accept.png new file mode 100644 index 0000000000..252ce9d25e Binary files /dev/null and b/main/css/cosmic_campus/images/accept.png differ diff --git a/main/css/cosmic_campus/images/add.png b/main/css/cosmic_campus/images/add.png new file mode 100644 index 0000000000..3d578ca80b Binary files /dev/null and b/main/css/cosmic_campus/images/add.png differ diff --git a/main/css/cosmic_campus/images/bar_1.gif b/main/css/cosmic_campus/images/bar_1.gif deleted file mode 100755 index 48e9556050..0000000000 Binary files a/main/css/cosmic_campus/images/bar_1.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/bar_1m.gif b/main/css/cosmic_campus/images/bar_1m.gif deleted file mode 100755 index 3e4591771f..0000000000 Binary files a/main/css/cosmic_campus/images/bar_1m.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/bar_1r.gif b/main/css/cosmic_campus/images/bar_1r.gif deleted file mode 100755 index 91a679a6a2..0000000000 Binary files a/main/css/cosmic_campus/images/bar_1r.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/bar_1u.gif b/main/css/cosmic_campus/images/bar_1u.gif deleted file mode 100755 index 81ad8b8c85..0000000000 Binary files a/main/css/cosmic_campus/images/bar_1u.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/bg-button.gif b/main/css/cosmic_campus/images/bg-button.gif new file mode 100644 index 0000000000..57f7fe3bee Binary files /dev/null and b/main/css/cosmic_campus/images/bg-button.gif differ diff --git a/main/css/cosmic_campus/images/bg-header.jpg b/main/css/cosmic_campus/images/bg-header.jpg new file mode 100644 index 0000000000..7f8d86fe15 Binary files /dev/null and b/main/css/cosmic_campus/images/bg-header.jpg differ diff --git a/main/css/cosmic_campus/images/bg-main.png b/main/css/cosmic_campus/images/bg-main.png new file mode 100644 index 0000000000..b03a3f73ce Binary files /dev/null and b/main/css/cosmic_campus/images/bg-main.png differ diff --git a/main/css/cosmic_campus/images/blue_arrow.png b/main/css/cosmic_campus/images/blue_arrow.png new file mode 100644 index 0000000000..cb39f30766 Binary files /dev/null and b/main/css/cosmic_campus/images/blue_arrow.png differ diff --git a/main/css/cosmic_campus/images/bullet.gif b/main/css/cosmic_campus/images/bullet.gif new file mode 100644 index 0000000000..584d1affef Binary files /dev/null and b/main/css/cosmic_campus/images/bullet.gif differ diff --git a/main/css/cosmic_campus/images/buttom.png b/main/css/cosmic_campus/images/buttom.png new file mode 100644 index 0000000000..d675c3d77f Binary files /dev/null and b/main/css/cosmic_campus/images/buttom.png differ diff --git a/main/css/cosmic_campus/images/button_back.jpg b/main/css/cosmic_campus/images/button_back.jpg deleted file mode 100755 index b2a8df3a8e..0000000000 Binary files a/main/css/cosmic_campus/images/button_back.jpg and /dev/null differ diff --git a/main/css/cosmic_campus/images/button_plus.gif b/main/css/cosmic_campus/images/button_plus.gif deleted file mode 100755 index 6332fefea4..0000000000 Binary files a/main/css/cosmic_campus/images/button_plus.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/chamilo-welcome.png b/main/css/cosmic_campus/images/chamilo-welcome.png new file mode 100644 index 0000000000..7dfc66ea88 Binary files /dev/null and b/main/css/cosmic_campus/images/chamilo-welcome.png differ diff --git a/main/css/cosmic_campus/images/fondoHeader3.jpg b/main/css/cosmic_campus/images/fondoHeader3.jpg deleted file mode 100755 index 2154d1a15c..0000000000 Binary files a/main/css/cosmic_campus/images/fondoHeader3.jpg and /dev/null differ diff --git a/main/css/cosmic_campus/images/fondoNav.jpg b/main/css/cosmic_campus/images/fondoNav.jpg deleted file mode 100755 index 87762c923c..0000000000 Binary files a/main/css/cosmic_campus/images/fondoNav.jpg and /dev/null differ diff --git a/main/css/cosmic_campus/images/footer.jpg b/main/css/cosmic_campus/images/footer.jpg deleted file mode 100755 index 14186c0f4f..0000000000 Binary files a/main/css/cosmic_campus/images/footer.jpg and /dev/null differ diff --git a/main/css/cosmic_campus/images/header-logo.png b/main/css/cosmic_campus/images/header-logo.png new file mode 100644 index 0000000000..8fd23c592b Binary files /dev/null and b/main/css/cosmic_campus/images/header-logo.png differ diff --git a/main/css/cosmic_campus/images/header.jpg b/main/css/cosmic_campus/images/header.jpg deleted file mode 100755 index a544eaa8fc..0000000000 Binary files a/main/css/cosmic_campus/images/header.jpg and /dev/null differ diff --git a/main/css/cosmic_campus/images/home-bg.png b/main/css/cosmic_campus/images/home-bg.png new file mode 100644 index 0000000000..56ba99eb9c Binary files /dev/null and b/main/css/cosmic_campus/images/home-bg.png differ diff --git a/main/css/cosmic_campus/images/icon-chamilo.png b/main/css/cosmic_campus/images/icon-chamilo.png new file mode 100644 index 0000000000..cc5b2d4e9d Binary files /dev/null and b/main/css/cosmic_campus/images/icon-chamilo.png differ diff --git a/main/css/cosmic_campus/images/index.html b/main/css/cosmic_campus/images/index.html deleted file mode 100644 index aa7b9c934b..0000000000 --- a/main/css/cosmic_campus/images/index.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/main/css/cosmic_campus/images/next.png b/main/css/cosmic_campus/images/next.png new file mode 100644 index 0000000000..e3539a9f68 Binary files /dev/null and b/main/css/cosmic_campus/images/next.png differ diff --git a/main/css/cosmic_campus/images/outer.png b/main/css/cosmic_campus/images/outer.png deleted file mode 100755 index 1bcc85fd8e..0000000000 Binary files a/main/css/cosmic_campus/images/outer.png and /dev/null differ diff --git a/main/css/cosmic_campus/images/previus.png b/main/css/cosmic_campus/images/previus.png new file mode 100644 index 0000000000..680ac87abc Binary files /dev/null and b/main/css/cosmic_campus/images/previus.png differ diff --git a/main/css/cosmic_campus/images/shadow.gif b/main/css/cosmic_campus/images/shadow.gif deleted file mode 100755 index fc02f26719..0000000000 Binary files a/main/css/cosmic_campus/images/shadow.gif and /dev/null differ diff --git a/main/css/cosmic_campus/images/sprite-icon-social.png b/main/css/cosmic_campus/images/sprite-icon-social.png new file mode 100644 index 0000000000..d5c83afa09 Binary files /dev/null and b/main/css/cosmic_campus/images/sprite-icon-social.png differ diff --git a/main/css/cosmic_campus/images/sprite-icon.png b/main/css/cosmic_campus/images/sprite-icon.png new file mode 100644 index 0000000000..b2b042bc13 Binary files /dev/null and b/main/css/cosmic_campus/images/sprite-icon.png differ diff --git a/main/css/cosmic_campus/images/start-level.png b/main/css/cosmic_campus/images/start-level.png new file mode 100644 index 0000000000..a2643ba7eb Binary files /dev/null and b/main/css/cosmic_campus/images/start-level.png differ diff --git a/main/css/cosmic_campus/images/tab.png b/main/css/cosmic_campus/images/tab.png deleted file mode 100755 index 5a4c86458b..0000000000 Binary files a/main/css/cosmic_campus/images/tab.png and /dev/null differ diff --git a/main/css/cosmic_campus/images/tabCurrent.png b/main/css/cosmic_campus/images/tabCurrent.png deleted file mode 100755 index 9ad8d96991..0000000000 Binary files a/main/css/cosmic_campus/images/tabCurrent.png and /dev/null differ diff --git a/main/css/cosmic_campus/images/tabHover.png b/main/css/cosmic_campus/images/tabHover.png deleted file mode 100755 index e35884b791..0000000000 Binary files a/main/css/cosmic_campus/images/tabHover.png and /dev/null differ diff --git a/main/css/cosmic_campus/images/vineta.png b/main/css/cosmic_campus/images/vineta.png new file mode 100644 index 0000000000..5adcc67c71 Binary files /dev/null and b/main/css/cosmic_campus/images/vineta.png differ diff --git a/main/css/cosmic_campus/images/white_arrow.png b/main/css/cosmic_campus/images/white_arrow.png new file mode 100644 index 0000000000..8b46a3d421 Binary files /dev/null and b/main/css/cosmic_campus/images/white_arrow.png differ diff --git a/main/css/cosmic_campus/learnpath.css b/main/css/cosmic_campus/learnpath.css index ca07a1942f..bcf18bfbcb 100755 --- a/main/css/cosmic_campus/learnpath.css +++ b/main/css/cosmic_campus/learnpath.css @@ -9,7 +9,7 @@ span.messagesmall { font-style : italic; color : Red; } -/* newscorm/learnpath */ +/* newscorm/learnpath */ div.lp_actions { background:#F8F8F8; @@ -80,7 +80,7 @@ div.lp_tree { height:100%; padding:3px 10px 3px 0; overflow-x : auto; - overflow-y : scroll; + overflow-y : auto; width:190px; } hr { @@ -121,7 +121,8 @@ table.lp_build td { vertical-align:top; } table.lp_build td.tree { - border-right:1px solid #999999; + /* border-right:1px solid #999999;*/ + padding-right: 5px; width:205px; } table.lp_build td.workspace { @@ -159,12 +160,12 @@ table.lp_overview th.exercise { width:50px; } table.lp_form input, table.lp_form select, table.lp_form textarea { - background:#F8F8F8; +/* background:#F8F8F8; border:1px solid #999999; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding:1px 2px; - width:300px; + width:300px;*/ } table.lp_form td.radio input, table.lp_form td.exercise input { width:auto; @@ -173,7 +174,7 @@ table.lp_form .small_form { background:#FFFFFF; } table.lp_form select { - padding:0; +/* padding:0;*/ } table.lp_form input.button { width:75px; diff --git a/main/css/cosmic_campus/print.css b/main/css/cosmic_campus/print.css index d1b8d92bb9..64f658540b 100644 --- a/main/css/cosmic_campus/print.css +++ b/main/css/cosmic_campus/print.css @@ -763,26 +763,52 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} padding: 5px; } .data_table th { - padding-right: 20px; + /*padding-right: 20px;*/ border: 1px solid gray; background-color: #E5EDF9; + text-align: left; } .data_table tr.row_odd { - background-color: #fafafa; + 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; + background-color: #fff; +} +.data_table td .highlight { + font-weight: bold; } .data_table td { - padding: 5px; - vertical-align: top; + 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; diff --git a/main/css/cosmic_campus/scorm.css b/main/css/cosmic_campus/scorm.css index 7e025e7fdf..b295b7ba5a 100644 --- a/main/css/cosmic_campus/scorm.css +++ b/main/css/cosmic_campus/scorm.css @@ -162,156 +162,321 @@ .scormpage { - height: 100%; + height: 100%; } .scormpage .menu { - width: 180px; - float: left; - margin: 1px; - padding: 0px; - margin-top: 0px; - padding-top: 0px; - font-size: small; + 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; + background-color: white; + height: 380px; + width: 99%; + border-right: 1px none; } + .inner_lp_toc { - overflow: auto; - background-color: white; - height: 210px; + overflow: auto; + background-color: white; + height: 210px; } -.inner_lp_toc .scorm_item { - font-size: 11px; - margin-left: 10px; - margin-right:10px; - 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 a { + font-weight: normal; + font-size: 12px; + margin-right: 1px; + padding-bottom: 2px; + text-decoration: none; + font-family: Helvetica,Arial,sans-serif; + color: #2F3E46; } -.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 a.chapter_module { + font-weight: normal; + margin-right: 10px; +} +.inner_lp_toc .scorm_item_highlight { + border:1px solid #00aad4; + background:#00aad4; + font-weight:normal; + background-image:none; + margin-right: 0px; + padding: 10px 0px 10px 0px; + text-decoration: none; } + +.inner_lp_toc .scorm_item_highlight a { + color:#fff; + margin-right: 1px; + text-decoration: none; + font-weight: normal; +} + +.inner_lp_toc .scorm_item_section { + border:1px solid #222; + background:#333; + font-weight:normal; + color:#fff; + text-shadow:0 -1px 1px #000; + background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); + background-image:-webkit-linear-gradient(top,#555,#333); + background-image:-moz-linear-gradient(top,#555,#333); + background-image:-ms-linear-gradient(top,#555,#333); + background-image:-o-linear-gradient(top,#555,#333); + background-image:linear-gradient(top,#555,#333); + margin-right: 1px; + padding: 10px 0px 10px 0px; + text-decoration: none; + +} + +.inner_lp_toc .scorm_item { + font-size: 16px; + margin-left: 10px; + margin-right:10px; + text-decoration: none; + border-color: rgba(255, 255, 255, 0.3); +} + .inner_lp_toc .scorm_item_1 { - font-size: 11px; - margin-right: 1px; - padding-bottom: 2px; - text-decoration: none; - font-weight: normal; - background:#ddd; + border-bottom: 1px solid #CCCCCC; + background:#eee; + font-weight:bold; + color:#444; + text-shadow:0 1px 1px #f6f6f6; + background-image:none; + + margin-right: 1px; + padding: 10px 0px 10px 0px; + text-decoration: none; + font-weight: normal; + /* background:#FDFDFD; */ } -.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_item_2 { + background-image:none; + border-bottom: 1px solid #CCCCCC; + color: #444444; + font-weight: normal; + margin-right: 1px; + padding: 10px 0px 10px 0px; + text-decoration: none; + font-weight: normal; } + .inner_lp_toc .scorm_title { - font-weight: bold; - background:#ccc; - font-size: 12px; - color: #444; + font-weight: bold; + background:#ccc; + font-size: 14px; + color: #444; } .inner_lp_toc .scorm_title_text { - margin-left: 10px; + margin-left: 10px; } .inner_lp_toc .scorm_status_img { - margin:0px; - margin-left: -10px; - width:10px; + 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; + 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: 15px; - padding-top: 0px; + padding-left: 15px; + padding-top: 0px; } /*.scormpage .menu */ .lp_navigation_elem .progresstext { - margin-top: -20px; - margin-left: 40%; + margin-top: -20px; } /*.scormpage .menu */ .lp_navigation_elem .buttons { - margin-left: 0px; - margin-right: 0em; - margin-top: 0.4em; + margin-left: 0px; + margin-right: 0em; + margin-top: 0.4em; } .scormpage .menu .notification { - background-color: white; - height: 50px; + background-color: white; + height: 50px; } .scormpage .menu .notification .message { - background-color: white; - height: 50px; - width: 180px; - border: none; + 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; + /*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; + border: 0px solid black; + height: 100%; + width: 95%; + margin: 0px; + padding-right: 0px; + overflow: auto; + vertical-align: top; } .scormpage .footer { - clear: both; + clear: both; +} +#image_preview { + padding-left: 17px; +} +#msg_div_id { + padding-left: 17px; + padding-top: 4px; +} + + + +#learning_path_breadcrumb_zone .breadcrumb{ + background-image: none; + background-color: #2e75a3; + color: #fff; + text-transform: capitalize; +} +#learning_path_breadcrumb_zone .breadcrumb a{ + color: #FFF; +} +#learning_path_breadcrumb_zone .breadcrumb a:hover{ + text-decoration: underline; +} +#scorm_title { + font-weight: bold; + background:none; + font-size: 20px; + background-image: none; + color: #0088aa; + padding-top: 5px; + padding-bottom: 15px; +} +#learning_path_main #control { + opacity: 1; +} +.buttons a img:hover{ +opacity: 0.7; +} +#author_image{ + background-color: #d7eef4; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: 1px solid #b4cbff; + margin-top: 10px; +} +#author_icon img{ + background-color: #fff; + padding: 5px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} +#author_image .progresstext{ + font-size: 20px; + color: #0088aa; + font-weight: bold; +} +#learning_path_left_zone #header { + font-size: 14px; + margin-top: 10px; +} +#learning_path_left_zone .no-border{ + background: none; + color: #2e75a3; + font-weight: normal; +} +.progress { + height: 18px; + margin-bottom: 18px; + overflow: hidden; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); +} +.progress-striped .bar { + background-color: #149BDF; + background-size: 40px 40px; + background-image: none; } -.preview_image { - padding-left: 17px; + +/*STYLES PROCESS LESSION*/ +.inner_lp_toc .scrom_completed { + + background-image: url("images/blue_arrow.png") !important; + background-position: 250px center !important; + background-repeat: no-repeat; } -.scorm_title_text { - margin-left: 10px; - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; - width: 89%; - padding: 1px 5px 3px 8px; + +.inner_lp_toc .scorm_item_highlight { + background-color: #00aad4; + background-image: url("images/white_arrow.png") !important; + background-position: 250px center !important; + background-repeat: no-repeat; + border: 1px solid #00aad4; } + + +.inner_lp_toc .scorm_item_1 { + background-color: #d7eef4; + background-image: none; + border-bottom-color: #CCCCCC; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #444444; + font-weight: normal; + margin-right: 1px; + padding-bottom: 10px; + padding-left: 0; + padding-right: 0; + padding-top: 10px; + text-shadow: 0 1px 1px #F6F6F6; +} +#learning_path_main #control { + background-image: none; + background-color: #d7eef4; + bottom: 0; + height: 34px; + margin-bottom: auto; + margin-left: auto; + margin-right: auto; + margin-top: auto; + padding-bottom: 8px; + padding-left: 0; + padding-right: 0; + padding-top: 8px; + position: absolute; + text-align: center; + width: 100%; +} diff --git a/main/css/cosmic_campus/scormfs.css b/main/css/cosmic_campus/scormfs.css index 9ca915fda9..eaabc14961 100755 --- a/main/css/cosmic_campus/scormfs.css +++ b/main/css/cosmic_campus/scormfs.css @@ -12,16 +12,18 @@ width: 160px; padding-top: 4px; padding-bottom:0px; + /* + margin-left: 10px; + margin-right: 10px; +*/ margin-top: 0px; } .lp_navigation_elem { - padding-left: 60px; + padding-left: 15px; padding-top: 0px; } /*.scormpage .menu */ .lp_navigation_elem .progresstext { - margin-top: -12px; - margin-left: 4em; font-size: smaller; } /*.scormpage .menu */ @@ -69,8 +71,12 @@ .scormpage .footer { clear: both; } -.preview_image { - text-align: right; - margin-right: 5px; - padding-left: 15px; +#image_preview { + padding-left: 17px; +} +#author_name { + padding-left: 5px; + padding-top: 5px; + font-size: 11px; + color:#888; } diff --git a/main/css/responsive.css b/main/css/responsive.css index 86ecd9d5b4..f645f405d9 100644 --- a/main/css/responsive.css +++ b/main/css/responsive.css @@ -119,6 +119,9 @@ The more frequent ones have been marked with * footer { margin-top: 0px; } + .course-tool { + width: 160px; + } } @media (min-width: 321px) and (max-width: 480px) { @@ -326,7 +329,7 @@ The more frequent ones have been marked with * .course-tool { float: left; height: 150px; - width: 160px; + width: 150px; } .course-tool h4 { @@ -698,9 +701,9 @@ The more frequent ones have been marked with * .section-mycampus #hot_courses .page-header { width: 565px; } - .course-tool { + /*.course-tool { width: 190px; - } + }*/ .well_border .row .span2 .thumbnail { background-color: #FFFFFF; background-image: none;