diff --git a/main/css/chamilo_orange/default.css b/main/css/chamilo_orange/default.css index 5c8fbbaa79..50a7d561fd 100644 --- a/main/css/chamilo_orange/default.css +++ b/main/css/chamilo_orange/default.css @@ -333,8 +333,8 @@ a:active { .pagerslide h2{ font-size: 18px; - font-family: 'Raleway', sans-serif; - background-color: #0191C7; + font-weight: normal; + background-color: #FD6600; color: #FFFFFF; padding-left: 15px; } diff --git a/main/css/chamilo_red/default.css b/main/css/chamilo_red/default.css index 6c26588d97..72447e624e 100644 --- a/main/css/chamilo_red/default.css +++ b/main/css/chamilo_red/default.css @@ -1,5 +1,5 @@ /***************************************************** - * MAIN - CHAMILO RED CSS + * MAIN - CHAMILO CSS *****************************************************/ /* Adding default style for the chamilo_X themes */ @@ -8,113 +8,545 @@ /* the following for regular elements */ a { text-decoration: none; - color :#ff0000; + color :#6E6E6E; } a:visited { text-decoration: none; } a:hover { text-decoration: none; - color: #f3840d; + color: #FF0000; } a:active { text-decoration: none; - color : #ff0000; + color : #3757f7; } - -#header1 { - /* background-image:url(images/bg-header1.gif); */ +.navbar .nav > li > a { + float: none; + line-height: 20px; + padding-bottom: 13px; + padding-right: 10px; + padding-top: 13px; } - -.subnav-fixed { - position: fixed; - top: 0px; - left: 0; - right: 0; - z-index: 1030; - border-color: #d5d5d5; - border-width: 0 0 1px; /* drop the border on the fixed edges */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -.subnav .navbar-inner { - background-color: #79AA0B; /* Old browsers */ - background-repeat: repeat-x; /* Repeat the gradient */ - background-image: -moz-linear-gradient(top, #D60B19 0%, #E8222F 100%); /* FF3.6+ */ - - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D60B19), color-stop(100%,#E8222F)); /* Chrome,Safari4+ */ - background-image: -webkit-linear-gradient(top, #D60B19 0%, #E8222F 100%); /* Chrome 10+,Safari 5.1+ */ - background-image: -ms-linear-gradient(top, #D60B19 0%,#E8222F 100%); /* IE10+ */ - background-image: -o-linear-gradient(top, #D60B19 0%,#E8222F 100%); /* Opera 11.10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D60B19', endColorstr='#E8222F',GradientType=0 ); /* IE6-9 */ - background-image: linear-gradient(top, #D60B19 0%,#E8222F 100%); /* W3C */ +.subnav .navbar-inner { + background-color: #FF0000; /* Old browsers */ + background-repeat: repeat-x; /* Repeat the gradient */ + background-image: none; + border: none; } .subnav .nav > li > a { - border-left: 1px solid #D60B19; - border-right: 1px solid #D60B19; + border-left: 1px solid #FF0000; + border-right: 1px solid #FF0000; + color: white; + font-weight: normal; + font-size: 13px; } + .subnav .nav > #current > a, .subnav .nav > #current > a:hover { - color: #fff; - background-color: #D60B19; - border-right-color: #D60B19; + color: #fff; + background-color: #8A0808; + border-right-color: #DF3A01; } -.subnav .nav > li > a { +.subnav li a { color:#fff; } /* Green hover */ .subnav .navbar-inner li a:hover { - background: none repeat scroll 0 0 #E8222F; + background: none repeat scroll 0 0 #DF0101; color: #fff; } +.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; +} /***************************************************** - * FOOTER STYLES * + * STYLE THEME CHAMILO * *****************************************************/ -footer { - background-color: #a90a0e; - background-image: url(images/bg-footer.gif); - background-repeat:repeat-x; +.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:#2E75A3; + color: #FFFFFF; + border: 1px solid #2E75A3; + padding: 5px 25px; + font-size: 14px; + text-shadow: none; +} +.controls .btn:hover{ + background:#8A0808; + border: none; + color: #FFFFFF; + +} +.form-actions { + background:transparent; +} +.breadcrumb { + margin-bottom: 0; + background-color: #F6CED8; + background-image: none; + padding-top: 5px; + padding-bottom: 5px; + border: 1px solid #F3E2A9; + box-shadow: none; +} +.breadcrumb a{ + color: #333; + font-size: 13px; + line-height: 30px; + text-transform: none; +} + +.breadcrumb li{ + font-size: 14px; + text-shadow: none; +} +.breadcrumb a.btn-mini{ font-size: 12px; - color:#ffffff; - height: 9em; + line-height: 17px; + text-transform: none; +} +.breadcrumb a.btn-success { + background-color: #FD6600; + background-image: none; + border: 1px solid #FD6600; + color: #FFFFFF; +} +.btn{ + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + background-image: none; + border: none; + border-radius: 4px; + border-color: #ccc; +} +.btn:hover{ + color: #333; + text-decoration: none; +} +.btn-primary{ + background-color:#FF0000; + background-image: none; + border:none; +} +.btn-primary:hover{ + background-color:#8A0808; + color: #FFFFFF; +} + +/* 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; overflow:hidden; - width: 100%; +} +.star-rating li a:hover{ + background: url(images/start-level.png) left bottom; + z-index: 2; + left: 0px; + border:none; +} +.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; + 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; } -/* Sticky footer*/ -.push { - height: 9em; /* Very important */ +.browse-groups-icon{ + background:url(images/icon-chamilo.png) no-repeat 0 -163px; + background-size: 24px auto; + padding-left: 30px; } -#footer .copyright { - float: right; - padding-top:60px; - margin-right:5%; + +.search-icon { + background:url(images/icon-chamilo.png) no-repeat 0 -198px; + background-size: 24px auto; + padding-left: 30px; } -.footer_emails{ - float: left; - padding-top:60px; - margin-right:5%; +.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; +} +.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; +} +.social-menu .well .thumbnail img{ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: 2px solid #FFFFFF; +} + +/*CSS SLIDER ANUNCIOS*/ + +.pagerslide h2{ + font-size: 18px; + background-color: #585858; + color: #FFFFFF; + padding-left: 15px; + font-weight: normal; +} +.controls .btn{ + background:#FF0000; + color: #FFFFFF; + border:none; + padding: 5px 25px; + text-shadow: none; +} +#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; +} + +.page-course-intro ul{ + list-style-image:url(images/vineta.png); + padding-top: 10px; +} +.page-course-intro a{ + color: #FD6600; +} +.page-course-intro a:hover{ + color: #FD6600; + text-decoration: underline; +} + + +/*FIN DE INTRODUCCION DEL CURSO*/ +.fc-header-title h2{ + color: #FF0000; +} +.fc-first .fc-widget-header{ + font-size: 14px; + font-weight: normal; + padding-top: 5px; + padding-bottom: 5px; } +.well { + background-color: rgba(230,230,230, 0.1); + border: 1px solid rgba(230,230,230, 0.1); + border-radius: 8px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; + margin-bottom: 20px; + min-height: 20px; + padding: 20px 10px; +} +.sidebar-nav img{ + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} +#homepage .row .span9 h2{ + font-size: 26px; + font-weight: bold; + color: #666; + padding-bottom: 8px; +} +#homepage .row .span9 p,#homepage .row .span9 ol { + color: #6E6E6E; +} +#homepage .row .span9 a{ + color: #FF0000; +} +#homepage .row .span9 a:hover{ + color: #DE3A01; +} +.page-header h2{ + color: #FF0000; + font-weight: bold; + font-size: 20px; + padding-left: 10px; + width: 250px; +} +#course_tools .course-title-tools h3 { + margin-top: 10px; + color: #FF0000; + font-weight: normal; + + +} +.page-header { + border-bottom-color: #FF0000; + border-bottom-style: solid; + border-bottom-width: 1px; + box-shadow: none; + padding-bottom: 0px; +} +.well_border{ + background-color: rgba(230,230,230, 0.1); + border: 1px solid rgba(230,230,230, 0.1); + border-radius: 8px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; + margin-bottom: 20px; + min-height: 20px; + padding: 19px; +} +.well_border .row .span2 { + width: 98px; +} +.well_border .row .span2 .thumbnail { + background-color: #FFFFFF; + background-image: none; +} +#hot_courses .row .span9 .well_border .row .span6{ + width: auto; +} +.categories-course-description h3{ + color: #666; +} +#course_tools .content a { + font-size: 12px; + font-weight: normal; +} +#main_content .course-box .row .span7{ + width: 730px; +} +#main_content .course-box .row .span7 .row .span6 { + width: 615px; +} +#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; +} +/***************************************************** + * FOOTER STYLES * + *****************************************************/ +footer { + height: 10em; + background-color: #FF0000; + background-image: none; + background-repeat:repeat-x; + color:#ffffff; + border-top: none; +} +footer .container .row { + padding-top: 5px; +} +footer a:link, footer a:visited { + color: #F1D40D; +} /***************************************************** * DISPLAY MESSAGES * *****************************************************/ -.normal-message { - color: #00407F; - border: 1px solid #CDE6F5; +/***************************************************** + * 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; +} +/***************************************************** + * CSS CHAT END * + *****************************************************/ +.normal-message { + color: #00407F; + border: 1px solid #CDE6F5; background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE; } -.warning-message { +.warning-message { border: 1px solid #FFB30F; - color: #000; + color: #000; background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7; } .confirmation-message { @@ -122,25 +554,20 @@ footer { color:#1F8323; background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7; } -.error-message { +.error-message { border: 1px solid #FF0000; color: #440000; background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1; } -/* New training */ -.bottom-link { - background-image:url(images/button_back.jpg); -} - .social-menu-title { - background-color:#ff0000; + background-color:#00AAE3; } #social-content-online { - background-color:#ff0000; + background-color:#00AAE3; } - + .admin_section li { background-image:url(images/bullet.gif); } @@ -160,15 +587,6 @@ footer { background:transparent url('images/textologo.jpg') no-repeat; } - -#exercise_close_link { - background: url(images/close.gif) no-repeat; -} - -#exercise_close_link:hover { - background: url(images/close_highlight.gif) no-repeat; -} - /*including "login" image*/ button.login { background-image:url(images/bg-button.gif); @@ -203,7 +621,7 @@ button.minus { } /*including "next" image*/ button.next { - background-image:url(images/button_next.gif); + background-image:url(images/button_next.gif) !important; } /*including "back" image*/ button.back { @@ -217,13 +635,13 @@ button.refresh { button.upload { background-image:url(images/button_upload.gif); } + button.arrowr, input.arrowr { background-image:url(images/2rightarrow.gif); } button.arrowl, input.arrowl { background-image:url(images/2leftarrow.gif); } - .refresh { background-image:url(images/refresh.png); } @@ -231,3 +649,159 @@ button.arrowl, input.arrowl { .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: 8px; +} + +@media (min-width: 481px) and (max-width: 800px) { + + .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; + } +} +/*+++++++++++++++++++++++++++++++++ +END RESPONSIVE CSS ++++++++++++++++++++++++++++++++++*/ \ No newline at end of file diff --git a/main/css/chamilo_red/frames.css b/main/css/chamilo_red/frames.css index 2e9eb046f2..ada47dda71 100644 --- a/main/css/chamilo_red/frames.css +++ b/main/css/chamilo_red/frames.css @@ -55,92 +55,12 @@ img { float: right; font-weight: bold; } -/* Header 2: Containing My Courses, My Profile,... */ -#header2 { - font-size: 12px; - padding: 4px; - background-color: #4271B5; - color: #fff; - border-bottom: 1px solid white; -} -#header2 .banner_links { - margin: 0; -} -#header2 a { - text-decoration: none; - color: #fff; - background: transparent; - font-weight:normal; - font-size: 12px; -} -#header2 input.logout { - /* makes an input appear like a link in this header */ - margin: 0; - padding: 0; - background-color: transparent; - border: none; - color: #fff; - font-size: 12px; - font-weight:normal; - font-family: verdana, arial, helvetica, sans-serif; -} -#header2 a:hover, #header2 input.logout:hover { - border-bottom: 1px solid #fff; -} #logout { float: right; width:20%; text-align:right; } -/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */ -#header3 { - position: relative; /* to avoid the IE peekabo bug*/ - font-size: 12px; - font-weight: normal; - padding: 4px; - background-color: #90AFDD; - color: #fff; - border-bottom: 1px solid white; -} -#header3 a { - color: #ffffff; - text-decoration: none; - font-weight:normal; -} -#header3 a:hover { - text-decoration: underline; -} -/* Header3Right: online users, student/teacher view, help */ -#Header3Right ul { - position: relative; /* to avoid the IE peekabo bug*/ - float: right; - width: 50%; - margin: 0; - padding: 0; - list-style-type: none; - text-align: right; -} -#Header3Right ul li { - display: inline; -} -#Header3Right ul li a { - padding: 4px 6px 4px 4px; - color:#fff; -} -/* Header 4: not used */ -#header4 { - background-color: #fff; - color: #009; - padding: 4px; - margin-bottom: 2px; -} -#header4 a { - color: #4171b5; -} -#header4 a:hover { - text-decoration: none; - color: #f00; -} + /* The tool shortcuts */ #toolshortcuts { text-align: right; diff --git a/main/css/chamilo_red/images/background_message.png b/main/css/chamilo_red/images/background_message.png deleted file mode 100644 index db9075ff26..0000000000 Binary files a/main/css/chamilo_red/images/background_message.png and /dev/null differ diff --git a/main/css/chamilo_red/images/bar_1.gif b/main/css/chamilo_red/images/bar_1.gif deleted file mode 100644 index 938ae0c354..0000000000 Binary files a/main/css/chamilo_red/images/bar_1.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bar_1m.gif b/main/css/chamilo_red/images/bar_1m.gif deleted file mode 100644 index 24f8b81fd4..0000000000 Binary files a/main/css/chamilo_red/images/bar_1m.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bar_1r.gif b/main/css/chamilo_red/images/bar_1r.gif deleted file mode 100644 index 3bfc397e10..0000000000 Binary files a/main/css/chamilo_red/images/bar_1r.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bar_1u.gif b/main/css/chamilo_red/images/bar_1u.gif deleted file mode 100644 index 24f8b81fd4..0000000000 Binary files a/main/css/chamilo_red/images/bar_1u.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bg-button.gif b/main/css/chamilo_red/images/bg-button.gif index 3d91a4d607..57f7fe3bee 100644 Binary files a/main/css/chamilo_red/images/bg-button.gif and b/main/css/chamilo_red/images/bg-button.gif differ diff --git a/main/css/chamilo_red/images/bg-footer.gif b/main/css/chamilo_red/images/bg-footer.gif deleted file mode 100644 index 5d559575f6..0000000000 Binary files a/main/css/chamilo_red/images/bg-footer.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bg-header1.gif b/main/css/chamilo_red/images/bg-header1.gif deleted file mode 100644 index 7fb77ce1ed..0000000000 Binary files a/main/css/chamilo_red/images/bg-header1.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/bg-header4.png b/main/css/chamilo_red/images/bg-header4.png deleted file mode 100644 index 10f15a4a0a..0000000000 Binary files a/main/css/chamilo_red/images/bg-header4.png and /dev/null differ diff --git a/main/css/chamilo_red/images/bg-menu.png b/main/css/chamilo_red/images/bg-menu.png deleted file mode 100644 index ae0f161c91..0000000000 Binary files a/main/css/chamilo_red/images/bg-menu.png and /dev/null differ diff --git a/main/css/chamilo_red/images/bgmenusup.png b/main/css/chamilo_red/images/bgmenusup.png deleted file mode 100644 index 237101c567..0000000000 Binary files a/main/css/chamilo_red/images/bgmenusup.png and /dev/null differ diff --git a/main/css/chamilo_red/images/bullet.gif b/main/css/chamilo_red/images/bullet.gif index 4010966556..584d1affef 100644 Binary files a/main/css/chamilo_red/images/bullet.gif and b/main/css/chamilo_red/images/bullet.gif differ diff --git a/main/css/chamilo_red/images/button_back.jpg b/main/css/chamilo_red/images/button_back.jpg deleted file mode 100644 index b2a8df3a8e..0000000000 Binary files a/main/css/chamilo_red/images/button_back.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/button_plus.gif b/main/css/chamilo_red/images/button_plus.gif deleted file mode 100644 index 6332fefea4..0000000000 Binary files a/main/css/chamilo_red/images/button_plus.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/fondoFooter.jpg b/main/css/chamilo_red/images/fondoFooter.jpg deleted file mode 100644 index e797544a19..0000000000 Binary files a/main/css/chamilo_red/images/fondoFooter.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/fondoHeader2.jpg b/main/css/chamilo_red/images/fondoHeader2.jpg deleted file mode 100644 index 49a5abc800..0000000000 Binary files a/main/css/chamilo_red/images/fondoHeader2.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/fondoHeader3.jpg b/main/css/chamilo_red/images/fondoHeader3.jpg deleted file mode 100644 index 8786537177..0000000000 Binary files a/main/css/chamilo_red/images/fondoHeader3.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/fondoNav.jpg b/main/css/chamilo_red/images/fondoNav.jpg deleted file mode 100644 index 82f302d2bc..0000000000 Binary files a/main/css/chamilo_red/images/fondoNav.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/footer.jpg b/main/css/chamilo_red/images/footer.jpg deleted file mode 100644 index 96b9a29c62..0000000000 Binary files a/main/css/chamilo_red/images/footer.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/header-logo.png b/main/css/chamilo_red/images/header-logo.png index dd415fa50e..9582b04b3f 100755 Binary files a/main/css/chamilo_red/images/header-logo.png and b/main/css/chamilo_red/images/header-logo.png differ diff --git a/main/css/chamilo_red/images/logoMouse.jpg b/main/css/chamilo_red/images/logoMouse.jpg deleted file mode 100644 index 2d006ad561..0000000000 Binary files a/main/css/chamilo_red/images/logoMouse.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/shadow.gif b/main/css/chamilo_red/images/shadow.gif deleted file mode 100644 index fc02f26719..0000000000 Binary files a/main/css/chamilo_red/images/shadow.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/systemenouvelles.jpg b/main/css/chamilo_red/images/systemenouvelles.jpg deleted file mode 100644 index 8580271092..0000000000 Binary files a/main/css/chamilo_red/images/systemenouvelles.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/tab.png b/main/css/chamilo_red/images/tab.png deleted file mode 100644 index 5a4c86458b..0000000000 Binary files a/main/css/chamilo_red/images/tab.png and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_center-active.gif b/main/css/chamilo_red/images/tab_center-active.gif deleted file mode 100644 index 06a5809f6a..0000000000 Binary files a/main/css/chamilo_red/images/tab_center-active.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_center.gif b/main/css/chamilo_red/images/tab_center.gif deleted file mode 100644 index 56edc05f30..0000000000 Binary files a/main/css/chamilo_red/images/tab_center.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_left-active.gif b/main/css/chamilo_red/images/tab_left-active.gif deleted file mode 100644 index bead70d120..0000000000 Binary files a/main/css/chamilo_red/images/tab_left-active.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_left-hover-active.gif b/main/css/chamilo_red/images/tab_left-hover-active.gif deleted file mode 100644 index 6507dcb660..0000000000 Binary files a/main/css/chamilo_red/images/tab_left-hover-active.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_left-hover.gif b/main/css/chamilo_red/images/tab_left-hover.gif deleted file mode 100644 index 8186616b6f..0000000000 Binary files a/main/css/chamilo_red/images/tab_left-hover.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_left.gif b/main/css/chamilo_red/images/tab_left.gif deleted file mode 100644 index c11aabb6fb..0000000000 Binary files a/main/css/chamilo_red/images/tab_left.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_right-active.gif b/main/css/chamilo_red/images/tab_right-active.gif deleted file mode 100644 index 4b6354067c..0000000000 Binary files a/main/css/chamilo_red/images/tab_right-active.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_right-hover.gif b/main/css/chamilo_red/images/tab_right-hover.gif deleted file mode 100644 index 2b2e579983..0000000000 Binary files a/main/css/chamilo_red/images/tab_right-hover.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_right.gif b/main/css/chamilo_red/images/tab_right.gif deleted file mode 100644 index bbf6872015..0000000000 Binary files a/main/css/chamilo_red/images/tab_right.gif and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_right.jpg b/main/css/chamilo_red/images/tab_right.jpg deleted file mode 100644 index 4b0f427d06..0000000000 Binary files a/main/css/chamilo_red/images/tab_right.jpg and /dev/null differ diff --git a/main/css/chamilo_red/images/tab_rigth.gif b/main/css/chamilo_red/images/tab_rigth.gif deleted file mode 100644 index 4c8fad7eb6..0000000000 Binary files a/main/css/chamilo_red/images/tab_rigth.gif and /dev/null differ diff --git a/main/css/chamilo_red/learnpath.css b/main/css/chamilo_red/learnpath.css index 057d2e8d36..bcf18bfbcb 100755 --- a/main/css/chamilo_red/learnpath.css +++ b/main/css/chamilo_red/learnpath.css @@ -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/chamilo_red/print.css b/main/css/chamilo_red/print.css index acde8b2946..64f658540b 100644 --- a/main/css/chamilo_red/print.css +++ b/main/css/chamilo_red/print.css @@ -630,6 +630,34 @@ a.nobold:hover { /***************************************************** * 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; } @@ -735,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/chamilo_red/scorm.css b/main/css/chamilo_red/scorm.css index 92190e8e94..b295b7ba5a 100644 --- a/main/css/chamilo_red/scorm.css +++ b/main/css/chamilo_red/scorm.css @@ -162,164 +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; - 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: 14px; - 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-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: 100%; - 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; -} -#author_name { - padding-left: 5px; - padding-top: 5px; - font-size: 11px; - color:#888; + padding-left: 17px; } #msg_div_id { - padding-left: 17px; - padding-top: 4px; -} -.scorm_title_text { - margin-left: 10px; - font-weight: bold; - background:#ccc; - font-size: 14px; - color: #444; - width: 89%; - padding: 1px 5px 3px 8px; + 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; +} + +/*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; +} + +.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%; +}