Style Sheet Code
/*table styling*/
.negotiationstable tbody tr {
border: 2px solid !important;
border-collapse: collapse !important;
}
.splitcolumn {
border: 2px solid !important;
border-collapse: collapse !important;
}
/*end table styling*/
/* headers */
h1, h2, h3, h4, h5, h6 {
font-weight: bold !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
.part-title {
color: #000000 !important;
}
.chapter-title {
color: #000000 !important;
}
/*Icons in textbox headers*/
h3.textbox__title {
margin: 0;
}
.web-only {
display: block;
}
.non-web {
display: none;
}
.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;
}
.textbox–sidebar {
min-width: 400px;
}
/* Learning Objectives Box */
.textbox–learning-objectives .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4058/2024/03/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/4058/2024/03/Pressbooks_Icon_learning-assesment_OG-White.png”) no-repeat;
}
/* Examples Box */
.textbox–examples .textbox__header::before {
background: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4058/2024/03/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/4058/2024/03/Pressbooks_Icon_Key_OG-White.png”) no-repeat;
}
/* No-Icon */
.textbox-no-icon::before {
display: none !important;
background: none !important;
}
/* What Would You Do*/
.w-w-y-d {
border-right: 3px solid gray !important;
border-bottom: 3px solid gray !important;
border-left: 3px solid gray !important;
position: relative;
padding: 2em;
padding-top: 3em;
border-radius: 1em;
}
.w-w-y-d::before {
content: “”;
position: absolute;
top: 0;
right: -0.4%;
width: 90%;
height: 20%;
border-top: 3px solid gray !important;
border-right: 3px solid gray !important;
border-radius: 0 1em 0 0;
}
.wwyd_title {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
.wwyd_body {
padding-top: 20px;
}
.wwyd_icon {
content: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4058/2024/05/d37f39b2-ddee-4cfe-a7e1-0e8a1a4db818.png”);
position: absolute;
display: inline-block;
width: 65px;
left: 2px;
top: -10px;
transform: rotate(-50deg);
}
/*End of icons in textbox headers*/
/* 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;
}
.link-to-learning {
background-color: ‘#faffed’ !important;
}
/* Link to learning boxes */
.link-to-learning {
border: 2px solid #b3272d !important;
position: relative;
}
.link-to-learning > h3 {
text-align: center;
}
.link-to-learning_icon {
content: url(“https://ecampusontario.pressbooks.pub/app/uploads/sites/4058/2024/05/red_link.png”);
position: absolute;
display: inline-block;
width: 45px;
left: -22px;
top: 50%;
transform: translateY(-50%);
}
/* Table with alternating row colours */
table.alternating tr:nth-child(even){
background: #f0f0f0 !important;
}
table.alternating tr td:first-child{
padding-left: 1em;
}
table.alternating tr:nth-child(odd){
background: #d0d0d0 !important;
}
table.alternating td {
padding-left: 1em;
}
table.alternating th {
background: #606060;
color: #fff;
padding-left: 1em;
}
/*Immanuel Kant info box Section 1.1*/
#kant-box {
display: flex;
}
.kant-child {
flex: 1
}
/* Formatting for assessment questions */
ol.assessment-questions > li {
margin-top: 1em;
}
/*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: #b3272d;
color: #fff;
border: none;
cursor: pointer;
border-radius: 10px 10px 10px 10px; }
details.fancy-accordion[open] > summary {
background-color: #b3272d;
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 */
/* Vertical table cell */
.vertical-cell-bottom-up {
writing-mode: vertical-rl !important;
transform: rotate(180deg) !important;
}
/* video container custom sizing */
.videoContainer {
width: 100%;
max-width: 800px;
height: 450px;
margin: 0 auto;
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.box-chart {
margin-top: 10px;
width: 25%;
margin-left: 50%;
transform: translateX(-50%);
}
.box-chart > .title {
color: #3B5372;
text-align: center;
}
.box-row {
display: flex;
flex-direction: row;
margin-bottom: 10px
}
.box-container-rounded {
background-color: #045252;
border-radius: 12px;
padding: 10px;
margin-right: 10px;
flex: 1;
color: #FFF;
}
.box-container-rounded.bordered {
border: 0px solid #000;
}
.box-container-rounded h1,
.box-container-rounded h2,
.box-container-rounded h3,
.box-container-rounded h4,
.box-container-rounded h5,
.box-container-rounded h6 {
color: #FFF;
}
@media screen and (max-width: 500px) {
.box-row {
flex-direction: column;
margin-bottom: 0;
}
.box-container-rounded {
margin-right: 0;
margin-bottom: 10px;
}
}
