Style Sheet Code

/* Start of Banners */

.image-container {
position: relative;
display: inline-block;
}

.image-container img {
display: block;
width: 100%;
height: auto;
}

.overlay-text {
position: absolute;
width: 63.5%;
height: 73.5% fit-content !important;
top: 50%;
left: 50%;
transform: translate(-26.5%, -55%);
font-size: 1.20em;
color: #fff;
//background-color: #000000;
padding: 10px 20px;
text-align: center;
hyphens: none !important;
}

.overlay-text-title h1 {
position: absolute !important;
width: 61% !important;
top: -12% !important;
left: 50% !important;
transform: translate(-44%, -25%) !important;
color: #fff !important;
//background-color: #000000;
padding: 10px 20px !important;
font-family: “Montserrat”, sans-serif !important;
font-size: 1.802em !important;
font-weight: bold !important;
line-height: 1.2857142857em !important;
text-align: center !important;
hyphens: none !important;
}

@media only screen and (max-width: 600px) {
.overlay-text {
width: 70% !important;
font-size: 0.58em !important;
line-height: 1.1em !important;
}
}
@media only screen and (max-width: 600px) {
.overlay-text-title h1 {
top: -5% !important;
width: 67% !important;
font-size: 0.78em !important;
line-height: 1.1em !important;
}
}
/* End of banners*/

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

/* Suppress Pressbooks rendering
of chapter titles in screaming caps */
section.chapter 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;
}

/* Table Styling */

table.expnaturetable tbody tr td {
border: 1px solid black !important;
border-collapse: collapse !important;
}

td.lightbluecell {
background: #00718f;
}

td.shadedcell {
background: #efefef;
}

/* End Table Styling */
/* 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/4232/2024/05/teal_link.png”);
position: absolute;
display: inline-block;
width: 45px;
left: -22px;
top: 50%;
transform: translateY(-50%);
}

/* Custom Font Size for h2 */

h2 {
font-size: 2em !important;
}
/* Font Size h2 */
/* Bold heading h3 */

.chapter h3{

margin-bottom:0.5;

}

main *+p {

margin-top: 0em;

}
/*Icons in textbox headers*/

h2.textbox__title {

margin: 0;

}

.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 !important;

padding: none !important;

margin: 5px 10px 0 0 !important; /*adjust these values if you needed */

}

.textbox.textbox–key-takeaways .textbox__header, .bcc-box.textbox–key-takeaways .textbox__header
.textbox.textbox–exercises .textbox__header, .bcc-box.textbox–exercises .textbox__header
.textbox.textbox–examples .textbox__header, .bcc-box.textbox–examples .textbox__header{
padding: 0 1.7777777778em 1.7777777778em 0 !important;
}

/* Learning Objectives Box */

.textbox–learning-objectives .textbox__header::before {

background: url(https://ecampusontario.pressbooks.pub/app/uploads/sites/4232/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/4232/2024/05/Pressbooks_Icon_Perspective_OG-White.png) no-repeat;

}

/* Examples Box */

.textbox–examples .textbox__header::before {

background: url(https://ecampusontario.pressbooks.pub/app/uploads/sites/4232/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/4232/2024/05/Pressbooks_Icon_Key_OG-White.png) no-repeat;
margin-left: 30px !important;
margin-top: 25px !important;
vertical-align: sub !important;
}

/* No-Icon */

.textbox-no-icon::before {

display: none !important;

background: none !important;

}

/*End of icons in textbox headers*/

/*Fancy Accordion*/

.fancy-accordion-wrapper {

margin-bottom: 60px;

position: relative;

}

details.fancy-accordion {

margin-bottom: -45px;

border-radius: 15px;

border: 1px solid #0b6396;

padding: 0px;

}

details.fancy-accordion > summary {

padding: 10px;

font-size: 1.25em;

text-indent: 30px;

background-color: #0b6396;

color: #eeeeee;

border: none;

cursor: pointer;

border-radius: 10px 10px 10px 10px; }

details.fancy-accordion[open] > summary {

background-color: #0b6396;

color: #eeeeee;

border-radius: 10px 10px 0 0;

}

.collapsed {

border-radius: 10px;

border: 1px solid #0b6396;

background-color: #eee !important;

padding: 20px;

//margin-bottom: 10px;
}

/* # The Rotating Marker # */

details.fancy-accordion summary::marker {

display: none;

content: “”; }

details.fancy-accordion summary::before {

content: “▶”;

left: -0.6em;

position: absolute;

transform: rotate();

transform-origin: 70% 50%;

transition: 0.2s transform ease; }

details.fancy-accordion[open] > summary:before {

transform: rotate(90deg);

transform: ease 1s; }

/* # The Sliding Summary # */

@keyframes details-show {

from {

opacity: 0;

transform: var(–details-translate, translateY(-0.5em)); } }

details.fancy-accordion[open] > *:not(summary) {

animation: details-show 750ms ease-in-out; }

/* End of Accordion */

/* Key-takeaways fix */
.textbox–key-takeaways header {
height: 100px !important;
}

.textbox–key-takeaways header h2 {
padding-top: 25px !important;
}
//end key takeaways fix

//remove chapter headers for overview pages
section.part header h1 {
display: none !important;
}
//end chapter headers fix

.smallh2 {
font-size: 1.1em !important;
font-style: italic !important;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}

#firstchapter {
height: 2.5% !important;
}

//three column for photos

.column {
float: left;
width: 33.33%;
padding-left: 2px;
}

.row:after {
content: “”;
display: table;
clear: both;
}
//end threecolumn

.c3title {
height: -5%;
}

#fourthchapter {
top: -1% !important;
}