diff --git a/pix/collapsed-new.png b/pix/collapsed-new.png new file mode 100644 index 0000000..2905a3c Binary files /dev/null and b/pix/collapsed-new.png differ diff --git a/pix/expanded-new.png b/pix/expanded-new.png new file mode 100644 index 0000000..f049813 Binary files /dev/null and b/pix/expanded-new.png differ diff --git a/scss/preset/custom.scss b/scss/preset/custom.scss index a1e56ff..2f14dbb 100644 --- a/scss/preset/custom.scss +++ b/scss/preset/custom.scss @@ -117,7 +117,7 @@ section#inicial{ button { width: 100%; margin: 4px 0 0 0; - background-color: #EA902E; + background-color: $color_padrao_laranja; font-weight: 400; font-size: 14px; color: #ffffff; @@ -366,3 +366,69 @@ section#inicial{ background-color: #fff; } +/* ################################### Accordeon @collapsibletopics ################################# */ + +#page-course-view-collapsibletopics{ + .course-content{ + ul.collapsibletopics{ + li.section{ + margin-bottom: 10px; + border: 1px solid #e1e1e1; + .content{ + padding: 0; + } + a.sectiontoggle{ + display: block; + background-color: #e1e1e1; + background-position: 2% 50%; + background-size: 24px; + padding: 6px 4px 10px 45px; + margin: 0px; + &[aria-expanded="false"]{ + background-image: url([[pix:theme|collapsed-new]]); + } + &[aria-expanded="true"]{ + background-image: url([[pix:theme|expanded-new]]); + } + .sectionname{ + color: $color_padrao_azul; + font-size: 18px; + font-weight: 700; + } + } + .sectiontoggle-bottom{display: none;} + } + li#section-0{ + border: 0px; + } + } + } +} + +/*############################################################# Barra de progresso*/ + +/* My */ +#region-main .block-myoverview .progress{border-radius: 0px;} +.block .block-cards .progress{height: 0.7rem;} +#region-main .block-myoverview .progress .progress-bar{background-color: $color_padrao_laranja;} + +/* Course page */ + +.barra_progresso{ + /*font-family: "Poppins",sans-serif;*/ + margin-bottom: 30px; +} +.barra_progresso > .progresso{background-color: #ebebeb;} +.barra_progresso > .progresso > .andamento{ + height: 20px; + background-color: #91288d; +} +.barra_progresso > .progresso > .andamento > label{ + color: #fff; + float: right; + font-weight: 400; + font-size: 14px; + padding: 0; + margin: 0 6px 0 0; +} + diff --git a/scss/preset/theme.scss b/scss/preset/theme.scss index 4b9156f..6dda10b 100644 --- a/scss/preset/theme.scss +++ b/scss/preset/theme.scss @@ -43,6 +43,7 @@ $color_monatana: #373a3c; $color_whisper: #e6e6e6; $color_light_gray: #f8f9fa; $color_padrao_azul: #0A486B; +$color_padrao_laranja: #E7920C; //fonts $font_0: 'Lato'; @@ -4575,7 +4576,7 @@ button.close, .moodle-dialogue-base button.closebutton { .progress { border-radius: 5px; .progress-bar { - background-color: $blaze_orange; + background-color: $color_padrao_laranja; } } } diff --git a/style/custom.css b/style/custom.css index 74d1a84..fa01aa0 100644 --- a/style/custom.css +++ b/style/custom.css @@ -31,32 +31,6 @@ a{color: #474749;} margin-bottom: 2px; } -/*############################################################# Barra de progresso*/ - -/* My */ -#region-main .block-myoverview .progress{border-radius: 0px;} -.block .block-cards .progress{height: 0.7rem;} -#region-main .block-myoverview .progress .progress-bar{background-color: #91288d;} - -/* Course page */ - -.barra_progresso{ - /*font-family: "Poppins",sans-serif;*/ - margin-bottom: 30px; -} -.barra_progresso > .progresso{background-color: #ebebeb;} -.barra_progresso > .progresso > .andamento{ - height: 20px; - background-color: #91288d; -} -.barra_progresso > .progresso > .andamento > label{ - color: #fff; - float: right; - font-weight: 400; - font-size: 14px; - padding: 0; - margin: 0 6px 0 0; -} /* ------------------------- */