1 /* Main body of pages. */
5 font-family: "Open Sans", Helvetica, Arial, sans-serif;
6 color: rgb(03, 03, 03);
9 /* Styling for editorial stylesheet */
16 /* Top banner of every page. */
18 background-color: #FFFFFF;
23 border-bottom: 1px solid #A6A6A6;
27 background-color: #20267D;
30 /* Padding around image in top banner. */
35 @media (max-width: 700px) {
41 /* Footer of every page. */
44 background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
45 padding: 4px 10px 7px 10px;
46 border-top: 1px solid #A6A6A6;
51 h1, h2, h3, h4, h5, h6 {
64 h1:first-child, h2:first-child {
68 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
78 /* Objectives, Callout Box and Challenges */
79 .objectives, .keypoints, .callout, .challenge {
84 .objectives, .keypoints {
85 background-color: azure;
86 border: 5px solid azure;
90 background-color: #EEE;
91 border: 5px solid #EEE;
95 background-color: #CCFFCC;
96 border: 5px solid #CCFFCC;
101 text-decoration: underline;
103 background-color: lightgray;
106 /* Putting shadows around things. */
108 -moz-box-shadow: 0 0 30px 5px #999;
109 -webkit-box-shadow: 0 0 30px 5px #999;
110 box-shadow: 0 0 30px 5px #999;
113 /* Things to understand (lead-in to sections in book). */
115 background-color: lightyellow;
118 /* Block quotations. */
125 /* Citation for testimonial quote. */
126 blockquote.testimonial cite {
130 /* Tables used for displaying choices in challenges. */
131 table.choices tr td {
132 vertical-align : top;
135 /* Database tables do _not_ have double borders */
137 border-collapse: collapse;
164 /* Objectives, Callout Box and Challenges */
165 .objectives, .keypoints {
166 background-color: unset;
171 background-color: unset;
176 background-color: unset;
180 p,ul,ol,li,pre,code {
191 pre.sourceCode::before,
226 /*----------------------------------------*/
227 /* Override Bootstrap CSS */
228 /*----------------------------------------*/
232 font-weight: inherit;
233 line-height: inherit;
240 /* readability: darken the alert colour for contrast with background */
245 /* Container for page contents. */
248 background-color: white;
254 background-color: inherit;
260 background-color: #F4F4F4;
261 background-image: none;
262 border: 1px solid #d4d4d4;
263 -webkit-border-radius: 0;
264 -moz-border-radius: 0;
270 .navbar-inverse .navbar-inner {
271 background-color: #20267D;
272 background-image: none;
273 border-color: #20267D;
275 .navbar-inverse .nav .active > a,
276 .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
278 background-color: #20267D;
280 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
281 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
282 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
284 background-color: #20267D;
286 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
287 border-top-color: #999999;
288 border-bottom-color: #999999;
290 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
291 border-top-color: #ffffff;
292 border-bottom-color: #ffffff;
299 text-decoration: none;
300 font-family: arial, sans-serif;
313 #github-ribbon a:hover {
317 #github-ribbon a::before, #github-ribbon a::after {
327 #github-ribbon a::after {
332 /* GitHub ribbon breaking point */
333 @media screen and (min-width: 600px) {
334 .navbar .btn-navbar {
352 transform: rotate(45deg);
353 -webkit-transform: rotate(45deg);
354 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
357 @media (max-width: 599px) {