2 h1, h2, h3, h4, h5, h6 {
4 font-family: "Montserrat", "Helvetica", "Arial";
12 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
16 /* Comments in code. */
29 text-decoration: underline;
31 background-color: lightgray;
34 /* Highlighted changes in code. */
36 background-color: mistyrose;
50 /* Putting shadows around things. */
52 -moz-box-shadow: 0 0 30px 5px #999;
53 -webkit-box-shadow: 0 0 30px 5px #999;
54 box-shadow: 0 0 30px 5px #999;
57 /* Things to understand (lead-in to sections in book). */
59 background-color: lightyellow;
62 /* Block quotations. */
65 padding: 1em 1em .5em 1em;
69 /* Citation for testimonial quote. */
70 blockquote.testimonial cite {
74 /* Main body of pages. */
76 font-family: "Open Sans", Helvetica, Arial, sans-serif;
77 color: rgb(03, 03, 03);
80 /* Styling for editorial stylesheet */
87 /* Top banner of every page. */
89 background-color: #FFFFFF;
94 border-bottom: 1px solid #A6A6A6;
97 /* Padding around image in top banner. */
102 /* Explanatory call-out boxes. */
105 background-color: mistyrose;
115 outline-style: solid;
118 /* Level 2 headings inside pages. */
120 border-bottom: 1px solid #CCCCCC;
122 font-family: Verdana,"BitStream vera Sans";
127 /* PDF and slide files referenced from lectures. */
132 /* Footer of every page. */
135 background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
136 padding: 4px 10px 7px 10px;
137 border-top: 1px solid #A6A6A6;
142 /*background-color: #20267D;*/
143 /* svg colour is slightly different? */
147 /* Main menu at the top of every page. */
150 background-color: #F4F4F4;
152 padding: 3px 0px 3px 25px;
153 border-bottom: 1px solid #A6A6A6;
167 /* Narration for audio-only lectures. */
173 /* Table of contents. */
175 /* No special styling yet. */
182 .transcript .media img {
183 border: 1px solid grey;
190 border-bottom:1px solid #515151;
193 /* YouTube video embed. */
199 /* Glossary description lists. */
204 /* Displaying YouTube videos. */
205 iframe.youtube_player {
212 /* Sections in book chapters. */
217 /* Person's name in team.html. */
223 /* Short review of book in bibliography. */
228 /* Bibliography book covers. */
233 /* Blog calendar table in blog/index.html. */
234 table.blogcalendar th {
240 table.blogcalendar th.left {
245 table.blogcalendar tr td {
249 /* Blog index tables in blog/index.html. */
250 table.blogindex td.date {
255 /* Tables used for displaying choices in challenges. */
256 table.choices tr td {
257 vertical-align : top;
260 /* Database tables do _not_ have double borders */
262 border-collapse: collapse;
265 /* Container for content in the bootcamp index page */
270 /* Link items (to bootcamp pages) in the bootcamps tables */
271 table.bootcamps td.link {
276 /* Spacer items (i.e. ellipsis) on the bootcamps tables */
277 table.bootcamps td.spacer {
282 /* Date columns on the bootcamps tables */
283 table.bootcamps td.date {
288 /* Badge modal dialog */
293 #assertion-modal iframe {
294 background-color: transparent;
295 border: 0px none transparent;
301 #assertion-model img.badge {
308 /* list with checkbox as bullet */
310 list-style-image: url('../img/checkbox.png');
322 /*padding-top:50px;*/
327 background: url(../img/header.png) no-repeat center center;
328 background-attachment: fixed;
329 -webkit-background-size: cover;
330 -moz-background-size: cover;
331 -o-background-size: cover;
332 background-size: cover;
339 /*font-weight:normal;*/
349 border-top:1px solid #DDDDDD;
350 border-bottom:1px solid #DDDDDD;
351 padding:50px 0 50px 0;
359 h4 a:link, h4 a:visited, a {