Loading css/lesson.css +33 −112 Original line number Diff line number Diff line code { color: #333333; /* Comments in code. */ .comment { color: purple; } /* Code sample */ pre.sourceCode, pre.input { color: ForestGreen; } pre.output { color: MediumBlue; } pre.error { color: Red; } .objectives, .keypoints, .callout, .challenge { margin: 1em 0; padding: 0em 1em; } .objectives h2:first-child, .keypoints h2:first-child, .callout h2:first-child, .challenge h2:first-child { margin-top: 10px; } .objectives, .keypoints { background-color: azure; border: 5px solid azure; } .callout { background-color: #EEE; border: 5px solid #EEE; } .challenge { background-color: #CCFFCC; border: 5px solid #CCFFCC; } /* Tables used for displaying choices in challenges. */ table.choices tr td { vertical-align : top; } /* Database tables do _not_ have double borders */ table.outlined { border-collapse: collapse; /* Highlighted changes in code. */ .highlight { background-color: mistyrose; } /* Printing */ @media print { h1 { font-size: 16pt; line-height: 18pt; /* Manual input. */ .in { color: darkgreen; } h2,h3,h4,h5,h6 { font-size: 12pt; line-height: 13pt; /* Program output. */ .out { color: darkblue; font-style: italic; } /* Objectives, Callout Box and Challenges */ .objectives, .keypoints { background-color: unset; border: 5px solid; /* Error output. */ .err { color: darkred; font-style: italic; font-weight: bold; } .callout { background-color: unset; border: 5px solid; /* Explanatory call-out boxes. */ div.box { background-color: lightgray; } .challenge { background-color: unset; border: 5px solid; } p,ul,ol,li,pre,code { font-size: 8pt; line-height: 9pt; } code { padding: 0px; border: 0px; background: unset; } pre.sourceCode::before, pre.input::before. { content: "Input:"; } pre.output::before { content: "Output:"; } pre.error::before { content: "Error:"; } /* Challenge questions. */ div.challenges {} pre.sourceCode code, pre.input code, pre.output code, pre.error code { display: block; margin-top: 1em; margin-left: 2em; } /* Key points in summary. */ div.keypoints {} #github-ribbon { display: none; } /* Main lesson. */ div.lesson {} .banner { display: none; } /* Learning objectives. */ div.objectives {} .footer { display: none; } } /* Continuation paragraph. */ p.continue {} css/swc-bootstrap.css +2 −0 Original line number Diff line number Diff line /* Customizations to Bootstrap's default styles */ /* readability: darken the alert colour for contrast with background */ .alert { color: rgb(0,0,0); Loading css/swc.css +77 −56 Original line number Diff line number Diff line /* Headings */ h1, h2, h3, h4, h5, h6 { color: rgb(03,03,03); font-family: "Montserrat", "Helvetica", "Arial"; } h1, h2 { margin-top: 40px; margin-bottom: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } /* Comments in code. */ .comment { color: purple; } /* Error messages. */ .err { color: darkred; font-style: italic; } /* Things to fix. */ .fixme { text-decoration: underline; color: darkred; background-color: lightgray; } /* Highlighted changes in code. */ .highlight { background-color: mistyrose; } /* Manual input. */ .in { color: darkgreen; } /* Program output. */ .out { color: darkblue; font-style: italic; } /* Putting shadows around things. */ .shadow { -moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999; box-shadow: 0 0 30px 5px #999; } /* Things to understand (lead-in to sections in book). */ .understand { background-color: lightyellow; } /* Block quotations. */ blockquote { margin: 1em; padding: 1em 1em .5em 1em; width: 90%; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* Main body of pages. */ body { font-family: "Open Sans", Helvetica, Arial, sans-serif; Loading Loading @@ -86,60 +159,13 @@ div.toc { border: 1px solid grey; } h1, h2 { margin-top: 40px; margin-bottom: 10px; } h1:first-child, h2:first-child { margin-top: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; /* Title styling */ h1.title { margin: 40px 0px; border-bottom: 1px solid #515151; } /* Chapter titles. */ div.chapter h2 { text-align: center; font-style: italic; } /* Objectives, Callout Box and Challenges */ .objectives, .keypoints, .callout, .challenge { margin: 1em 0; padding: 0em 1em; /* Things to fix. */ .fixme { text-decoration: underline; color: darkred; background-color: lightgray; } /* Putting shadows around things. */ .shadow { -moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999; box-shadow: 0 0 30px 5px #999; } /* Things to understand (lead-in to sections in book). */ .understand { background-color: lightyellow; } /* Block quotations. */ blockquote { margin: 1em; padding: 1em 1em .5em 1em; width: 90%; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* YouTube video embed. */ div.youtube { text-align: center; Loading Loading @@ -202,11 +228,6 @@ table.blogindex td.date { width:10em; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* Tables used for displaying choices in challenges. */ table.choices tr td { vertical-align : top; Loading css/swc-workshop-and-lesson.css +1 −1 File changed.Contains only whitespace changes. Show changes Loading
css/lesson.css +33 −112 Original line number Diff line number Diff line code { color: #333333; /* Comments in code. */ .comment { color: purple; } /* Code sample */ pre.sourceCode, pre.input { color: ForestGreen; } pre.output { color: MediumBlue; } pre.error { color: Red; } .objectives, .keypoints, .callout, .challenge { margin: 1em 0; padding: 0em 1em; } .objectives h2:first-child, .keypoints h2:first-child, .callout h2:first-child, .challenge h2:first-child { margin-top: 10px; } .objectives, .keypoints { background-color: azure; border: 5px solid azure; } .callout { background-color: #EEE; border: 5px solid #EEE; } .challenge { background-color: #CCFFCC; border: 5px solid #CCFFCC; } /* Tables used for displaying choices in challenges. */ table.choices tr td { vertical-align : top; } /* Database tables do _not_ have double borders */ table.outlined { border-collapse: collapse; /* Highlighted changes in code. */ .highlight { background-color: mistyrose; } /* Printing */ @media print { h1 { font-size: 16pt; line-height: 18pt; /* Manual input. */ .in { color: darkgreen; } h2,h3,h4,h5,h6 { font-size: 12pt; line-height: 13pt; /* Program output. */ .out { color: darkblue; font-style: italic; } /* Objectives, Callout Box and Challenges */ .objectives, .keypoints { background-color: unset; border: 5px solid; /* Error output. */ .err { color: darkred; font-style: italic; font-weight: bold; } .callout { background-color: unset; border: 5px solid; /* Explanatory call-out boxes. */ div.box { background-color: lightgray; } .challenge { background-color: unset; border: 5px solid; } p,ul,ol,li,pre,code { font-size: 8pt; line-height: 9pt; } code { padding: 0px; border: 0px; background: unset; } pre.sourceCode::before, pre.input::before. { content: "Input:"; } pre.output::before { content: "Output:"; } pre.error::before { content: "Error:"; } /* Challenge questions. */ div.challenges {} pre.sourceCode code, pre.input code, pre.output code, pre.error code { display: block; margin-top: 1em; margin-left: 2em; } /* Key points in summary. */ div.keypoints {} #github-ribbon { display: none; } /* Main lesson. */ div.lesson {} .banner { display: none; } /* Learning objectives. */ div.objectives {} .footer { display: none; } } /* Continuation paragraph. */ p.continue {}
css/swc-bootstrap.css +2 −0 Original line number Diff line number Diff line /* Customizations to Bootstrap's default styles */ /* readability: darken the alert colour for contrast with background */ .alert { color: rgb(0,0,0); Loading
css/swc.css +77 −56 Original line number Diff line number Diff line /* Headings */ h1, h2, h3, h4, h5, h6 { color: rgb(03,03,03); font-family: "Montserrat", "Helvetica", "Arial"; } h1, h2 { margin-top: 40px; margin-bottom: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } /* Comments in code. */ .comment { color: purple; } /* Error messages. */ .err { color: darkred; font-style: italic; } /* Things to fix. */ .fixme { text-decoration: underline; color: darkred; background-color: lightgray; } /* Highlighted changes in code. */ .highlight { background-color: mistyrose; } /* Manual input. */ .in { color: darkgreen; } /* Program output. */ .out { color: darkblue; font-style: italic; } /* Putting shadows around things. */ .shadow { -moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999; box-shadow: 0 0 30px 5px #999; } /* Things to understand (lead-in to sections in book). */ .understand { background-color: lightyellow; } /* Block quotations. */ blockquote { margin: 1em; padding: 1em 1em .5em 1em; width: 90%; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* Main body of pages. */ body { font-family: "Open Sans", Helvetica, Arial, sans-serif; Loading Loading @@ -86,60 +159,13 @@ div.toc { border: 1px solid grey; } h1, h2 { margin-top: 40px; margin-bottom: 10px; } h1:first-child, h2:first-child { margin-top: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; /* Title styling */ h1.title { margin: 40px 0px; border-bottom: 1px solid #515151; } /* Chapter titles. */ div.chapter h2 { text-align: center; font-style: italic; } /* Objectives, Callout Box and Challenges */ .objectives, .keypoints, .callout, .challenge { margin: 1em 0; padding: 0em 1em; /* Things to fix. */ .fixme { text-decoration: underline; color: darkred; background-color: lightgray; } /* Putting shadows around things. */ .shadow { -moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999; box-shadow: 0 0 30px 5px #999; } /* Things to understand (lead-in to sections in book). */ .understand { background-color: lightyellow; } /* Block quotations. */ blockquote { margin: 1em; padding: 1em 1em .5em 1em; width: 90%; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* YouTube video embed. */ div.youtube { text-align: center; Loading Loading @@ -202,11 +228,6 @@ table.blogindex td.date { width:10em; } /* Citation for testimonial quote. */ blockquote.testimonial cite { font-style: italic; } /* Tables used for displaying choices in challenges. */ table.choices tr td { vertical-align : top; Loading