/* css styles */
/*-- Override Sketchy theme font weight --*/
:root {
--bs-body-font-weight: 400;
}
/* Logo sizing */
.navbar-logo {
min-height: 4rem;
max-height: 4rem;
padding: 0;
}
/* Title block */
.quarto-title {
background-color: #ffca2b;
color: black;
border-left: 10px solid #9b7b1b;
padding: 1rem;
}
.esiil-learning-goals-title {
text-transform: uppercase;
font-size: 1.2em;
padding-top: 1em;
font-weight: 600;
}
/* Code cells */
.student-code {
position: relative;
border-left: 5px solid #00bcdd;
}
.student-code::after {
content: "STARTER CODE CONTAINS ERRORS";
position: absolute;
top: 1em;
left: 55%;
font-size: 1.5em;
color: red;
opacity: 0.3;
transform: rotate(25deg);
pointer-events: none;
font-weight: bolder;
text-align: center;
border: 4px dashed red;
border-radius: 10px;
}
/* Callouts */
.callout.callout-style-default > div.callout-header {
font-size: 1.1rem;
}
.callout.callout-style-default .callout-icon::before,
.callout.callout-style-default .callout-toggle::before {
height:1.3rem;
width:1.3rem;
background-size:1.3rem;
margin: .2rem .4rem .2rem 0;
}
/* Show icons for custom callouts */
div.callout-read i.callout-icon,
div.callout-video i.callout-icon,
div.callout-respond i.callout-icon,
div.callout-discuss i.callout-icon,
div.callout-task i.callout-icon,
div.callout-extra i.callout-icon {
display: inline-block !important;
}
/* Callout Types */
/* Reading Callout */
div.callout-read .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-read > .callout-header {
background-color: #D1C4E9 !important;
}
div.callout-read {
border-left-color: #9575CD !important;
}
/* Video Callout */
div.callout-video .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-video > .callout-header {
background-color: #C5CAE9 !important;
}
div.callout-video {
border-left-color: #5C6BC0 !important;
}
/* Respond Callout */
div.callout-respond .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-respond > .callout-header {
background-color: #F8BBD0 !important;
}
div.callout-respond {
border-left-color: #F06292 !important;
}
/* Discuss Callout */
div.callout-discuss .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-discuss > .callout-header {
background-color: #FFCCBC !important;
}
div.callout-discuss {
border-left-color: #FF7043 !important;
}
/* Task Callout */
div.callout-task .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-task > .callout-header {
background-color: #B2DFDB !important;
}
div.callout-task {
border-left-color: #4DB6AC !important;
}
/* Extra Callout */
div.callout-extra .callout-icon::before {
background-image: url('data:image/svg+xml,');
}
div.callout-extra > .callout-header {
background-color: #FFE082 !important;
}
div.callout-extra {
border-left-color: #FFA000 !important;
}