2023-boost-mods

raw-initial-scss

$activity-icon-colors: (
    "administration": #004F71,
    "assessment": #830065,
    "collaboration": #154734,
    "communication": #C25E03,
    "content": #0099AB,
    "interface": #61BF1A
);

raw-scss

/*
OVERALL STYLE
*/
body {
    font-family: Arial;
}
/* change alert-danger to a UoE colour */
.alert-danger {
    color: #af003d;
    background-color: #f4dde5;
}

/*
COURSE OVERVIEW PAGES
*/
.topics a {
    color: #87005b;
}
.activityiconcontainer {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: .3rem;
    margin-right: 0.5rem!important;
}
.activity-item {
    padding: 0.3rem!important;
}
/* tighter padding on the "Not available unless:" info boxes */
.description .course-description-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 1rem;
}
.description .course-description-item:first-child {
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}
.description .course-description-item:last-child {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

/*
QUIZ APPEARANCE
*/ 

/* make the headings within questions bold UoE blue */
.que h1, .que h2, .que h3, .que h4, .que h5, .que h6 {
  font-weight: 600;
  color: #002654;
}
.que h3.no {
    font-weight: 600;
}

/* question boxes are a shade of UoE blue */
.que .formulation {
    background-color: #eaf4ff;
    border: 1px solid #cae2ff;
    color: #333;
}

/* question info boxes - fix their width, make them UoE blue */
.que .info {
    width: 8em;
    background-color: #f1f7ff;
    border-color: #e8edef;
}

/* quiz navigation */
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
    font-size: 1.3rem;
    font-weight: 350;
    padding: 0.3em 0;
}

/* feedback */
.que .outcome, .que .comment {
    color: #7d5a29;
    background-color: #fcf2d4;
    border-color: #fbe8cd;
}
  
 /* STACK-specific: feedback/validation */
.que.stack .formulation .stackprtfeedback {
    color: #7d5a29;
    background-color: #fcf2d4;
    border-radius: 4px;
    border: 1px solid #7d5a2933;
}
.que.stack .stackinputfeedback.standard {
    border: 1px solid #cde3ff;
    background-color: #fff;
    margin: 0;
    padding: .5em .5em 0;
}