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;
}