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

License

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Program-Planning in Recreation Copyright © 2024 by Allison Menegoni, MA-Ed is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.

Share This Book