Style Sheet Code
.textbox, .textbox p {
hyphens: none;
border-radius: 1.5em !important;
}
.textbox__header {
border-radius: 1.5em 1.5em 0 0 !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
/* Styling ::before */
.textbox–learning-objectives .textbox__header::before,
.textbox–writing-practice .textbox__header::before,
.textbox–exercises .textbox__header::before,
.textbox–examples .textbox__header::before,
.textbox–key-takeaways .textbox__header::before,
.textbox–bk_narrative .textbox__header::before {
content: “”;
display: block;
float: left;
background-size: 60px 60px !important;
width: 60px;
height: 60px;
margin-right: 10px;
margin-top: -5px;
}
/* Key Takaways Box */
.textbox–key-takeaways .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/3892/2024/01/Pressbooks_Icon_Summary_OG-White.png”) no-repeat;
}
/* Exercises Box */
.textbox–exercises .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/3892/2024/01/Pressbooks_Icon_Think_OG-White.png”) no-repeat;
}
/* Examples Box */
.textbox–examples .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/3892/2024/01/Pressbooks_Icon_HelpfulTip_OG-White.png”) no-repeat;
}
/* LO Box */
.textbox–learning-objectives .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/3892/2024/01/Pressbooks_Icon_HelpfulTip_OG-White.png”) no-repeat;
}
/* quote-box styling */
.quote-box {
position: relative;
border-color: #4e4770 !important;
border-width: 2px;
}
.quote-box_icon {
content: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/3892/2024/01/quote-72.png”);
position: absolute;
display: inline-block;
width: 45px;
left: -22px;
top: 50%;
transform: translateY(-50%);
}
.quote-box p {
font-style: italic;
/*You may have to play with margin and padding values for desired look*/
margin-left: 5em;
padding: 2em;
}
/* end of quote-box */
/*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: #fff;
border: none;
cursor: pointer;
border-radius: 10px 10px 10px 10px; }
details.fancy-accordion[open] > summary {
background-color: #0b6396;
color: #fff;
border-radius: 10px 10px 0 0;
}
.collapsed {
/*border-radius: 10px;
border: 2px solid #0b6396;*/
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 */
/* tableDesign1 template */
table.tableDesign1{
border-radius: 1em !important;
margin: 0 !important;
}
/* this formats the first row as a header row, with blue background and white text */
table.tableDesign1 th {
color: white !important;
background-color: purple !important;
padding-left: 1.5em;
}
.tableDesign1 td{
padding-left: 1.5em !important;
border: solid black 1px;
}
/* End of tableDesign1 */
/* Suppress Pressbooks rendering
of chapter titles in screaming caps */
section.chapter header h1, section.part header h1 {
text-transform: none !important;
}
