Standard Operating Procedures
Themes and Custom Styles
In order to maintain consistency across all MSMP webbooks, the following styles must be applied to customize the appearance of your book.
THeme
The theme chosen for MSMP webbooks is Graham.
Adjust the theme by hovering over the Appearance section found in the lefthand navigation panel, then select Themes.
Theme Options for textboxes
Global Theme Options
Pressbooks allows you to customize the colors for built-in textboxes directly from Global Theme Options. From here you can modify the header text color, header background color, and textbox body background color for Examples, Exercises, Key Takeaways, and Learning Objectives. Your choices will be applied across all book formats (web and PDF).
To change your textbox colors from their default palette to the specific colors chosen for MSMP webbooks, follow these steps:
1. Go to Appearance > Theme Options from the left-hand menu of your book’s dashboard
2. Scroll down to see your customization options for Examples, Exercises, Key Takeaways, and Learning Objectives
3. Click Select Color next to the element you’d like to change (Header Color, Header Background, or Background)
This opens up the color picker where you should input the following color combinations for each textbox type:
Examples
Header Color = #fff (Always Bold text in the header field)
Header Background = #5a7613
Background = #cbd4b6
Exercises
Header Color = #fff (Always Bold text in the header field)
Header Background = #b35c32
Background = #f8f0ec
Key Takeaways
Header Color = #fff (Always Bold text in the header field)
Header Background = #390b15
Background = #ede8e9
Learning Objectives
Header Color = #fff (Always Bold text in the header field)
Header Background = #111
Background = #f7f7f9
Don’t forget to click Save Changes at the bottom of the page!
Web Options
Check to Display the Part title on each chapter and click Save Changes at the bottom of the page.
Custom CSS
Custom styles using CSS must also be applied to each new book in the MSMP webbook library. These styles affect the way fonts, paragraphs and other elements display throughout the book. The easiest way to transfer custom CSS from one book to another is simply by copy and paste.
Once you have selected a theme for your book, go to Appearance → Custom Styles.
Select the Export Format you would like to customize:
Pressbooks prepares files in multiple formats, including PDF, ebook, and web. Each format is created using a specific stylesheet designed for its unique requirements, so you will need to select which format that you’d like to edit every time, and make sure you apply styles to all three stylesheets if you would like the three formats to reflect each other.
To switch between formats, choose from the dropdown menu at the top of the custom styles page. You can select either web, ebook, or PDF.
Add your CSS code to the “Your Styles” section:
Any additions that you want to make to the theme can be entered in the “Your Styles” section. The “Theme Styles” section contains the stylesheet for the entire theme, and is not editable.
h1, h1.entry-title, .front-matter h1, .part h1, .chapter h1, .back-matter h1, body#tinymce.wp-editor h1{
text-shadow:0 3px 10px #000000;
color:#fff;
background-color:#1a4586;
padding:20px;
text-align:center;
}
h2, .front-matter h2, .part h2, .chapter h2, .back-matter h2, body#tinymce.wp-editor h2{
color:#1a4586;
border-bottom:2px solid #E0E0E0;
}
h3, .front-matter h3, .part h3, .chapter h3, .back-matter h3, body#tinymce.wp-editor h3{
color:#1a4586;
border-bottom:1px solid #b35c32;
}
table, .front-matter table, .part table, .chapter table, .back-matter table, body#tinymce.wp-editor table{
font-size:0.8em;
}
tr, .front-matter tr, .part tr, .chapter tr, .back-matter tr, body#tinymce.wp-editor tr{
border-bottom:1px solid #b35c32;
}
tr{
border-color:#b35c32 !important;
}
td, .front-matter td, .part td, .chapter td, .back-matter td, body#tinymce.wp-editor td{
padding:12px 5px;
}
/*.nav-container nav{
background:#555;
box-shadow:2px 2px 2px #dd661e;
}
.sub-nav{
background:#084b81;
box-shadow:2px 2px 2px #dd661e;
}
.author-wrap h3{
color: #fafafa;
border-bottom:none;
}
h2{
font-size:1.3em;
border-bottom: solid 2px #dd661e;
}
h3{
font-size:1.2em;
border-bottom: solid 2px #084b81;
}
h4{
border-bottom: solid 1px #dd661e;
}
.entry-title{
margin:100px 0 50px;
}
#content img{
margin:10px 15px;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.aligncenter{
text-align:center;
}
body {
background: #555;
background-attachment: fixed;
}
#content{
background:#fafafa;
}
#booknav{
background:#fafafa;
}
#booknav li:hover{
background:#e0e0e0;
border-radius:0 6px 6px 0;
}
.edit-link a{
color:#dd661e;
background:#fafafa;
}
.edit-link a:hover{
background:#dd661e;
}
.footer{
background:#555;
}*/
th{
background-color: #0021A5;
color: white;
}
.shaded.landscape{
background-color: #112c56;
color: white;
}
.nav-container nav{
background:#555;
box-shadow:2px 2px 2px #dd661e;
}
.sub-nav{
background:#084b81;
box-shadow:2px 2px 2px #dd661e;
}
.author-wrap h3{
color: #fafafa;
border-bottom:none;
}
h2{
font-size:1.3em;
border-bottom: solid 2px #dd661e;
}
h3{
font-size:1.2em;
border-bottom: solid 2px #084b81;
}
h4{
border-bottom: solid 1px #dd661e;
}
.entry-title{
margin:100px 0 50px;
}
#content img{
margin:10px 15px;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.aligncenter{
text-align:center;
}
#content{
background:#fafafa;
}
#booknav{
background:#fafafa;
}
#booknav li:hover{
background:#e0e0e0;
border-radius:0 6px 6px 0;
}
.edit-link a{
color:#dd661e;
background:#fafafa;
}
.edit-link a:hover{
background:#dd661e;
}
.footer{
background:#555;
}
