From b25c6db2cac038ccc86bd9dba5633a0beab97c2b Mon Sep 17 00:00:00 2001 From: Julio Montoya Date: Wed, 15 Aug 2018 14:10:16 +0200 Subject: [PATCH] Minor - update from 1.11.x --- assets/css/base.css | 1212 +++++++++++------------ assets/css/chat.css | 128 +-- assets/css/document.css | 36 + assets/css/editor.css | 240 ----- assets/css/editor_content.css | 172 ++++ assets/css/print.css | 76 +- assets/css/responsive.css | 230 ++--- assets/css/scorm.css | 26 +- assets/css/themes/chamilo/default.css | 37 +- assets/css/themes/chamilo/learnpath.css | 16 +- 10 files changed, 1011 insertions(+), 1162 deletions(-) create mode 100644 assets/css/document.css create mode 100644 assets/css/editor_content.css diff --git a/assets/css/base.css b/assets/css/base.css index f6f21b74db..955efdcb17 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -6,50 +6,57 @@ alex.aragon@beeznest.com angel.quiroz@beeznest.com julio.montoya@beeznest.com - yannik.warnier@beeznest.com - Version: 2.0 + yannick.warnier@beeznest.com + Version: 1.0 */ +/* Sticky footer styles +-------------------------------------------------- */ html { position: relative; min-height: 100%; } - body { - margin-bottom: 120px; - color: #29303b; - line-height: 24px; -} -p{ - margin: 0 0 20px; + /* Margin bottom by footer height */ + margin-bottom: 60px; } - -.course ul li, .course ol li{ - margin-bottom: 10px; -} -.navbar-nav li{ - margin-bottom: 0; -} -/* Sticky footer style */ -.sticky-footer { +.footer { position: absolute; bottom: 0; width: 100%; - padding-top: 20px; - padding-bottom: 20px; + /* Set the fixed height of the footer here */ + height: 60px; + background-color: #f5f5f5; } +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ -#content-section { - margin-bottom: 230px; +#cm-content > .container { + padding-bottom: 60px; + margin-bottom: 10px; } -/* End Sticky footer style */ -select { - width: auto; +.footer > .container { + padding-right: 15px; + padding-left: 15px; } -a.thumbnail:hover { - border: 1px solid #dddddd; - box-shadow: 0 4px 8px #C8C8C8; +/*! + * IE10 viewport hack for Surface/desktop Windows 8 bug + * Copyright 2014-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/* + * See the Getting Started docs for more information: + * http://getbootstrap.com/getting-started/#support-ie10-width + */ +@-ms-viewport { width: device-width; } +@-o-viewport { width: device-width; } +@viewport { width: device-width; } + +select { + width: auto; } /*------------------------------*/ @@ -123,8 +130,7 @@ a.thumbnail:hover { } .logo { - margin-bottom: 20px; - padding: 5px; + margin: 10px 0; } #form-login .input-group { @@ -140,12 +146,6 @@ a.thumbnail:hover { display: none; } -#login-block .nav-pills { - margin-bottom: 5px; - padding-top: 10px; - margin-top: 5px; -} - #login-block .btn-group, .btn-group-vertical { width: 100%; } @@ -182,20 +182,14 @@ a.thumbnail:hover { border: none; } -header { - padding-top: 20px; -} - .blackboard_show { float: left; position: absolute; border: 1px solid #000; width: 200px; - padding: 5px; border-radius: 5px; background-color: #000; z-index: 99; - padding: 3px; display: inline; color: #fff; } @@ -235,18 +229,18 @@ header { } #carousel-announcement .left { - left: 0px; + left: 0; } #carousel-announcement .right { - right: 0px; + right: 0; } #carousel-announcement .carousel-indicators li { width: 20px; height: 20px; background-color: #ddd; - margin: 0px 15px 0px 0px; + margin-right: 15px; position: relative; } @@ -264,26 +258,8 @@ header { min-height: 300px; } -.panelSliders { - margin: 20px 0; -} - -.panelSliders .ui-slider-handle { - border-color: #000; -} - -#panelSliders { - width: 75%; - margin: 25px auto; - text-align: center; -} - -#notice_block h5 { - font-weight: bold; -} - .carousel-indicators { - bottom: 0px !important; + bottom: 0; } .form-group .freeze { @@ -291,12 +267,6 @@ header { padding-top: 8px; } -#updatemp3 .footer-audio { - padding-bottom: 10px; - padding-top: 10px; - margin-bottom: 20px; -} - /* notifications help and bug */ .notification-panel { position: fixed; @@ -490,7 +460,7 @@ input[type=checkbox], input[type=radio] { .impress-title { position: absolute; top: 40%; - left: 0%; + left: 0; text-align: center; width: 100%; } @@ -534,10 +504,7 @@ input[type=checkbox], input[type=radio] { .buttom-subscribed .btn { font-size: 12px; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 10px; - padding-right: 10px; + padding: 5px 10px; } .buttom-subscribed .btn.btn-primary { @@ -563,7 +530,9 @@ input[type=checkbox], input[type=radio] { margin-right: 5px; margin-top: 2px; } - +.checkbox_send_notification{ + margin-bottom: 10px; +} /* end chamilo forms fixes */ .actions { @@ -604,11 +573,11 @@ input[type=checkbox], input[type=radio] { } .actions form { - margin-bottom: 0px; + margin-bottom: 0; } .actions fieldset { - margin-top: 0px; + margin-top: 0; } .muted { @@ -645,13 +614,12 @@ input[type=checkbox], input[type=radio] { } .actions .btn-toolbar { - margin: 0px; border: 1px solid #dcdcdc; border-radius: 5px; display: inline-block; padding-left: 5px; padding-right: 5px; - margin-right: 5px; + margin: 0 0 0 5px; background: #ffffff; /* Old browsers */ } @@ -670,7 +638,7 @@ input[type=checkbox], input[type=radio] { } .actions fieldset { - margin-top: 0px; + margin-top: 0; } .separate-action { @@ -906,7 +874,7 @@ input[type=checkbox], input[type=radio] { #agenda_select { list-style: none; - border: 0px solid green; + border: 0 solid green; margin: 30px 0 0 0; padding: 0 0 0 10px; } @@ -1066,7 +1034,7 @@ a.personal_agenda:hover, a.personal_agenda:hover { .online_grid_element_1, .online_grid_element_2 { font-size: 13px; float: left; - margin: 25px 0px 0px 10px; + margin: 25px 0 0 10px; width: 70%; } @@ -1082,7 +1050,7 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .social-thumbnail { - padding: 0px; + padding: 0; } .social-title { @@ -1101,8 +1069,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .social-post-answers { - padding-right: 0px; - padding-left: 0px; + padding-right: 0; + padding-left: 0; } .social-host p { @@ -1114,29 +1082,25 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .menulist { - margin: 0px; - list-style: none; - padding: 3px 15px; - list-style-image: none; - list-style-position: outside; - list-style-type: none; + margin: 0; + padding: 0; } .menulist li { - /* float:left; */ - /* margin-left:10px; */ - margin-bottom: 10px; - display: list-item; + display: inline-block; + width: 100%; + list-style: none; + border-bottom: 1px solid #DDDDDD; + padding-bottom: 5px; + padding-top: 5px; } -.menulist li { - margin-top: 10px; +.menulist li:last-child { + border-bottom: none; } #profile .control-group .controls .files-production { padding: 5px 25px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; border-radius: 10px; background-color: #F1F3F5; border: 1px solid #EAEBED; @@ -1166,25 +1130,9 @@ a.personal_agenda:hover, a.personal_agenda:hover { text-align: right; } -/* Note */ -.note { - margin: 6px; - font-size: 12px; - line-height: 14px; - font-family: verdana, arial, helvetica, sans-serif; - background-color: #FFFF96; - color: #666666; - border: 1px solid #bbb; - padding: 10px 10px 10px 10px; -} - -.note b { - margin: 10px 10px 5px 0px; -} - /* Breadcrumb */ .breadcrumb .home { - padding: 0px; + padding: 0; height: 22px; } @@ -1192,60 +1140,6 @@ a.personal_agenda:hover, a.personal_agenda:hover { float: left; } -/* Categories courses*/ -#course-picture { - position: absolute; - top: 8%; - left: 85%; - padding: 4px; - border: 1pt solid #ccc; -} - -#categories-search { - text-align: center; - /*height:55px; */ - float: left; -} - -.course-block-main-item { - height: 45px; - padding: 5px 0px; -} - -.categories-course-description { - padding-bottom: 10px; -} - -.course-block-popularity { - width: 90px; - float: right; - font-size: x-small; - font-style: italic; - text-align: right; - background-color: #eeeeee; - min-height: 95px; - padding-right: 5px; - -moz-border-radius-topleft: 4px; - -moz-border-radius-topright: 4px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - - border-top-left-radius: 4px; - border-top-right-radius: 4px; - - -moz-box-shadow: 0 -1px 5px 2px #CCCCCC; - -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC; - box-shadow: 0 -1px 5px 2px #CCCCCC; -} - -.course-block-popularity-score { - font-size: 3em; - text-align: center; - color: #000000; - padding-top: 10px; - text-shadow: gray 3px 3px 2px; -} - /* ATTENDANCE */ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div.row div.formw { float: left; @@ -1301,20 +1195,6 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. width: 100%; } -#inbox { - height: auto; - margin-left: auto; - margin-right: auto; - overflow: hidden; -} - -#outbox { - height: auto; - margin-left: auto; - margin-right: auto; - overflow: hidden; -} - #inbox-menu { width: 150px; float: left; @@ -1322,15 +1202,12 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. } #inbox-menu ul { - list-style-image: none; - list-style-position: outside; - list-style-type: none; margin: 0; - padding: 0px; + padding: 0; } #inbox-menu ul li { - padding: 2px 0px; + padding: 2px 0; } .message-topic { @@ -1338,7 +1215,7 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. border-radius: 5px; display: inline-block; border: 1px solid #ECF0F1; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); width: 100%; } @@ -1366,12 +1243,10 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. margin-bottom: 15px; border-radius: 5px; padding: 15px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .message_view_table { - cellspacing: 0; - cellpadding: 0; background-color: #dbeaf5; border: 0; border-collapse: collapse; @@ -1461,8 +1336,8 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. visibility: hidden; top: 85px; left: 10px; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; } #message { @@ -1524,11 +1399,8 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div. .message-image-info { float: left; - margin-top: 10px; - margin-bottom: 10px; - margin-left: 10px; + margin: 10px; text-align: left; - margin-right: 20px; } .message-content-body-right dd { @@ -1564,7 +1436,6 @@ a.unread { clip: rect(0px 218px 185px 0px); top: -50px; left: -32px; - -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); @@ -1584,14 +1455,14 @@ a.unread { float: left; width: 50%; background-color: #ccc; - margin: 0px; + margin: 0; } #social-plugins { float: left; background-color: #f00; width: 100%; - margin: 0px; + margin: 0; padding: 2px; } @@ -1620,9 +1491,10 @@ a.unread { } /* BIG TOOLS COURSE */ -.title-tools{ +.title-tools { font-weight: bold; } + #course_tools .big_icon { padding: 10px; text-align: center; @@ -1632,18 +1504,20 @@ a.unread { text-align: center; margin-bottom: 20px; margin-top: 10px; - width:100%; - height:50px; - text-overflow:ellipsis; - white-space:nowrap; - overflow:hidden; + width: 100%; + height: 50px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } -#course_tools .content:hover{ + +#course_tools .content:hover { width: auto; white-space: initial; - overflow:visible; + overflow: visible; cursor: pointer; } + .course-tool .make_visible_and_invisible img { margin-top: -3px; margin-right: 5px; @@ -1651,21 +1525,12 @@ a.unread { .big_icon img { padding: 5px; - -moz-border-radius: 10px; - -border-radius: 10px; - -webkit-border-radius: 10px; border-radius: 10px; - -webkit-box-shadow: 0 4px 8px #C8C8C8; - -opera-box-shadow: 0 4px 8px #C8C8C8; - -moz-box-shadow: 0 4px 8px #C8C8C8; box-shadow: 0 4px 8px #C8C8C8; border: 1px solid #e6e6e6; } .big_icon img:hover { - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; box-shadow: 0 4px 18px #C8C8C8; } @@ -1681,13 +1546,7 @@ a.unread { .rounded_div { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; - -webkit-border-radius: 11px; - -opera-border-radius: 11px; - -moz-border-radius: 11px; border-radius: 11px; - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; box-shadow: 0 4px 18px #C8C8C8; float: left; height: auto; @@ -1697,7 +1556,7 @@ a.unread { /* Makes the course elements more readable */ .session_course_item { - padding: 6px 0px 6px 5px; + padding: 6px 0 6px 5px; } #lp_overview .thumbnail { @@ -1705,10 +1564,8 @@ a.unread { } .lp_resource { - padding: 5px 10px; - list-style-type: none; + list-style: none; margin: 0; - padding: 0; float: left; width: 100%; } @@ -1755,7 +1612,7 @@ div.system_announcement { } #toolshortcuts_horizontal { - padding: 0px 20px 2px 0px; + padding: 0 20px 2px 0; clear: right; margin-left: auto; margin-right: auto; @@ -1764,7 +1621,7 @@ div.system_announcement { } #toolshortcuts_vertical { - padding: 0px 0px 2px 0px; + padding: 0 0 2px 0; clear: right; margin-left: auto; margin-right: auto; @@ -1777,7 +1634,7 @@ div.admin_section { } .admin_section li { - padding: 2px 0px 2px; + padding: 2px 0 2px; } div.admin_section h4 { @@ -2126,7 +1983,7 @@ div.admin_section h4 { } .search_group_grid_container { - margin-top: 0px; + margin-top: 0; } .search_group_grid_element_1 { @@ -2167,7 +2024,7 @@ div.admin_section h4 { .item_data .button_actions { display: none; - margin: 5px 0px; + margin: 5px 0; } .item_data:hover .button_actions { @@ -2227,7 +2084,7 @@ div.admin_section h4 { .document_preview_container { border-radius: 5px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); background-color: #FFF; border: 1px solid #DDD; position: absolute; @@ -2254,29 +2111,25 @@ div.admin_section h4 { #comments { position: absolute; left: 795px; - top: 0px; + top: 0; width: 200px; height: 75px; z-index: 1; } /* MAIN QUESTION */ - .main-question { padding: 10px 20px; box-sizing: border-box; border: 1px solid #dddddd; border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 35px; } .main-question .question_title { font-size: 20px; - /*font-weight: bold;*/ - margin: 15px 0px; + margin: 15px 0; color: #666666; } @@ -2304,9 +2157,7 @@ div.admin_section h4 { box-sizing: border-box; border: 1px solid #dddddd; border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 35px; } @@ -2318,7 +2169,7 @@ div.admin_section h4 { .question_item { height: 50px; padding: 5px; - margin: 10px 0px 10px 0px; + margin: 10px 0 10px 0; } .question-return { @@ -2344,13 +2195,8 @@ div.admin_section h4 { .exercise_overview_options { background-color: #F9F9F9; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; border-radius: 10px; - - /*height: 40px; - margin: 5px; */ - padding: 15px 0px 15px 0px; + padding: 15px 0 15px 0; } .exercise_overview_options .left_option { @@ -2425,7 +2271,7 @@ div.admin_section h4 { .question_options input[type="text"] { padding: 6px 12px; - margin: 2px 2px 2px 0px; + margin: 2px 2px 2px 0; vertical-align: middle; display: inline-block; height: 34px; @@ -2443,12 +2289,12 @@ div.admin_section h4 { .question_options input[type="text"]:focus { border-color: #66AFE9; background-color: #ffffff; - outline: 0px none; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); + outline: 0 none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .exercise_description { - padding: 0px 0px 10px 0px; + padding: 0 0 10px 0; border-bottom: 1px solid #dddddd; margin-bottom: 10px; } @@ -2456,13 +2302,12 @@ div.admin_section h4 { .exercise_title { font-size: 1.6em; font-weight: bold; - padding: 10px 0px 10px 0px; + padding: 10px 0 10px 0; } .question_no_answer { background-color: #FFF7C0; - /* padding: 5px 0px 5px 0px; */ - margin: 10px 0px 5px 0px; + margin: 10px 0 5px 0; } .question_answer { @@ -2470,18 +2315,17 @@ div.admin_section h4 { float: left; margin: 0; width: 100%; - margin: 0 0 0 0px; - padding: 0px 0px 5px 0px; + padding: 0 0 5px 0; } .question_answer label { float: left; - margin: 0px 0 0 8px; + margin: 0 0 0 8px; } .question_answer input { float: left; - margin: 0px; + margin: 0; } #question_description { @@ -2514,7 +2358,7 @@ div.admin_section h4 { } .question_row_score .title-score .total h3 { - margin: 0px; + margin: 0; font-size: 22px; } @@ -2539,13 +2383,13 @@ div.admin_section h4 { display: block; line-height: 1.3; left: -2px; - top: 0px; + top: 0; color: #cfcfcf; margin: 0; padding: 2px 10px; position: relative; background: #333; - border-radius: 4px 0px 0 0; + border-radius: 4px 0 0 0; } .ribbon .rib h3 { @@ -2611,10 +2455,10 @@ div.admin_section h4 { height: 30px; width: 150px; margin: 0; - padding: 15px 0px; + padding: 15px 0; position: absolute; - right: 0px; - top: 0px; + right: 0; + top: 0; } .ribbon .rib::before { @@ -2691,10 +2535,184 @@ div.admin_section h4 { margin-top: 20px; margin-bottom: 25px; } +/* EXERCISE MATFDC */ + +.certaintyQuizBox { + border : 1px solid black; + margin : auto; +} + +.certaintyQuizColumn { + float : left; +} + +/* text at the top of the column */ +.certaint-score { + height : 20px; + margin-bottom: 10px; + padding : 0; + text-align: center; + font-size: 22px; + font-weight: bold; +} +.chart-grid{ + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + grid-gap: 30px; + width: 100%; + margin: 0 auto; +} +.chart-title{ + text-align: center; + font-weight: bold; + font-size: 16px; + margin-bottom: 20px; + padding-bottom: 10px; + border-bottom: 1px solid #b3b3b3; + text-transform: uppercase; + background: #ecf0f1; + padding-top: 10px; +} +.certaint-list-two, .certaint-list{ + margin: 0; + padding: 0; + list-style: none; + text-align: center; + position: absolute; + bottom: 0; + display: inline-block; + width: 100%; +} +.certaint-list-two li{ + display: inline-block; + margin-right: 10px; + width: 40%; +} +.certaint-list li{ + width: 50%; + margin: auto; +} +.certaint-list-two li:last-child{ + margin-right: 0; +} +.answers-title{ + text-align: center; + margin-bottom: 20px; + font-weight: bold; +} +.panel-certaint{ + margin-bottom: 20px; + background-color: #FFF; + border: 1px solid #e4e4e4;; + box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); + padding: 10px; + border-radius: 6px; +} + +.certaint-text{ + text-align: center; + padding: 10px 5px; +} +.certaintyVerticalLine { + float: left; + border-left : 1px solid black; + font-size: 0; +} + +.certaintyQuizClearer { + clear : both; + font-size: 0; + height:0 +} +.chart-legend{ + list-style: none; + margin: 0; + padding: 0; + text-align: center; +} +.chart-legend li{ + display: inline-block; + padding-left: 10px; + padding-right: 10px; + margin-right: 10px; + margin-bottom: 10px; +} +.square_color4{ + color: #1e9c55; +} +.square_color3{ + color: #b1e183; +} +.square_color2{ + color: #f6ba2a; +} +.square_color1{ + color: #f79b88; +} +.square_color0{ + color: #ed4040; +} +.levelbar_1 { + background-color: #1e9c55; + border: 1px solid #1e9c55; +} + +.levelbar_2 { + background-color: #b1e183; + border: 1px solid #b1e183; +} + +.levelbar_3 { + background-color: #f6ba2a; + border: 1px solid #f6ba2a; +} + +.levelbar_4 { + background-color: #f79b88; + border: 1px solid #f79b88; +} + +.levelbar_5 { + background-color: #ed4040; + border: 1px solid #ed4040; +} + +table.certaintyTable { + margin : auto; + border: 1px solid #7FC5FF; +} + +table.certaintyTable th { + text-align: center; + border-bottom: 1px solid #7FC5FF; + background-color: #c9e0ff; +} + +table.certaintyTable td { + padding : 10px; +} + +table.certaintyTable td.borderRight { + border-right: 1px dotted #7FC5FF; +} + +table.certaintyTable td.firstLine { + vertical-align: top; + text-align: center; +} + +table.certaintyTable th.globalChart { + font-size : 18pt; + line-height : 120%; + padding : 20px; +} + +table.certaintyTable td.globalChart { + font-weight : bold; +} /* Exercise clock*/ .count_down { - padding: 3px; font-size: 20px; font-weight: bold; color: #2E75A3; @@ -2706,10 +2724,6 @@ div.admin_section h4 { border-radius: 5px; } -.count_down.navbar-fixed-top { - border-radius: 0px; -} - .time_warning_two { background: url(../../public/img/clock-exercise.png) no-repeat center center #FFD700; border: 1px solid #FFCC00; @@ -2721,12 +2735,12 @@ div.admin_section h4 { border: 1px solid #FB3A35; color: #FFF; } - +.question_row{ + display: inline-block; + width: 100%; +} #question_feedback { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; border-radius: 10px; - background-color: #FCF7BA; border: 1px solid #EADC31; color: #555; @@ -2770,7 +2784,7 @@ div.admin_section h4 { div.row div.form_header { white-space: nowrap; padding: 2px; - margin: 0px 0px 10px 0px; + margin: 0 0 10px 0; background-color: #E5EDF9; border: 1px solid #E5EDF9; font-size: 20px; @@ -2823,14 +2837,11 @@ form .formw .freeze { .label_tag { padding: 1px 3px 2px; - margin: 2px 3px 2px 0px; - /* padding:5px;*/ + margin: 2px 3px 2px 0; background-color: #bfbfbf; font-size: 10px; font-weight: bold; color: #ffffff; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; border-radius: 3px; text-align: center; width: 155px; @@ -2903,10 +2914,7 @@ form .formw .freeze { .data_table th, .data_table td { border-top: 1px solid #DDDDDD; line-height: 18px; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 10px; - padding-right: 10px; + padding: 10px; } .data_table th { @@ -3158,15 +3166,7 @@ table#skill_holder { .skill_root { box-shadow: 2px 2px 19px #aaa; - -o-box-shadow: 2px 2px 19px #aaa; - -webkit-box-shadow: 2px 2px 19px #aaa; - -moz-box-shadow: 2px 2px 19px #aaa; - - -webkit-border-radius: 6px; - -opera-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; - background-color: #ccc; border: 0.1em dotted #D4E06B; color: black; @@ -3182,24 +3182,14 @@ table#skill_holder { .skill_child { box-shadow: 2px 2px 19px #aaa; - -o-box-shadow: 2px 2px 19px #aaa; - -webkit-box-shadow: 2px 2px 19px #aaa; - -moz-box-shadow: 2px 2px 19px #aaa; - - -webkit-border-radius: 6px; - -opera-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; - background-color: white; border: 0.1em dotted #D4E06B; color: black; - font-size: 0.9em; height: 4em; opacity: 0.8; padding-top: 0.9em; - /* position: absolute; */ text-align: center; width: 120px; z-index: 40; @@ -3215,7 +3205,6 @@ table#skill_holder { **************************************************** */ /* list template document */ - #frmModel ul { list-style: none; margin: 0; @@ -3257,7 +3246,6 @@ table#skill_holder { } /* end list template document */ - .done_window { background-color: #73982C; } @@ -3269,7 +3257,7 @@ table#skill_holder { .second_window { border: 1px solid blue; - margin-left: 0px; + margin-left: 0; } .third_window { @@ -3305,9 +3293,6 @@ table#skill_holder { z-index: 200; } -#language_list { -} - /***************************************************** * LOGIN AND LANGUAGE FORM * *****************************************************/ @@ -3336,19 +3321,11 @@ table#skill_holder { input.mainoption { font-weight: bold; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; border: 1px solid #E1E1E0; } input.liteoption { font-weight: normal; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; border: 1px solid #E1E1E0; } @@ -3361,14 +3338,7 @@ input.liteoption { background-image: -ms-linear-gradient(top, #FFFFCC, #FFFFCC); background-image: -o-linear-gradient(top, #FFFFCC, #FFFFCC); background-image: linear-gradient(top, #FFFFCC, #FFFFCC); - /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2d7ceb', EndColorStr='#2978e6');*/ - -moz-box-shadow: 0px 0px 0px transparent; - -webkit-box-shadow: 0px 1px 0px transparent; - box-shadow: 0px 1px 0px transparent; -} - -.row_selected a, .row_selected .invisible, .row_selected td { - /* color: #FFFFFF !important; */ + box-shadow: 0 1px 0 transparent; } .data_table_exercise_result, .data_table_exercise_result_left { @@ -3396,7 +3366,7 @@ input.liteoption { } #no-data-view { - padding: 20px 0 0px; + padding: 20px 0 0; text-align: center; } @@ -3420,8 +3390,8 @@ div#no-data-view div.controls { /* styles for the star rater */ .star-rating { list-style: none; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; width: 125px; height: 25px; position: relative; @@ -3430,8 +3400,8 @@ div#no-data-view div.controls { } .star-rating li { - padding: 0px; - margin: 0px; + padding: 0; + margin: 0; width: 25px; height: 25px; float: left; @@ -3446,19 +3416,19 @@ div#no-data-view div.controls { text-indent: -9000px; z-index: 20; position: absolute; - padding: 0px; + padding: 0; overflow: hidden; } .star-rating li a:hover { background: url(../../public/img/alt_star.png) left bottom; z-index: 2; - left: 0px; + left: 0; border: none; } .star-rating a.one-star { - left: 0px; + left: 0; } .star-rating a.one-star:hover { @@ -3521,12 +3491,12 @@ a:active { .skills-users ul.holder, .skills-profiles ul.holder { margin-bottom: 8px; - border: 0px; + border: 0; } .skills_chart * { - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; } .skills_chart ul { @@ -3538,14 +3508,14 @@ a:active { float: left; text-align: center; list-style-type: none; - padding: 20px 5px 0px 5px; + padding: 20px 5px 0 5px; position: relative; } .skills_chart li::before, .skills_chart li::after { content: ''; position: absolute; - top: 0px; + top: 0; right: 50%; border-top: 1px solid #f80; width: 50%; @@ -3572,8 +3542,6 @@ a:active { .skills_chart li:last-child::before { border-right: 1px solid #f80; - -webkit-border-radius: 0 5px 0 0; - -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } @@ -3599,14 +3567,9 @@ a:active { text-decoration: none; color: #333; background-color: rgba(255, 255, 255, 0.5); - font-family: arial, verdana, tahoma; font-size: 0.85em; display: inline-block; border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -webkit-transition: all 500ms; - -moz-transition: all 500ms; transition: all 500ms; } @@ -3665,7 +3628,6 @@ a:active { .nanogong_player_container { width: 370px; margin: 0 auto; - } .nanogong_player { @@ -3738,19 +3700,13 @@ tr.forum_category_header a { .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; + border: 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; + border: 1px solid #aaa; } .forum-date { @@ -3818,7 +3774,6 @@ a.forum-goto { } .forum_message_post_title { - /*border-bottom: 1px solid #666666;*/ font-weight: bold; background-color: #F7F7F7; height: 20px; @@ -3826,7 +3781,6 @@ a.forum-goto { } .forum_message_post_title_2_be_approved { - /*border-bottom: 1px solid #666666;*/ color: #999; font-weight: bold; background-color: #F7F7F7; @@ -3834,14 +3788,12 @@ a.forum-goto { } .forum_message_post_text { - /*border-bottom: 1px solid #666666;*/ margin-bottom: 10px; vertical-align: top; background: white; } .forum_message_post_text_2_be_approved { - /*border-bottom: 1px solid #666666;*/ color: #999; margin-bottom: 10px; vertical-align: top; @@ -3856,7 +3808,6 @@ a.forum-goto { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; - padding: 5px; } .forum_table_title th { @@ -3928,7 +3879,7 @@ a.forum-goto { } #main_content .course_item { - padding: 5px 0px 5px 0px; + padding: 5px 0 5px 0; } /* actions */ @@ -3981,7 +3932,7 @@ a.forum-goto { left: 0; position: fixed; right: 0; - top: 0px; + top: 0; z-index: 1030; } @@ -4007,7 +3958,7 @@ a.forum-goto { .subnav-fixed { position: fixed; - top: 0px; + top: 0; left: 0; right: 0; z-index: 1030; @@ -4051,96 +4002,6 @@ a.forum-goto { margin-bottom: 10px; } -.handle { - background-image: url('../../public/img/div_show.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.handle.collapsed { - background-image: url('../../public/img/div_show.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.handle.expanded { - background-image: url('../../public/img/div_hide.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.collapsible .handle { - background-image: url('../../public/img/div_hide.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.collapsible .handle.collapsed { - background-image: url('../../public/img/div_show.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.collapsible.expanded .handle { - background-image: url('../../public/img/div_hide.gif'); - background-repeat: no-repeat; - background-position: left center; - padding-left: 25px; - box-shadow: none; -} - -.btn.show { - border: none; - border-radius: 0; - width: 22px; - height: 22px; - margin: 0; - padding: 0; - display: inline-block; - background: url('../../public/img/icons/22/invisible.png') no-repeat center center; - box-shadow: none; -} - -.btn.hide { - border: none; - border-radius: 0; - margin: 0; - padding: 0; - background-color: transparent; - width: 22px; - height: 22px; - display: inline-block; - background-image: url('../../public/img/icons/22/visible.png'); - background-repeat: no-repeat; - background-position: center center; - box-shadow: none; -} - -.btn.loading { - border: none; - border-radius: 0; - background-color: transparent; - width: 22px; - height: 22px; - margin: 0; - padding: 0; - display: inline-block; - background-image: url('../../public/img/loading1.gif') !important; - background-repeat: no-repeat; - background-position: center center; - box-shadow: none; -} - .control-text { padding-top: 5px; display: inline-block; @@ -4335,7 +4196,7 @@ i.size-32.icon-new-work { } #learning_path_left_zone .no-border { - border: 0px; + border: 0; } .btn-invitations { @@ -4681,13 +4542,12 @@ i.size-32.icon-new-work { } .list-user-data .item { - font-size: 12px; padding-top: 5px; text-align: center; } .social-search form { - margin-bottom: 0px; + margin-bottom: 0; } .social-group .group-title { @@ -4782,7 +4642,7 @@ i.size-32.icon-new-work { #sm-groups .description p { color: #4D4D4D; padding-top: 5px; - padding-bottom: 0px; + padding-bottom: 0; line-height: 22px; } @@ -4928,11 +4788,6 @@ i.size-32.icon-new-work { width: 2.14285714em; } -.social-network-menu .nav li a, #groups-acordeon .nav li a { - padding: 5px; - font-size: 12px; -} - .social-network-menu .nav-pills li.active a, #groups-acordeon .nav li.active a { background: none; @@ -5026,13 +4881,12 @@ ul.holder li.bit-input input { font-size: 14px; line-height: 1.42857; color: #555; - background-color: #ffffff; - background-image: none; + background: #ffffff none; border: 1px solid #cccccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } ul.holder li.bit-box { @@ -5101,7 +4955,7 @@ ul.holder li.bit-box { } #thematic .panel-heading { - padding: 0px; + padding: 0; } #thematic .panel-heading a { @@ -5156,7 +5010,7 @@ ul.holder li.bit-box { .question_options .exercise-unique-answer-image .radio { padding-left: 10px; - margin-left: 0px; + margin-left: 0; } .question_options label > input + div.thumbnail { @@ -5175,9 +5029,6 @@ ul.holder li.bit-box { .question_options label > input:checked + div.thumbnail { border: 2px solid #337AB7; - -webkit-box-shadow: 0 4px 18px #C8C8C8; - -opera-box-shadow: 0 4px 18px #C8C8C8; - -moz-box-shadow: 0 4px 18px #C8C8C8; box-shadow: 0 4px 18px #C8C8C8; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fffef2 47%, #ffffe2 100%); /* FF3.6+ */ @@ -5237,7 +5088,6 @@ ul.exercise-draggable-answer .touch-items { background-image: -o-linear-gradient(top, #ffffff, #cfcfcf); background-image: linear-gradient(to bottom, #ffffff, #cfcfcf); border-radius: 4px; - font-family: Arial; color: #2e2e2e; font-size: 13px; padding: 5px 10px; @@ -5271,16 +5121,17 @@ ul.exercise-draggable-answer .touch-items:hover { /* Extra */ display: inline-block; width: 85%; - margin-bottom: 0px; + margin-bottom: 0; } -.question_options .droppable-item{ +.question_options .droppable-item { background-color: #84bd00; color: #FFF; /* padding: 10px;*/ - padding: 3px 0px 3px 5px; + padding: 3px 0 3px 5px; } -.question_options .droppable-item .number{ + +.question_options .droppable-item .number { font-size: 16px; font-weight: bold; /*width: 30px;*/ @@ -5762,7 +5613,7 @@ div#chat-remote-video video { } #page-install .page-header { - margin: 20px 0px 20px; + margin: 20px 0 20px; } #page-install .content { @@ -5782,12 +5633,7 @@ div#chat-remote-video video { #page-install .normal-message { padding: 20px; margin: 20px 0; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-width: 1px 1px 1px 5px; - border-color: #eeeeee; - border-style: solid; + border-radius: 3px;; font-size: 12px; color: #666666; } @@ -5797,73 +5643,77 @@ div#chat-remote-video video { } /**** SOCIAL MEDIA ****/ -.share-social-media{ +.share-social-media { background-color: #FFF; margin-bottom: 5px; padding: 10px 5px 5px 5px; font-size: 12px; } -.share-social-media .sharing-buttons{ + +.share-social-media .sharing-buttons { list-style: none; margin: 0 0 10px 0; padding: 0; } -.share-social-media .sharing-buttons li{ + +.share-social-media .sharing-buttons li { display: inline-block; padding-right: 5px; padding-left: 5px; } -.btn-facebook.btn-inverse{ + +.btn-facebook.btn-inverse { color: #3B5998; background-color: transparent; - border-color: rgba(59,89,152,0.3); + border-color: rgba(59, 89, 152, 0.3); } -.btn-facebook.btn-inverse:hover{ + +.btn-facebook.btn-inverse:hover { color: #FFF; background-color: #3B5998; border-color: #3B5998; } -.btn-twitter.btn-inverse{ + +.btn-twitter.btn-inverse { color: #00ACED; background-color: transparent; - border-color: rgba(0,172,237,0.3); + border-color: rgba(0, 172, 237, 0.3); } -.btn-twitter.btn-inverse:hover{ + +.btn-twitter.btn-inverse:hover { color: #FFF; background-color: #00ACED; border-color: #00ACED; } -.btn-linkedin.btn-inverse{ + +.btn-linkedin.btn-inverse { color: #0077b5; background-color: transparent; - border-color: rgba(7,119,181,0.3); + border-color: rgba(7, 119, 181, 0.3); } -.btn-linkedin.btn-inverse:hover{ + +.btn-linkedin.btn-inverse:hover { color: #FFF; background-color: #0077b5; border-color: #0077b5; } + /**** END SOCIAL MEDIA ****/ /**** ABOUT SESSION ****/ -.read-more, .hide-content{ +.read-more, .hide-content { padding: 10px 0; font-weight: bold; margin-bottom: 10px; } -.read-more-area{ + +.read-more-area { position: relative; width: 100%; min-height: 284px; } -#about-session .panel-information ul { - margin: 20px 0; -} -#about-session .course, #about-session .session{ - padding-top: 10px; - padding-bottom: 10px; -} + .label-price, .label-free { background-color: transparent; font-size: 18px; @@ -5882,77 +5732,104 @@ div#chat-remote-video video { .label-free { color: #5cb85c; } -#about-session .session-requirements h5{ + +#about-course .panel-information ul { + margin: 20px 0; +} + +#about-course .course, #about-course .session { + padding-top: 10px; + padding-bottom: 10px; +} + +#about-course .session-requirements h5 { font-weight: bold; } -#about-session .session-title{ + +#about-course .session-title { font-weight: bold; } -#about-session .session-tutor{ + +#about-course .session-tutor { margin-top: 20px; margin-bottom: 20px; font-size: 12px; } -#about-session .share-social-media{ + +#about-course .share-social-media { padding: 10px 0 0 0; } -#about-session .share-social-media .sharing-buttons li{ + +#about-course .share-social-media .sharing-buttons li { padding-left: 0; } -#about-session .session-info .date{ + +#about-course .session-info .date { font-weight: bold; text-align: center; } -#about-session .panel-tags{ + +#about-course .panel-tags { display: inline-block; width: 100%; padding: 0 10px; margin-top: 10px; } -#about-session .panel-tags .course-tags{ + +#about-course .panel-tags .course-tags { margin-bottom: 0; } -#about-session .panel-tags .course-tags li{ + +#about-course .panel-tags .course-tags li { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } -#about-session .sub-title{ + +#about-course .sub-title { font-size: 22px; font-weight: 700; margin: 0 0 20px; } -#about-session .topics .title-info{ + +#about-course .topics .title-info { margin: 30px 0 20px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; } -#about-session .coach-header{ + +#about-course .coach-header { display: flex; -moz-box-align: center; -webkit-box-align: center; align-items: center; flex-flow: row; } -#about-session .coach-header .coach-avatar { + +#about-course .coach-header .coach-avatar { width: 70px; margin-right: 20px; } -#about-session .coach-header .coach-avatar .img-circle{ + +#about-course .coach-header .coach-avatar .img-circle { border: 1px solid #C0C0C0; } -#about-session .coach-header .coach-title{ + +#about-course .coach-header .coach-title { flex-flow: column; align-items: flex-start; display: flex; } -#about-session .coach-header .coach-title p{ + +#about-course .coach-header .coach-title p { font-size: 13px; } -#about-session .coach-title p{ + +#about-course .coach-title p { margin: 0; } -#about-session .coach-information { + +#about-course .coach-information { width: 100%; display: block; border-bottom: 1px solid #dddddd; @@ -5960,16 +5837,15 @@ div#chat-remote-video video { padding-bottom: 10px; } -#about-session .coach-information:last-child { +#about-course .coach-information:last-child { border-bottom: none; } -#about-session .coach-information h4 { +#about-course .coach-information h4 { font-weight: bold; - } -#about-session .course-title h3 { +#about-course .course-title h3 { font-size: 22px; line-height: 32px; font-weight: bold; @@ -5977,7 +5853,7 @@ div#chat-remote-video video { margin-bottom: 15px; } -#about-session .tags-course { +#about-course .tags-course { padding: 10px; background-color: #ECF0F1; margin-bottom: 10px; @@ -5986,11 +5862,11 @@ div#chat-remote-video video { -webkit-border-radius: 5px; } -#about-session .tags-course .fa-tags { +#about-course .tags-course .fa-tags { color: #D94D38; } -#about-session .tags-course a { +#about-course .tags-course a { display: inline-block; margin-left: 5px; margin-right: 5px; @@ -6002,7 +5878,7 @@ div#chat-remote-video video { -webkit-border-radius: 10%; } -#about-session .subscribe { +#about-course .subscribe { padding: 5px; text-align: center; border-radius: 5px; @@ -6010,51 +5886,51 @@ div#chat-remote-video video { -webkit-border-radius: 5px; } -#about-session .info-course { +#about-course .info-course { margin-top: 20px; padding-top: 20px; } -#about-session .info-course .panel-heading h4 { - margin: 0px; +#about-course .info-course .panel-heading h4 { + margin: 0; } -#about-session .info-course .title-info { +#about-course .info-course .title-info { color: #00829C; border-bottom: 1px dotted #eeeeee; padding-bottom: 10px; margin-bottom: 10px; } -#about-session .info-course .content-info { +#about-course .info-course .content-info { padding: 10px; } -#about-session .extrafield_dt { +#about-course .extrafield_dt { margin-bottom: 10px; } -#about-session .extrafield_dd { +#about-course .extrafield_dd { color: #666666; } -#about-session .socialshare { +#about-course .socialshare { text-align: center; } -#about-session .socialshare .networks { +#about-course .socialshare .networks { padding-left: 0; list-style: none; } -#about-session .socialshare .networks li { +#about-course .socialshare .networks li { padding-right: 2px; padding-left: 2px; margin-bottom: 10px; display: inline-block; } -#about-session .socialshare .networks li a { +#about-course .socialshare .networks li a { display: block; width: 48px; height: 48px; @@ -6067,16 +5943,16 @@ div#chat-remote-video video { padding: 10px; } -#about-session .socialshare .networks li a:hover { +#about-course .socialshare .networks li a:hover { background-color: #286090; } -#about-session .course-tags .tag-value { +#about-course .course-tags .tag-value { display: inline-block; margin-bottom: 15px; } -#about-session .course-tags li span { +#about-course .course-tags li span { position: relative; display: inline-block; padding: 0 3px; @@ -6091,7 +5967,7 @@ div#chat-remote-video video { transition: none 0.15s ease-in-out; } -#about-session .course-tags li span::before { +#about-course .course-tags li span::before { display: inline-block; content: ""; top: 0; @@ -6104,7 +5980,7 @@ div#chat-remote-video video { border-top: 10px solid transparent; } -#about-session .course-tags li span::after { +#about-course .course-tags li span::after { z-index: 1; content: ""; top: 8px; @@ -6116,11 +5992,11 @@ div#chat-remote-video video { border-radius: 10px; } -#about-session .panel-tags .panel-body { +#about-course .panel-tags .panel-body { text-align: center; } -#about-session .price-text { +#about-course .price-text { font-size: 36px; font-weight: 700; line-height: 40px; @@ -6129,7 +6005,7 @@ div#chat-remote-video video { margin-top: 10px; } -#about-session .buy-box .btn-primary { +#about-course .buy-box .btn-primary { color: #fff; background-color: #ec5252; border: 1px solid transparent; @@ -6137,7 +6013,27 @@ div#chat-remote-video video { line-height: 1.35135; border-radius: 2px; } - +#about-course .course-short{ + padding-top: 5px; + padding-bottom: 5px; +} +#about-course .course-short ul{ + display: inline-block; + width: 100%; + list-style: none; + padding: 0; + margin: 0; +} +#about-course .course-short ul li{ + display: inline-block; +} +#about-course .course-short ul li.author{ + font-weight: bold; + margin-right: 5px; +} +#about-course #course-info-top .session-title{ + margin-top: 10px; +} /* list courses classic*/ .classic-courses .list-teachers { font-size: 12px; @@ -6185,12 +6081,15 @@ div#chat-remote-video video { .grid-courses .items .code-title { font-size: 10px; - font-weight: normal; + font-weight: bold; + padding-top: 8px; + color: #666; } .toolbar-edit { display: inline-block; width: 100%; + margin-top: 10px; } .bar-progress { @@ -6202,13 +6101,12 @@ div#chat-remote-video video { /* position: relative; */ vertical-align: top; white-space: normal; - margin: auto; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); text-align: left; background-color: #fff; border: 1px solid #DFDFDF; border-radius: 5px; - margin-bottom: 20px; + margin: auto auto 20px; } .grid-courses .items.my-courses { @@ -6228,10 +6126,6 @@ div#chat-remote-video video { font-size: 14px; } -.grid-courses .items.my-courses .block-title { - margin: 10px; -} - .grid-courses .items.items-courses { padding-bottom: 10px; box-shadow: 2px 4px 15px 0 rgba(46, 61, 73, .1); @@ -6259,9 +6153,10 @@ div#chat-remote-video video { .grid-courses .items .title { line-height: 1.4; - padding: 0px; + padding: 0; font-weight: bold; margin: 0; + font-size: 14px; } .grid-courses .items .toolbar > div { @@ -6269,14 +6164,14 @@ div#chat-remote-video video { } .grid-courses .items .image .black-shadow { - top: 0px; - left: 0px; + top: 0; + left: 0; width: 100%; height: 100%; opacity: 0; box-sizing: border-box; position: absolute; - background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; + background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; padding: 40px 10px 10px; } @@ -6285,12 +6180,6 @@ div#chat-remote-video video { transition: all 0.3s ease 0s; } -.hot-courses .grid-courses .items .title { - padding: 0px; - font-weight: bold; - margin: 0; -} - .grid-courses .items .toolbar .info { float: left; font-size: 12px; @@ -6344,8 +6233,8 @@ div#chat-remote-video video { .grid-courses .items .admin-actions, .grid-courses .items .user-actions { position: absolute; - bottom: 0px; - left: 0px; + bottom: 0; + left: 0; } .grid-courses .items .admin-actions .btn-sm, @@ -6361,7 +6250,7 @@ div#chat-remote-video video { .grid-courses .items .category { position: absolute; - bottom: 0px; + bottom: 0; right: -10px; background-color: #fd6600; color: #fff; @@ -6389,7 +6278,8 @@ div#chat-remote-video video { } .grid-courses .items .description { - padding: 5px 10px 15px; + padding: 5px 10px 5px; + min-height: 125px; } .grid-courses .items .description .text { @@ -6415,9 +6305,7 @@ div#chat-remote-video video { .grid-courses .items .author-card .teachers-details h5 { font-size: 10px; font-weight: bold; - margin: 0px; - margin-left: 10px; - margin-right: 10px; + margin: 0 10px; } .grid-courses .items .author-card .teachers-details h5 a { @@ -6427,7 +6315,7 @@ div#chat-remote-video video { /*---- */ .grid-courses .items .block-author { display: flex; - margin: 5px 0 10px; + margin: 5px 0 5px; } .grid-courses .items .block-author img { @@ -6449,9 +6337,7 @@ div#chat-remote-video video { .grid-courses .items .block-author .teachers-details h5 { font-size: 10px; font-weight: bold; - margin: 0px; - margin-left: 10px; - margin-right: 10px; + margin: 0 10px; } .grid-courses .items .block-author .teachers-details h5 a { @@ -6474,24 +6360,24 @@ div#chat-remote-video video { .scroll-wrapper { overflow: hidden !important; - padding: 0 !important; + padding: 0; position: relative; height: 300px; } .scroll-wrapper > .scroll-content { border: none !important; - box-sizing: content-box !important; + box-sizing: content-box; height: auto; left: 0; margin: 0; max-height: none; - max-width: none !important; + max-width: none; overflow: scroll !important; padding: 0; position: relative !important; top: 0; - width: auto !important; + width: auto; } @@ -6677,7 +6563,7 @@ div#chat-remote-video video { cursor: pointer; } -#registration input[value='5']:after { +#registration input.register-profile[value='5']:after { position: relative; top: 0; display: block; @@ -6693,7 +6579,7 @@ div#chat-remote-video video { border: 4px solid #FFFFFF; } -#registration input[value='5']:checked:after { +#registration input.register-profile[value='5']:checked:after { -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); background: url(../../public/img/icons/svg/coursestudent.svg); @@ -6703,7 +6589,7 @@ div#chat-remote-video video { top: 5px; } -#registration input[value='1']:after { +#registration input.register-profile[value='1']:after { position: relative; top: 0; display: block; @@ -6719,7 +6605,7 @@ div#chat-remote-video video { border: 4px solid #FFFFFF; } -#registration input[value='1']:checked:after { +#registration input.register-profile[value='1']:checked:after { -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); background: url(../../public/img/icons/svg/coursemanager.svg); @@ -6745,8 +6631,6 @@ div#chat-remote-video video { } .section-course-wrapper.show-section { - /* display: -webkit-box !important; */ - /* display: -ms-flexbox !important; */ display: flex !important; } @@ -6879,7 +6763,7 @@ div#chat-remote-video video { } #custom-icons .page-header { - margin: 20px 0px 20px; + margin: 20px 0 20px; border-bottom: 1px solid #CCCCCC; } @@ -6915,7 +6799,7 @@ div#chat-remote-video video { } .my-progress .progress { - margin-bottom: 0px; + margin-bottom: 0; } .my-progress .list-course { @@ -7048,10 +6932,8 @@ div#chat-remote-video video { .ui-tabs .ui-widget-header { background: none; - border-top: none; - border-left: none; - border-right: none; - border-radius: 0px; + border: none; + border-radius: 0; border-bottom-color: #dedede; } @@ -7143,7 +7025,7 @@ div#chat-remote-video video { border-style: solid; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); - background-position: 0px -15px; + background-position: 0 -15px; background-color: #E6E6E6; font-weight: normal; color: #333333; @@ -7166,7 +7048,7 @@ div#chat-remote-video video { #student-list-work { background-color: #ffffff; position: absolute; - top: 0px; + top: 0; right: 10px; border: 1px solid #ccc; width: auto; @@ -7174,7 +7056,7 @@ div#chat-remote-video video { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-student { @@ -7321,7 +7203,7 @@ div#chat-remote-video video { -webkit-border-radius: 4px; border: 1px solid #ECF0F1; margin-bottom: 20px; - min-height: 230px; + min-height: 250px; } #whoisonline .items-user-avatar .img-responsive { @@ -7479,7 +7361,7 @@ a.sessionView { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; } .session-view-button { @@ -7682,15 +7564,7 @@ a.sessionView { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); /* IE 6 & 7 */ zoom: 1; - -webkit-transition: all 2s ease-in-out; - -moz-transition: all 2s ease-in-out; - -o-transition: all 2s ease-in-out; - -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; - -webkit-transform: scale(0.7, 0.7); - -moz-transform: scale(0.7, 0.7); - -o-transform: scale(0.7, 0.7); - -ms-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } @@ -7727,13 +7601,11 @@ a.sessionView { #next, #prev { position: absolute; - top: 0; font-size: 70px; top: 170px; width: 22px; height: 38px; - background-position: 0 0; - background-repeat: no-repeat; + background: no-repeat 0 0; text-indent: -9999px; overflow: hidden; } @@ -7761,9 +7633,8 @@ a.sessionView { .webcamclip_bg { width: 340px; height: 260px; - border: 10px solid; + border: 10px solid #00677C; border-radius: 25px; - border-color: #00677C; } .modal-body .sectiontitle { @@ -7814,8 +7685,8 @@ footer { position: fixed; z-index: 9999; bottom: 0; - left: 0px; - margin-bottom: 0px; + left: 0; + margin-bottom: 0; padding: 10px 20px; border-top: 1px solid #DCE4EC; background: #ffffff; @@ -7834,16 +7705,13 @@ footer { } #toolshortcuts_horizontal .items-icon { - padding: 0px; + padding: 0; display: inline-block; } #toolshortcuts_horizontal .items-icon img { padding: 5px; border-radius: 5px; - -webkit-box-shadow: 0 1px 3px #C8C8C8; - -opera-box-shadow: 0 1px 3px #C8C8C8; - -moz-box-shadow: 0 1px 3px #C8C8C8; box-shadow: 0 1px 3px #C8C8C8; border: 1px solid #e6e6e6; } @@ -7863,10 +7731,10 @@ footer { ul#toolnavbox { position: fixed; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; top: 10px; - left: 0px; + left: 0; list-style: none; z-index: 9999; } @@ -7877,7 +7745,6 @@ ul#toolnavbox li { ul#toolnavbox li a { display: block; - margin-left: -2px; font-size: 12px; height: 35px; margin-left: -160px; @@ -7905,10 +7772,10 @@ ul#toolnavbox li a.btn { ul#toolnavbox-two { position: fixed; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; top: 10px; - left: 0px; + left: 0; list-style: none; z-index: 9999; } @@ -7993,7 +7860,6 @@ ul#toolnavbox-two li a.btn { padding-top: 5px; padding-bottom: 5px; cursor: pointer; - cursor: hand; } .item-backup .title { @@ -8049,8 +7915,8 @@ ul#toolnavbox-two li a.btn { } #session-table .fm-button { - padding-top: 0px; - padding-bottom: 0px; + padding-top: 0; + padding-bottom: 0; } #session-table input { @@ -8275,31 +8141,37 @@ ul#toolnavbox-two li a.btn { } /**** LP COLLAPSE CATEGORY ****/ -#lp-accordion .panel-default{ +#lp-accordion .panel-default { border-radius: 10px; } -#lp-accordion .panel-default .panel-heading{ - background: url('../../public/img/icons/svg/arrow-down.svg') #FFF right center no-repeat; + +#lp-accordion .panel-default .panel-heading { + background: url(../../public/img/icons/svg/arrow-down.svg) #FFF right center no-repeat; border-radius: 10px; } -#lp-accordion .panel-default .panel-heading .tools-actions{ + +#lp-accordion .panel-default .panel-heading .tools-actions { padding-right: 20px; } -#lp-accordion .panel{ - box-shadow: 0 1px 1px rgba(0,0,0,.05); + +#lp-accordion .panel { + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } -#lp-accordion .panel .panel-title{ + +#lp-accordion .panel .panel-title { font-weight: bold; width: 100%; display: block; padding-top: 5px; padding-bottom: 5px; } -#lp-accordion .panel .panel-title a{ + +#lp-accordion .panel .panel-title a { width: 100%; display: block; } -#lp-accordion .lp-item{ + +#lp-accordion .lp-item { border-bottom: 1px solid #dddddd; padding-top: 5px; padding-bottom: 5px; @@ -8307,23 +8179,28 @@ ul#toolnavbox-two li a.btn { display: inline-block; width: 100%; } -#lp-accordion .lp-item:last-child{ + +#lp-accordion .lp-item:last-child { border-bottom: none; padding-bottom: 0; } -#lp-accordion .lp-item .fa{ + +#lp-accordion .lp-item .fa { color: #686f7a; opacity: .5; margin-right: 5px; } -#lp-accordion .lp-item .progress{ + +#lp-accordion .lp-item .progress { border: none; background: #D7E3E6; margin-bottom: 10px; } -#lp-accordion #not-category .lp-item{ + +#lp-accordion #not-category .lp-item { margin-bottom: 0; } + /**** END LP COLLAPSE CATEGORY ****/ /* CSS Responsive */ @@ -8378,10 +8255,7 @@ ul#toolnavbox-two li a.btn { } .items-course { - padding-left: 20px; - padding-right: 20px; - padding-bottom: 15px; - padding-top: 15px; + padding: 15px 20px; } } @@ -8425,7 +8299,6 @@ ul#toolnavbox-two li a.btn { -webkit-border-radius: 10px; cursor: pointer; min-height: 65px; - padding: 10px; margin-left: 5px; margin-right: 5px; padding: 10px 20px; @@ -8615,8 +8488,7 @@ ul#toolnavbox-two li a.btn { .main-question .question_title { font-size: 16px; - /*font-weight: bold;*/ - margin: 15px 0px; + margin: 15px 0; color: #666666; line-height: 20px; } @@ -9407,13 +9279,15 @@ input.form-control[type="color"] { .feedback-separator { font-weight: bold; } -.correct-answer{ + +.correct-answer { background-color: #D7E3E6; color: #000000; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + .score-title { color: #162a83; font-weight: bold; @@ -9454,8 +9328,40 @@ ul.dropdown-menu.inner > li > a { background: none; } -.preview .mejs__button>button { +.preview .mejs__button > button { margin: 16px 6px; } -/* end document mp3 preview */ \ No newline at end of file +/* end document mp3 preview */ + +/* Fix grid with one row and multiples columns. Works for .col-sm-6.col-md-4.col-lg-3 */ +.row.clear-rows-6-4-3 { +} + +@media (min-width: 768px) { + .clear-rows-6-4-3 .col-sm-6:nth-child(2n+1) { + clear: left; + } +} + +@media (min-width: 992px) { + .clear-rows-6-4-3 .col-sm-6:nth-child(2n+1) { + clear: none; + } + + .clear-rows-6-4-3 .col-sm-6:nth-child(3n+1) { + clear: left; + } +} + +@media (min-width: 1200px) { + .clear-rows-6-4-3 .col-sm-6:nth-child(3n+1) { + clear: none; + } + + .clear-rows-6-4-3 .col-sm-6:nth-child(4n+1) { + clear: left; + } +} + +/*-------------------------------------------------------------------------------------*/ diff --git a/assets/css/chat.css b/assets/css/chat.css index 8578b287e3..3c46580569 100644 --- a/assets/css/chat.css +++ b/assets/css/chat.css @@ -1,80 +1,82 @@ -.page-chat{ +.page-chat { padding: 10px 0; - background:#ffffff; + background: #ffffff; } -.message-form-chat .nav{ - margin-bottom: 0; + +.message-form-chat .nav { + margin-bottom: 0; } -.message-form-chat .nav-tabs .active a{ - background-color: #f6f6f6; + +.message-form-chat .nav-tabs .active a { + background-color: #f6f6f6; } -.message-student .chat-image, .message-teacher .chat-image{ - width: 80px; - height: auto; - max-height: 80px; - display: inline-block; - vertical-align: top; - -webkit-border-radius: 10px; +.message-student .chat-image, .message-teacher .chat-image { + width: 80px; + height: auto; + max-height: 80px; + display: inline-block; + vertical-align: top; + -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; - border:2px solid #fff; - box-shadow: 1px 1px 2px rgba(0,0,0,0.2); - } -.message-student .content-message{ - background-color: #F9F2E0; - color: #000; - padding: 10px; - margin-bottom: 15px; - border-top: 1px solid #F9F2E0; - border-left: 1px solid #F9F2E0; - border-right: 2px solid #F7E5B9; - border-bottom: 3px solid #F7E5B9; - border-radius: 10px; + border: 2px solid #fff; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); +} +.message-student .content-message { + background-color: #F9F2E0; + color: #000; + margin-bottom: 15px; + border: 1px solid #F9F2E0; + border-right: 2px #F7E5B9; + border-bottom: 3px #F7E5B9; + border-radius: 10px; display: inline-block; font-size: 13px; padding: 15px; vertical-align: top; width: calc(100% - 100px); } -.message-teacher .icon-message{ + +.message-teacher .icon-message { display: inline-block; margin-left: -6px; margin-top: 10px; width: 0; height: 0; - border-top: 0px solid transparent; + border-top: 0 solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #EBEFF3; } -.message-student .icon-message{ + +.message-student .icon-message { display: inline-block; margin-right: -6px; margin-top: 10px; width: 0; height: 0; - border-top: 0px solid transparent; + border-top: 0 solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #F9F2E0; } -.message-teacher .content-message{ + +.message-teacher .content-message { background-color: #EBEFF3; - color: #000; - padding: 10px; - margin-bottom: 15px; - border-top: 1px solid #EBEFF3; - border-left: 2px solid #DEE1E5; - border-right: 1px solid #EBEFF3; - border-bottom: 3px solid #DEE1E5; - border-radius: 10px; + color: #000; + margin-bottom: 15px; + border: 1px solid #EBEFF3; + border-bottom: 3px #DEE1E5; + border-left: 2px #DEE1E5; + border-radius: 10px; display: inline-block; font-size: 13px; padding: 15px; vertical-align: top; width: calc(100% - 100px); } -.message-teacher .message-date{ + +.message-teacher .message-date { color: #666; font-style: italic; font-size: 10px; @@ -82,7 +84,8 @@ margin-right: 35px; margin-top: 10px; } -.message-student .message-date{ + +.message-student .message-date { color: #666; font-style: italic; font-size: 10px; @@ -93,16 +96,14 @@ .chat-user { background-color: #EEEEEE; border: 1px solid #E2E2E2; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; border-radius: 10px; color: #666; - margin-bottom: -1px; + margin-bottom: 5px; padding: 10px; + cursor: pointer; } + .chat-user .user-image-chat { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; border: 2px solid #FFF; border-radius: 10px; display: inline-block; @@ -113,11 +114,12 @@ width: 40px; } -.emoticons-chat img{ - width: 24px; - border: none; +.emoticons-chat img { + width: 24px; + border: none; } -.message-form-chat{ + +.message-form-chat { margin-top: 10px; padding: 5px; -webkit-border-radius: 10px; @@ -134,19 +136,18 @@ .emoji-wysiwyg-editor-preview, .emoji-wysiwyg-editor { - padding: 3%; - height: 50px; - border: 0; - background-color: #ffffff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - border: 1px solid #EEEEEE; - color: #666; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) inset; -} - -#chat-tabs .tab-content{ + padding: 3%; + height: 50px; + background-color: #ffffff; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: 1px solid #EEEEEE; + color: #666; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) inset; +} + +#chat-tabs .tab-content { margin-top: 15px; } @@ -158,6 +159,7 @@ #chat-users { margin-left: 0; } + #chat-users div.chat-user > div { padding: 5px; } diff --git a/assets/css/document.css b/assets/css/document.css new file mode 100644 index 0000000000..f51e155a9d --- /dev/null +++ b/assets/css/document.css @@ -0,0 +1,36 @@ +/* +Stylesheet for HTML documents created with CKEditor. + +This stylesheet must import editor_content.css file +*/ +@import url(./editor_content.css); + +body { + color: #666; + font-family: 'Open Sans', sans-serif; + line-height: 30px; + padding: 1em; +} + +blockquote { + background: #f9f9f9; + border-left: 8px solid #ccc; + display: inline-block; + font: 14px/20px italic Times, serif; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} + +blockquote p { + display: inline; +} diff --git a/assets/css/editor.css b/assets/css/editor.css index ea33cf845d..e69de29bb2 100644 --- a/assets/css/editor.css +++ b/assets/css/editor.css @@ -1,240 +0,0 @@ -/* - Theme Name: Frame Scorm - URI Project: http://www.chamilo.org - Description: Styles main base of Chamilo LMS appearance, works with Bootstrap 3.0.x - Author: - alex.aragon@beeznest.com - Version: 1.0 -*/ -body{ - color: #666; - font-family: 'Open Sans', sans-serif; - line-height: 30px; - -} -.ck{ - display: block; - font-style: normal; - font-weight: normal; - line-height: 1; - font-size-adjust: none; - font-stretch: normal; - font-feature-settings: normal; - font-language-override: normal; - font-kerning: auto; - font-synthesis: weight style; - font-variant: normal; -} -.ck-article{ - text-transform: uppercase; - color: #E95839; - font-weight: bold; - background: url(../../public/img/document/border-title.png) repeat-x 0 80%; - padding-bottom: 2%; - margin-bottom: 10px; -} -.ck-article:before{ - content: "\f15c"; - margin-right: 5px; - font-family: FontAwesome; - font-weight: normal; -} -.ck-paragraph-box{ - background-color: #F5EEE2; - padding: 2% 3%; - line-height: 20px; -} -.ck-title{ - display: block; - font-weight: bold; - color: #000; -} -.ck-title2{ - padding-top: 0; - margin-top: 0; - font-weight: 500; - position: relative; - color: #000; -} -.ck-title2:after{ - background-color:#E95839; - margin: 10px 0px 0px; - width: 50px; - height: 2px; - display: block; - content: ""; - -} - -figure .image.alignleft{ - margin: 0 20px 20px 0; -} -figure .image.alignright{ - margin: 0 20px 0px 20px; -} -figure .image{ - margin: 0 20px 0px 20px; -} -figure figcaption{ - text-align: left; - background-color: #f3f3f3; - padding-top: 0px; - margin: 0px; - border-radius: 0px; - padding-left: 5px; -} -figure{ - border: 1px solid #ddd; - margin-bottom: 20px !important; - padding: 5px; - border-radius: 5px; -} -blockquote { - background: #f9f9f9; - border-left: 8px solid #ccc; - font: 14px/20px italic Times, serif; - margin: 1.5em 10px; - padding: 0.5em 10px; - quotes: "\201C""\201D""\2018""\2019"; - display: inline-block; -} -blockquote:before { - color: #ccc; - content: open-quote; - font-size: 4em; - line-height: 0.1em; - margin-right: 0.25em; - vertical-align: -0.4em; -} -blockquote p { - display: inline; -} -.ck-stand-out{ - background-color: yellow; -} -/* line horizontal separation */ -.ck-style1 { - height: 6px; - background: url(../../public/img/document/hr-1.png) repeat-x 0 0; - border: 0; -} -.ck-style2 { - height: 6px; - background: url(../../public/img/document/hr-2.png) repeat-x 0 0; - border: 0; -} -.ck-style3 { - border-top: 1px dashed #8c8b8b; -} -.ck-style3:after { - content: '\002702'; - display: inline-block; - position: relative; - top: -12px; - left: 40px; - padding: 0 3px; - background: #FFF; - color: #8c8b8b; - font-size: 18px; -} -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 4px; -} -.alert-dismissible { - padding-right: 35px; -} -.alert h4 { - margin-top: 0; - color: inherit; -} -.alert .alert-link { - font-weight: bold; -} -.alert > p, -.alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.alert-success hr { - border-top-color: #c9e2b3; -} -.alert-success .alert-link { - color: #2b542c; -} -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.alert-info hr { - border-top-color: #a6e1ec; -} -.alert-info .alert-link { - color: #245269; -} -.alert-warning { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} -.alert-warning hr { - border-top-color: #f7e1b5; -} -.alert-warning .alert-link { - color: #66512c; -} -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.alert-danger hr { - border-top-color: #e4b9c0; -} -.alert-danger .alert-link { - color: #843534; -} -.img-responsive { - max-width: 100%; - height: auto; -} -.img-va-baseline { - vertical-align: baseline; -} -.img-va-top { - vertical-align: top; -} -.img-va-bottom { - vertical-align: bottom; -} -.img-va-middle { - vertical-align: middle; -} -.img-va-super { - vertical-align: super; -} -.img-va-sub { - vertical-align: sub; -} -.img-va-text-top { - vertical-align: text-top; -} -.img-va-text-bottom { - vertical-align: text-bottom; -} - -@media (max-width: 767px) { - .img-responsive { - display: block; - } -} diff --git a/assets/css/editor_content.css b/assets/css/editor_content.css new file mode 100644 index 0000000000..80298dac1d --- /dev/null +++ b/assets/css/editor_content.css @@ -0,0 +1,172 @@ +/* +Stylesheet for HTML blocks created with CKEditor to embed in Chamilo pages. +*/ + +/* Hack for show Bootstrap alerts in CKEditor' style select */ +.cke_panel_listItem a > :first-child { + margin-bottom: 0; +} + +.ck { + display: block; + font-feature-settings: normal; + font-kerning: auto; + font-language-override: normal; + font-size-adjust: none; + font-stretch: normal; + font-style: normal; + font-synthesis: weight style; + font-variant: normal; + font-weight: normal; + line-height: 1; +} + +.ck-article { + color: #E95839; + background: url(../../main/img/document/border-title.png) repeat-x 0 80%; + font-weight: bold; + margin-bottom: 10px; + padding-bottom: 2%; + text-transform: uppercase; +} + +.ck-article:before { + content: "\f15c"; + font-family: FontAwesome; + font-weight: normal; + margin-right: 5px; +} + +.ck-paragraph-box { + background-color: #F5EEE2; + line-height: 20px; + padding: 2% 3%; +} + +.ck-title { + color: #000; + display: block; + font-weight: bold; +} + +.ck-title2 { + color: #000; + font-weight: 500; + margin-top: 0; + padding-top: 0; + position: relative; +} + +.ck-title2:after { + background-color: #E95839; + content: ""; + display: block; + height: 2px; + margin: 10px 0 0; + width: 50px; +} + +.ck-stand-out { + background-color: yellow; +} + +.ck-style1 { + background: url(../../main/img/document/hr-1.png) repeat-x 0 0; + border: 0; + height: 6px; +} + +.ck-style2 { + background: url(../../main/img/document/hr-2.png) repeat-x 0 0; + border: 0; + height: 6px; +} + +.ck-style3 { + border-top: 1px dashed #8c8b8b; +} + +.ck-style3:after { + background: #FFF; + color: #8c8b8b; + content: '\002702'; + display: inline-block; + font-size: 18px; + left: 40px; + padding: 0 3px; + position: relative; + top: -12px; +} + +.img-va-baseline { + vertical-align: baseline; +} + +.img-va-top { + vertical-align: top; +} + +.img-va-bottom { + vertical-align: bottom; +} + +.img-va-middle { + vertical-align: middle; +} + +.img-va-super { + vertical-align: super; +} + +.img-va-sub { + vertical-align: sub; +} + +.img-va-text-top { + vertical-align: text-top; +} + +.img-va-text-bottom { + vertical-align: text-bottom; +} + +figure.image { + border: 1px solid #ddd; + border-radius: 5px; + display: inline-block; + margin-bottom: 1em; + padding: 5px; +} + +.cke_widget_image.pull-right, +img.pull-right, +figure.image.pull-right { + margin-left: 1em; +} + +.cke_widget_image.pull-left, +img.pull-left, +figure.image.pull-left { + margin-right: 1em; +} + +.text-center .img-responsive { + margin-left: auto; + margin-right: auto; +} + +.cke_widget_image.pull-left figure.image, +.cke_widget_image.pull-right figure.image, +figure.image.pull-left, +figure.image.pull-right { + display: block; +} + +figure.image figcaption { + background-color: #f3f3f3; + border-radius: 0; + margin: 0; + padding-left: 5px; + padding-top: 0; + text-align: left; +} diff --git a/assets/css/print.css b/assets/css/print.css index 93df50314c..f7a6445519 100644 --- a/assets/css/print.css +++ b/assets/css/print.css @@ -85,15 +85,15 @@ img { #contentfloatholder {/* also makes the right "sliding" tab */ /*background: url(../pics/sidebar-r.gif) repeat-y 100% 0; background: url(../pics/bg_fountain.jpg) no-repeat 100% 0; */ -float: left; + float: left; width: 100%; position: relative; } #contentfloatholder:after { /* this is for NN6 to clear floats */ -content: "."; + content: "."; display: block; - height: 0px; + height: 0; clear: both; visibility: hidden; } @@ -113,7 +113,7 @@ content: "."; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html #toolnav { - margin-right: 0px; + margin-right: 0; } * html #center { height: 1%; @@ -169,13 +169,11 @@ content: "."; /* normal and error message-box */ .normal-message, .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; + margin: 10px auto 10px -250px; width: 500px; left: 50%; right: 50%; - border-width: 1px; - border-style: solid; + border: 1px solid; padding: 5px; } .normal-message { @@ -261,7 +259,7 @@ dl.upload_option { /* styles for general formatting */ .clear { clear: both; - line-height: 0px; + line-height: 0; height: 0; } p, blockquote, ol, ul { @@ -275,8 +273,8 @@ h2 { } h3 { font-size: 15px; - margin-top:0px; - padding-top:0px; + margin-top:0; + padding-top:0; } h4 { font-size: 12px; @@ -302,21 +300,21 @@ a:active { } input.link_alike { background-color: #FFFFFF; - border-width: 0px; + border-width: 0; color: #4171b5; font-weight: bold; text-align: left; - padding: 0px; - margin: 0px; + padding: 0; + margin: 0; } input.link_alike:hover { background-color: #FFFFFF; - border-width: 0px; + border-width: 0; color: #FF0000; font-weight: bold; text-align: left; - padding: 0px; - margin: 0px; + padding: 0; + margin: 0; } /* the following for the greyed out elements */ a.nobold:link, a.nobold:visited, a.nobold:active { @@ -509,7 +507,7 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} background-color: #fff; } .data_table td .highlight { - font-weight: bold; + font-weight: bold; } .data_table td { padding: 5px; @@ -520,23 +518,23 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} } .data_table_no_border { - border-collapse: collapse; - border-spacing: 0; - font-size: 12px; - margin-bottom: 15px; - margin-top: 8px; - text-align: left; - width: 100%; + 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; + line-height: normal; + padding: 6px; + text-align: left; + vertical-align: middle; } .data_table_no_border .highlight { - font-weight: bold; + font-weight: bold; } /* admin page tool list definitions */ @@ -553,8 +551,7 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} float: left; position: relative; margin: 0; - padding: 0px; - padding-top: 8px; + padding: 8px 0 0; background: #fff; } .home_news { @@ -562,8 +559,7 @@ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} float: right; position: relative; margin: 0; - padding: 0px; - padding-top: 8px; + padding: 8px 0 0; background: #fff; } label.left { @@ -663,7 +659,7 @@ div.system_announcement_content { * special print ccs classes * *****************************************************/ - a.full_url_print:after { +a.full_url_print:after { content: "(" attr(href) ")"; font-size: 75%; } @@ -674,15 +670,15 @@ div.system_announcement_content { /* New print CSS */ .pdf-header{ - border-bottom: 1px solid #CCC; - margin-bottom: 100px; + border-bottom: 1px solid #CCC; + margin-bottom: 100px; } .pdf-header .logo a img{ - width: 100px; + width: 100px; } table{ - display: block; - width: 100%; + display: block; + width: 100%; } table th, table td { diff --git a/assets/css/responsive.css b/assets/css/responsive.css index 725a383cdc..4c16e83ff1 100644 --- a/assets/css/responsive.css +++ b/assets/css/responsive.css @@ -24,10 +24,10 @@ The more frequent ones have been marked with * display:none; } .navbar { - margin-top: 0em; + margin-top: 0em; } .navbar .brand { - font-size: 14px; + font-size: 14px; } #main_content .span3 #login_block { width: 160px; @@ -46,7 +46,7 @@ The more frequent ones have been marked with * } /* Smaller brand */ .navbar .brand { - font-size: 14px; + font-size: 14px; } /* In order to avoid clicking in the main title instead of the expand button */ @@ -129,7 +129,7 @@ The more frequent ones have been marked with * padding-left: 0; padding-right: 0; } - + header #header_left { display: block; } @@ -143,47 +143,47 @@ The more frequent ones have been marked with * } #header_right #notifications { - padding:0; + padding:0; } -/* THEMATIC COURSE */ + /* THEMATIC COURSE */ .score-thematic .score { - text-align: left; - width: 90px; - float: left; - padding-left: 5px; + text-align: left; + width: 90px; + float: left; + padding-left: 5px; } .score-thematic .name-student { - display: none; + display: none; } .score-thematic .span8 { - width: 320px; + width: 320px; } .accordion-heading .title-accordion{ - background: none; + background: none; } .accordion-heading .accordion-toggle{ - margin-right: 0; + margin-right: 0; } .accordion-inner .span4 .row-fluid .span4 { - width: 105px; + width: 105px; } .navbar .nav > li > a { - float: none; - line-height: 20px; - padding-bottom: 7px; - padding-right: 10px; - padding-top: 7px; - color: #FFFFFF; - } -/* END THEMATIC COURSE */ + float: none; + line-height: 20px; + padding-bottom: 7px; + padding-right: 10px; + padding-top: 7px; + color: #FFFFFF; + } + /* END THEMATIC COURSE */ #top_main_content .span6 { width: 100%; } .well.form-inline { - clear: both; - display: inline-block; - margin-top: 22px; - width: 100%; + clear: both; + display: inline-block; + margin-top: 22px; + width: 100%; } .nav.nav-pills { background:#E9E9E9; @@ -199,8 +199,8 @@ The more frequent ones have been marked with * border-bottom: 1px solid #0191C7; } #login_block #formLogin, #login_block #lang_form, #notice_block .homepage_notice { - color: #777777; - font-size: 14px; + color: #777777; + font-size: 14px; } #main_content .course-box .row .span7 .row .span6 h3 { font-size: 14px; @@ -220,32 +220,32 @@ The more frequent ones have been marked with * .welcome-home-top-temp img{ height: 100%; max-width: 100%; - } + } #top_main_content .menu-column #reservation_block, #top_main_content .menu-column #notice_block, #top_main_content .menu-column #help_block { - clear: both; - display: block; - width: auto; + clear: both; + display: block; + width: auto; } #profile_block .nav-list li, #course_block .nav-list li { padding-bottom: 10px; padding-top: 10px; } .well_border .row .span2 .thumbnail { - background-color: #FFFFFF; - background-image: none; - display: none; - visibility: hidden; + background-color: #FFFFFF; + background-image: none; + display: none; + visibility: hidden; } .navbar { - margin-top: 0em; + margin-top: 0em; } header{ margin-top: 15px; } .subnav .dropdown-menu li a { - color: #FFFFFF; - font-weight: normal; + color: #FFFFFF; + font-weight: normal; } .subnav .navbar-inner .in{ @@ -267,8 +267,8 @@ The more frequent ones have been marked with * background: none; border:none; box-shadow: none; - } - #top_main_content .menu-column #course_block{ + } + #top_main_content .menu-column #course_block{ float: none; clear: both; width: 250px; @@ -276,7 +276,7 @@ The more frequent ones have been marked with * background: none; border:none; box-shadow: none; - } + } /* No topbar */ @@ -291,7 +291,7 @@ The more frequent ones have been marked with * /* Brand fix */ .navbar .brand { - font-size: 14px; + font-size: 14px; } .subnav .dropdown-toggle { @@ -415,7 +415,7 @@ The more frequent ones have been marked with * .section-mycourses #main_content { margin-right: 15px; width: 100% - ; + ; } .section-mycourses .course-box .course-box-actions { display: none; @@ -434,10 +434,10 @@ The more frequent ones have been marked with * #topbar { display:none; } - + .subnav .dropdown-menu li a { - color: #FFFFFF; - font-weight: normal; + color: #FFFFFF; + font-weight: normal; } header{ margin-top: 15px; @@ -453,18 +453,18 @@ The more frequent ones have been marked with * width: 445px; clear: both; float: left; - + } - #top_main_content .menu-column .block_tools_info{ + #top_main_content .menu-column .block_tools_info{ width: 225px; float: left; - - } - #top_main_content .menu-column .block_tools_info #help_block{ - display: none; - visibility: hidden; - - } + + } + #top_main_content .menu-column .block_tools_info #help_block{ + display: none; + visibility: hidden; + + } #top_main_content .menu-column #user_image_block{ float: left; width: 100px; @@ -481,18 +481,18 @@ The more frequent ones have been marked with * border: 3px solid #FFFFFF; -webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.71); -moz-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.71); - box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.71); + box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.71); } - #top_main_content .menu-column #profile_block{ + #top_main_content .menu-column #profile_block{ float: left; width: 250px; margin-left: 10px; background: none; border:none; box-shadow: none; - } + } - input.span2, textarea.span2, .uneditable-input.span2 { + input.span2, textarea.span2, .uneditable-input.span2 { height: 45px; width: 97%; } @@ -505,28 +505,28 @@ The more frequent ones have been marked with * #top_main_content .menu-column .well{ padding: 15px; } - .nav-list > li > a { - padding-bottom: 10px; - padding-left: 15px; - padding-right: 15px; - padding-top: 10px; - font-size: 16px; + .nav-list > li > a { + padding-bottom: 10px; + padding-left: 15px; + padding-right: 15px; + padding-top: 10px; + font-size: 16px; } - + .bx-prev,.bx-next{ - display: none; + display: none; } .pagerslide h2 { - display: none; - visibility: hidden; + display: none; + visibility: hidden; } #login_block #formLogin, #login_block #lang_form, #notice_block .homepage_notice { - color: #666666; - font-size: 14px; - padding-bottom: 3px; - padding-left: 15px; - padding-right: 15px; - padding-top: 3px; + color: #666666; + font-size: 14px; + padding-bottom: 3px; + padding-left: 15px; + padding-right: 15px; + padding-top: 3px; } /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { @@ -548,7 +548,7 @@ The more frequent ones have been marked with * display:none; } - #footer_right #admin_name, #footer_right #software_name { + #footer_right #admin_name, #footer_right #software_name { text-align: center !important; } @@ -581,8 +581,8 @@ The more frequent ones have been marked with * width: 100%; height: auto; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .subnav .nav > li { float: none; @@ -596,14 +596,14 @@ The more frequent ones have been marked with * .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { border-radius: none; - + } .subnav .navbar-inner li a:hover { color: #fff; } - /* .new_actions */ + /* .new_actions */ .new_actions { border:1px solid #fff; position: static; @@ -612,18 +612,18 @@ The more frequent ones have been marked with * width: 100%; height: auto; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - text-align: center; + -moz-box-shadow: none; + box-shadow: none; + text-align: center; } .new_actions .nav > li { float: left; } .well.form-inline { - display: inline-block; - margin-top: 15px; - width: 100%; -} + display: inline-block; + margin-top: 15px; + width: 100%; + } .new_actions .nav > li > a { border: 0; } @@ -633,8 +633,8 @@ The more frequent ones have been marked with * .new_actions .nav > li:first-child > a, .new_actions .nav > li:first-child > a:hover { -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } /* Some fixes for w~720px */ @@ -656,7 +656,7 @@ The more frequent ones have been marked with * .section-mycampus .hot-course-box, .section-mycourses .course-box { width: 95%; } - #top_main_content .span9 { + #top_main_content .span9 { float: left; width: 720px; } @@ -703,29 +703,29 @@ The more frequent ones have been marked with * visibility: hidden; } #top_main_content .menu-column #reservation_block, #top_main_content .menu-column #notice_block, #top_main_content .menu-column #help_block { - /*width: 94%;*/ + /*width: 94%;*/ } footer { padding-top: 2em; padding-bottom: 2em; } #top_main_content .span9 { - width: 100%; - clear: both; + width: 100%; + clear: both; } .section-mycampus #hot_courses .page-header { - width: 565px; + width: 565px; } /*.course-tool { width: 190px; }*/ .well_border .row .span2 .thumbnail { - background-color: #FFFFFF; - background-image: none; - float: left; - margin-right: 10px; - border: none; - box-shadow: none; + background-color: #FFFFFF; + background-image: none; + float: left; + margin-right: 10px; + border: none; + box-shadow: none; } #top_main_content .menu-column .block_user_info { width: 280px; @@ -740,8 +740,8 @@ The more frequent ones have been marked with * clear: both; } #settings .span6 { - min-height: 260px; - width: 100%; + min-height: 260px; + width: 100%; } #settings .form-search .span3 { float: left; @@ -779,13 +779,13 @@ The more frequent ones have been marked with * header{ margin-top: 15px; } - + #homepage .row .span9{ - width: 610px; + width: 610px; } .subnav .dropdown-menu li a { - color: #FFFFFF; - font-weight: normal; + color: #FFFFFF; + font-weight: normal; } /* fixes tabs */ @@ -802,8 +802,8 @@ The more frequent ones have been marked with * color: #ccc; } - .subnav .nav > li > a:hover, - .subnav .dropdown-menu a:hover { + .subnav .nav > li > a:hover, + .subnav .dropdown-menu a:hover { } .course-tool { width: 220px; @@ -838,7 +838,7 @@ The more frequent ones have been marked with * .section-social-network .social-network-menu { width: 200px; } - + } @media (min-width: 980px) and (max-width: 1024px) { @@ -850,13 +850,13 @@ The more frequent ones have been marked with * display: none; visibility: hidden; } - + } /* LARGE DESKTOP SCREENS */ @media (min-width: 1201px) { #top_main_content .span12 { - /* width: 98%; */ + /* width: 98%; */ } /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { @@ -867,7 +867,7 @@ The more frequent ones have been marked with * } .btn-invitations { margin-left: 120px; - } + } .btn-msg { padding-left: 27px; } @@ -879,6 +879,6 @@ The more frequent ones have been marked with * padding-left: 27px; padding-right:5px; } - + } diff --git a/assets/css/scorm.css b/assets/css/scorm.css index 9d41a61fc6..c3dacc1028 100644 --- a/assets/css/scorm.css +++ b/assets/css/scorm.css @@ -75,8 +75,8 @@ See https://support.chamilo.org/issues/6976 background-image: -ms-linear-gradient(top, #666, #999); background-image: -o-linear-gradient(top, #666, #999); background-image: linear-gradient(top, #666, #999); - margin-right: 0px; - padding: 10px 0px 10px 0px; + margin-right: 0; + padding: 10px 0 10px 0; text-decoration: none; } @@ -149,10 +149,7 @@ See https://support.chamilo.org/issues/6976 .level_3 { margin: 0 0.5em 0 60px; - padding-left: 30px; - padding-top: 5px; - padding-bottom: 5px; - padding-right: 5px; + padding: 5px 5px 5px 30px; line-height: 14px; } @@ -313,6 +310,8 @@ See https://support.chamilo.org/issues/6976 #scorm-info { padding: 0; background-color: #EBF3F5; + display: inline-block; + width: 100%; } #scorm-info .description-autor p { @@ -345,6 +344,13 @@ See https://support.chamilo.org/issues/6976 .scorm-title { padding: 10px; + display: inline-block; + width: 100%; +} + +.scorm-body{ + display: inline-block; + width: 100%; } .scorm-title h4 { @@ -566,6 +572,7 @@ See https://support.chamilo.org/issues/6976 .scorm_item_normal.scorm_highlight.scorm_not_attempted { background: url(../../public/img/icons/svg/check-not-attempted.svg) #00829C right center no-repeat; } + .scorm_item_normal.scorm_highlight.scorm_completed { background: url(../../public/img/icons/svg/check-highlight.svg) #00829C right center no-repeat; } @@ -589,9 +596,11 @@ See https://support.chamilo.org/issues/6976 .scorm-collapse-list .sub-item { padding-left: 20px; } -.scorm_item_normal.scorm_highlight a{ + +.scorm_item_normal.scorm_highlight a { color: #FFFFFF; } + /* END LP VIEW COLLAPSE */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { @@ -649,16 +658,19 @@ See https://support.chamilo.org/issues/6976 width: calc(100% - 465px); } } + @media (min-width: 979px) and (max-width: 1024px) { #panel-scorm .image-avatar { display: none; } } + @media (min-width: 768px) and (max-width: 978px) { #panel-scorm .image-avatar { display: none; } } + @media (min-width: 480px) and (max-width: 767px) { #panel-scorm .image-avatar { display: none; diff --git a/assets/css/themes/chamilo/default.css b/assets/css/themes/chamilo/default.css index f300590836..efc834a374 100644 --- a/assets/css/themes/chamilo/default.css +++ b/assets/css/themes/chamilo/default.css @@ -5,33 +5,9 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Based on Bootstrap v3 */ -/*@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 300; - src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff2) format('woff2'), url(fonts/OpenSans-Light.woff) format('woff'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff2) format('woff2'), url(fonts/OpenSans.woff) format('woff'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 600; - src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff2) format('woff2'), url(fonts/OpenSans-Semibold.woff) format('woff'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 700; - src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff2) format('woff2'), url(fonts/OpenSans-Bold.woff) format('woff'); -}*/ + body { margin: 0; - font-family: 'Open Sans', sans-serif; } a { @@ -47,11 +23,6 @@ a:focus { outline: none; } -.navbar{ - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; -} .navbar-nav > li{ margin-bottom: 0; } @@ -60,7 +31,6 @@ a:focus { } .navbar-default { background: #337AB7; - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-default .navbar-nav > li > a:focus, @@ -133,11 +103,6 @@ a:focus { .panel-default{ border-color: #ECF0F1; } -.panel-default .panel-heading{ - color: #2c3e50; - background-color:#ECF0F1; - border-color: #ECF0F1; -} /* Jquery UI */ .ui-accordion .ui-accordion-icons{ padding-left: 0.2em; diff --git a/assets/css/themes/chamilo/learnpath.css b/assets/css/themes/chamilo/learnpath.css index e3f6eb8ea5..ae06bf02cf 100644 --- a/assets/css/themes/chamilo/learnpath.css +++ b/assets/css/themes/chamilo/learnpath.css @@ -9,7 +9,7 @@ span.messagesmall { font-style : italic; color : Red; } -/* newscorm/learnpath */ +/* newscorm/learnpath */ div.lp_actions { background:#F8F8F8; @@ -152,12 +152,12 @@ table.lp_overview th.exercise { width:50px; } table.lp_form input, table.lp_form select, table.lp_form textarea { -/* background:#F8F8F8; - border:1px solid #999999; - font-family:Arial, Verdana, Helvetica, sans-serif; - font-size:12px; - padding:1px 2px; - width:300px;*/ + /* background:#F8F8F8; + border:1px solid #999999; + font-family:Arial, Verdana, Helvetica, sans-serif; + font-size:12px; + padding:1px 2px; + width:300px;*/ } table.lp_form td.radio input, table.lp_form td.exercise input { width:auto; @@ -166,7 +166,7 @@ table.lp_form .small_form { background:#FFFFFF; } table.lp_form select { -/* padding:0;*/ + /* padding:0;*/ } table.lp_form input.button { width:75px;