Style Sheet Code

/* headers */
h1, h2, h3, h4, h5, h6 {
font-weight: bold !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
}

/* Suppress Pressbooks rendering
of chapter titles in screaming caps */
section.chapter header h1, section.part header h1 {
text-transform: none !important;
}
.front-matter header h1 {
text-transform: none !important;
}
.back-matter header h1 {
text-transform: none !important;
}

/* rounded textboxes */
.textbox, .textbox p {
hyphens: none;
border-radius: 1.5em !important;
}
.textbox__header {
border-radius: 1.5em 1.5em 0 0 !important;
}
/*end of rounded textboxes */
/* Get rid of large margins some themes apply to textbox headings */
h2.textbox__title, h3.textbox__title, h4.textbox__title {
margin: 0;
}
.textbox__header h2, h3, h4 {
margin: 0;
}
/* Make headings bold by default */
h1, h2, h3, h4, h5, h6 {
font-weight: bold !important;
}
/* Make sure lists inside tables match table font defaults */
table li {
font-size: 0.9em !important;
font-weight: normal !important;
line-height: 1 !important;
}
table ul, ol {
margin-top: 1.5em !important;
}/*End of table list formatting */
/*normal word wrap in tables*/
td, th {
word-break: normal !important;
overflow-wrap: normal !important;
}
.video {
padding: 2.5em 2.5em 2.5em 2.5em;
margin: 0.9em 0 0.9em 0;
background-color: #d6dfea;
border-style: solid;
border-width: 0.05em;
border-radius: 1.5em;
}

/* box chart */

.box-chart > h4, .box-chart > h3{
color: #3B5372;
text-align: center;
}

.box-row {
display:flex;
flex-direction: row;
margin-bottom: 10px
}

.box-container-rounded {
background-color: #3B5372;
border-radius: 12px;
padding: 10px;
margin-right: 10px;
flex: 1;
color: #fff;
}
.box-container-rounded.gradient {
background: rgb(64,90,123);
background: linear-gradient(180deg, rgba(64,90,123,1) 0%, rgba(27,39,53,1) 100%);
}

.box-container-rounded > h4, .box-container-rounded > h5, .box-container-rounded >p {
text-align: center;
color: #fff;
}

.box-container-rounded > ul{
text-align: left;
margin: 0;
}

.box-container-rounded img{
border-radius: 10px;
border: 2px solid;
}

@media screen and (max-width: 500px) {
.box-row {
flex-direction: column;
margin-bottom:0;
}
.box-container-rounded {
margin-right:0;
margin-bottom:10px;
}
}

/* end of box chart*/

/* Table with alternating row colours */
table.alternating tr:nth-child(even){
background: #f5faff !important;
}
table.alternating tr td:first-child{
padding-left: 1em;
}

table.alternating tr:nth-child(odd){
background: #daeaf5 !important;
}table.alternating td {
padding-left: 1em;
}

table.alternating th {
background: #0b6396;
color: #fff;
padding-left: 1em;
}

/* steps chart */
.steps-container {
display: flex;
align-items: center;
}
.step-arrow {
margin:0 10px;
}

.step-box {
background-color: #3B5372;
border-radius: 10px;
padding: 8px;
text-align: center;
color: #FFF;
flex: 1;
}

.step-box.gradient {
background: rgb(64,90,123);
background: linear-gradient(90deg, rgba(64,90,123,1) 0%, rgba(27,39,53,1) 100%);
}

.step-box >p {
margin: 0!important;
font-weight: bold;
text-align: center
}

/* formula font size*/
.latex-big {
font-size:2rem;
}
.latex-medium {
font-size:1.2rem;
}

/* Link to learning boxes */
.link-to-learning {
border: 2px solid #2596be !important;
position: relative;
}

.link-to-learning > h3 {
text-align: center;
}

.link-to-learning_icon {
content: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4234/2024/05/teal_link.png”);
position: absolute;
display: inline-block;
width: 45px;
left: -22px;
top: 50%;
transform: translateY(-50%);
}

/*textbox icons */
.textbox–learning-objectives .textbox__header::before,
.textbox–exercises .textbox__header::before,
.textbox–examples .textbox__header::before,
.textbox–key-takeaways .textbox__header::before {
content: “”;
display: block;
float: left;
background-size: 50px 50px !important;
width: 50px;
height: 50px;
margin: 5px 10px 0 0; /*adjust these values if you needed */
}

/* Learning Objectives Box */
.textbox–learning-objectives .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4234/2024/05/Pressbooks_Icon_Objectives_OG-White.png”) no-repeat;
}

/* Question/Exercises Box */
.textbox–exercises .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4234/2024/05/Pressbooks_Icon_Activity_OG-White.png”) no-repeat;
}

/* Examples Box */
.textbox–examples .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4234/2024/05/Pressbooks_Icon_Examples_OG-White.png”) no-repeat;
}

/* Key Takeaways Box */
.textbox–key-takeaways .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4234/2024/05/Pressbooks_Icon_Key_OG-White.png”) no-repeat;
}

/* No-Icon */

.textbox-no-icon::before {
display: none !important;
background: none !important;
}

/* Change lightbox background colour */

.lity-content {

background-color: white !important;

padding: 2rem;

}

/* wizard*/
.wizzard ol {
list-style: none;
counter-reset: list-counter;
padding: 0;
}
.wizzard li {
counter-increment: list-counter;
margin-bottom: 20px;
position: relative;
margin: 0;
display: flex;
align-items: center;
padding: 4px;
background-color: #f1f1f1;
border-radius: 8px;
margin-bottom: 6px;
}
.wizzard .text-container {
background-color: red;
position: relative;
}
.wizzard .circle {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #3B5372;
color: white;
text-align: center;
line-height: 50px;
margin-right: 10px;
}
.wizzard p {
vertical-align: top;
margin: 0;
}
.wizzard li::before {
content: “”;
position: absolute;
left: 28px;
top: 53px;
width: 1px;
height: 11px;
background-color: #3B5372;
}
.wizzard li::after {
content: “”;
position: absolute;
left: 28px;
top: -7px;
width: 1px;
height: 11px;
background-color:#3B5372;
}
.wizzard li:first-child:after {
display: none;
}
.wizzard li:last-child:before {
display: none;
}